Skip to content

Commit

Permalink
Merge pull request #321 from PyBotDevs/isobot-web-upgrade
Browse files Browse the repository at this point in the history
Update design of the isobot website to latest NKA web design
  • Loading branch information
notsniped authored Nov 25, 2023
2 parents 85648c1 + a835b28 commit cdf786e
Show file tree
Hide file tree
Showing 4 changed files with 353 additions and 68 deletions.
88 changes: 88 additions & 0 deletions data_archive/isobot_lazer_web_old.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!--
NKA (Formerly PyBotDevs) 2022. For enquiries contact PyBotDevs <pybotdevs@outlook.com>
ABOUT:
This webpage was made for letting the user get to know about Isobot lazer and it's features.
Also contains links and bridges to Github.
Secondary purpose is there too. It's to let Uptimerobot know if the bot is online.
NOTES:
-> This website is also deployed on the running client for Uptimerobot.
-> However, since the default deployed client does not have a domain, (most likely) it will redirect the user to the Github Pages deployment (which is still accurate because it needs the client to redirect anyway).
->> WE RESERVE THE RIGHT TO CHANGE the deployment services or strategies at any given time without prior notice.
-->
<!DOCTYPE html>
<html>
<head>
<title>Isobot lazer - The future of isobot</title>
<link rel="stylesheet" href="web/iso-render-bootstrap.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<!--Extra language fonts-->
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" rel="stylesheet"> <!--Japanese heading-->
</head>
<noscript>Some functions of this website may need JavaScript. Consider <b>enabling it</b> for your browser.</noscript>
<body>
<div id="window">
<div id="upper-head-banner">
<label id="heading">Isobot lazer <label>(Isobotレーザー)</label></label><br>
<div class="line"></div><br>
<label id="desc">The future of isobot. <label>(アイソボットの未来。)</label></label>
</div>
</div>
<div id="element-concentration">
<!--The main information body for the webpage render-->
<center>
<div class="promo-card text-card" id="github-promo">
<label><img src="web/resources/github-light.png" width="50">&nbsp; Follow along on Github!</label><br><br>
<button class="button-wide" onclick="github()"><img src="web/resources/github-dark.png" width="20">&nbsp; Go to Repository</button>
</div>
<!--Temporarily added for testing bootstrap-->
<div class="text-card">
<b><u>More stuff coming soon!</u></b><br><br>
<!--<button>Button placeholder</button>-->
</div>
</center>
</div>
</body>
<style>
body {
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: normal;
background-color: #151515;
color: white;
}
#upper-head-banner {
width: 100%;
background-color: rgb(125, 212, 241);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 35px;
}
#upper-head-banner #heading {
font-size: 50px;
font-family: 'Varela Round', sans-serif;
font-weight: bold;
}
#upper-head-banner #heading label {
font-family: 'Noto Serif JP', serif;
}
#upper-head-banner #desc {
font-size: 21px;
font-weight: normal;
}
#upper-head-banner #desc label {
font-family: 'Noto Serif JP', serif;
}
#element-concentration {
margin-top: 55px;
}
#github-promo {
background-color: rgb(14, 14, 14);
}
</style>
<script src="scripts/redirect.js"></script>
</html>
128 changes: 60 additions & 68 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,87 +2,79 @@
NKA (Formerly PyBotDevs) 2022. For enquiries contact PyBotDevs <pybotdevs@outlook.com>
ABOUT:
This webpage was made for letting the user get to know about Isobot lazer and it's features.
This webpage was made for letting the user get to know about Isobot and it's features.
Also contains links and bridges to Github.
Secondary purpose is there too. It's to let Uptimerobot know if the bot is online.
NOTES:
-> This website is also deployed on the running client for Uptimerobot.
-> However, since the default deployed client does not have a domain, (most likely) it will redirect the user to the Github Pages deployment (which is still accurate because it needs the client to redirect anyway).
->> WE RESERVE THE RIGHT TO CHANGE the deployment services or strategies at any given time without prior notice.
-->

<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Isobot lazer - The future of isobot</title>
<link rel="stylesheet" href="web/iso-render-bootstrap.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<!--Extra language fonts-->
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" rel="stylesheet"> <!--Japanese heading-->
<title>isobot</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="resources/nka_white.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<noscript>Some functions of this website may need JavaScript. Consider <b>enabling it</b> for your browser.</noscript>
<noscript>This app requires JavaScript to function. Please enable it in your browser settings.</noscript>
<body>
<div id="window">
<div id="upper-head-banner">
<label id="heading">Isobot lazer <label>(Isobotレーザー)</label></label><br>
<div class="line"></div><br>
<label id="desc">The future of isobot. <label>(アイソボットの未来。)</label></label>
</div>
<div id="top-nav-bar">
<label id="title">isobot</label>
<label class="nav-item" id="invite-rd" onclick="rd('invite')">Add to Server</label>
<label class="nav-item" id="github-rd" onclick="rd('git')">Repository</label>
<label class="nav-item" id="commands-list-rd" onclick="rd('commands')">Commands</label>
<label class="nav-item" id="changelog-rd" onclick="rd('changelog')">Changelog</label>
<label class="nav-item" id="uptime-rd" onclick="rd('uptime')">Uptime Status</label>
<label class="nav-item" id="discord-rd" onclick="rd('server')">Discord Server</label>
</div>
<div id="element-concentration">
<!--The main information body for the webpage render-->
<center>
<div class="promo-card text-card" id="github-promo">
<label><img src="web/resources/github-light.png" width="50">&nbsp; Follow along on Github!</label><br><br>
<button class="button-wide" onclick="github()"><img src="web/resources/github-dark.png" width="20">&nbsp; Go to Repository</button>
<br><br><br>
<center>
<div id="page-content-container">
<div class="item-card" id="heading-card">
<label id="title">isobot</label>
<br>
<label class="jap" id="jap-title">アイソボット</label>
<div class="separator"></div>
<p id="subtitle">The Discord bot to make your server (a little bit) better.</p>
<button id="invite-button" onclick="rd('invite')">Add To Your Discord Server!</button>
</div>
<!--Temporarily added for testing bootstrap-->
<div class="text-card">
<b><u>More stuff coming soon!</u></b><br><br>
<!--<button>Button placeholder</button>-->
<br>
<div class="item-card" id="what-is-isobot-card">
<label id="title">What is isobot?<br><div class="separator"></div></label>
<p>
Isobot is a simple discord.py-based Python Discord bot made by the NKA Development Team, to represent the original Heckerbot in an even more efficient, fast, contributable, community-focused and enhanced way.
</p>
</div>
</center>
</div>
<br>
<div class="item-card" id="why-to-use-card">
<label id="title">Why isobot?<br><div class="separator"></div></label>
<p>
We think isobot can help a multi-purpose economy Discord bot for your server. Apart from the economy system, you also get features for
<br>
<ul>
<li>Moderation</li>
<li>Levelling</li>
<li>Automod</li>
<li>Server Verification <sup>(soon)</sup></li>
<li>Maths Commands</li>
<li>Fun Commands</li>
<li>ChatGPT and AI Image Generation Commands, and</li>
<li>Reddit Media Commands</li>
</ul>
</p>
</div>
<br>
<div class="item-card" id="invite-card-end">
<label id="title">Like What You See?</label>
<br>
<button id="invite-button" onclick="rd('invite')">Add To Your Discord Server!</button>
</div>
</div>
</center>
<div id="footer">isobot &copy; NKA 2020-present | This page and the bot associated (isobot) are open-source, licensed with GPL-3.0, and hosted on GitHub.</div>
</body>
<style>
body {
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: normal;
background-color: #151515;
color: white;
}
#upper-head-banner {
width: 100%;
background-color: rgb(125, 212, 241);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 35px;
}
#upper-head-banner #heading {
font-size: 50px;
font-family: 'Varela Round', sans-serif;
font-weight: bold;
}
#upper-head-banner #heading label {
font-family: 'Noto Serif JP', serif;
}
#upper-head-banner #desc {
font-size: 21px;
font-weight: normal;
}
#upper-head-banner #desc label {
font-family: 'Noto Serif JP', serif;
}
#element-concentration {
margin-top: 55px;
}
#github-promo {
background-color: rgb(14, 14, 14);
}
</style>
<script src="scripts/redirect.js"></script>
<script src="main.js"></script>
</html>
10 changes: 10 additions & 0 deletions main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
function rd(target) {
// Redirects the user to a subpage, or another page.
if (target == "invite") {window.location = "https://discord.com/api/oauth2/authorize?client_id=896437848176230411&permissions=8&scope=bot%20applications.commands";}
else if (target == "git") {window.location = "https://github.com/pybotdevs/isobot";}
else if (target == "commands") {window.location = "";}
else if (target == "changelog") {window.location = "https://github.com/pybotdevs/isobot/releases/latest";}
else if (target == "server") {window.location = "https://discord.gg/b5pz8T6Yjr";}
else if (target == "uptime") {window.location = "https://stats.uptimerobot.com/PlKOmI0Aw8";}
else {console.error("Page target does not exist.");}
}
Loading

0 comments on commit cdf786e

Please sign in to comment.