Skip to content

Update to brand-new NKA website #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
notsniped merged 2 commits into from
Jun 17, 2023
Merged

Update to brand-new NKA website #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b6f0ded
Move old webpage files to `archive` path
notsniped Jun 17, 2023
e694a26
Add brand-new NKA website
notsniped Jun 17, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 87 additions & 0 deletions archive/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en" charset="utf-8">
<head>
<title>NKA Development Group</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="shortcut icon" href="https://github.com/PyBotDevs/resources/blob/base/branding/logos/normal-favicon.png?raw=true">
<link href="https://fonts.googleapis.com/css2?family=Mulish&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kenia&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/98f236c9cb.js" crossorigin="anonymous"></script>
<meta name="description" content="The official information and announcements website of NKA, the home of isobot, iso6.9 and Water Reminder bot.">
</head>
<noscript>This website needs JavaScript to function properly. Please enable it in browser settings.</noscript>
<body>
<div id="top-nav-bar" class="nav-bar">
<label class="top-nav-bar-title">NKA</label>
&nbsp;&nbsp;
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/isobot'">isobot</label>
&nbsp;&nbsp;
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/iso6.9-python'">iso6.9</label>
&nbsp;&nbsp;
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/water-reminder-bot'">Water Reminder Bot</label>
</div><br><br>
<center>
<div id="top-info-card" class="info-card">
<label class="top-info-card-title">NKA Development Group</label><br><br>
<label class="top-info-card-description">3 coders who code Python stuff (basically Discord bots)</label><br><br>
<hr><br>
<div id="quick-action-button-row">
<button onclick="window.location='https://github.com/PyBotDevs'">View our GitHub Organization Page</button>
<button onclick="window.location='https://discord.gg/b5pz8T6Yjr'">Visit our Official Discord Server</button>
</div>
</div>
</center><br><br>
<div class="content-container"><hr><br>
<div class="info-section">
<label class="info-section-heading">Who are we?</label><br>
<div class="underline-accent"></div>
<p class="info-section-paragraph">We are a development team, we code in Python.</p>
</div><br><br>
<div class="info-section">
<label class="info-section-heading">What do we do?</label><br>
<div class="underline-accent"></div>
<p class="info-section-paragraph">We create various types of Discord bots, including moderating bots, economical bots, and more.</p>
</div><br><br>
<div class="info-section">
<label class="info-section-heading">Our bots</label><br>
<div class="underline-accent"></div><br><br>
<span id="isobot-name-tag" onclick="window.location='https://github.com/PyBotDevs/isobot'" title="Click here to go to Github repository page">isobot</span>
<span id="iso69-name-tag" onclick="window.location='https://github.com/PyBotDevs/iso6.9-python'" title="Click here to go to Github repository page">iso6.9</span>
<span id="water-reminder-bot-name-tag" onclick="window.location='https://github.com/PyBotDevs/water-reminder-bot'" title="Click here to go to Github repository page">Water Reminder Bot</span>
</div><br><br>
<div class="info-section">
<label class="info-section-heading">Our code rules</label><br>
<div class="underline-accent"></div><br>
<ul>
<li><p><b>snipe's code rule:</b> Reduce, Reuse, and Rewrite</p></li>
<li><p><b>archisha's code rule:</b> Recreate, Recycle, and Refine</p></li>
<li><p><b>archie's code rule:</b> Rebuild, Refresh, and Reinforce</p></li>
</ul>
</div><br><br>
<div class="info-section">
<label class="info-section-heading">Our head members</label><br>
<div class="underline-accent"></div><br>
<img src="https://avatars.githubusercontent.com/u/72265661?s=96&v=4" class="user-pfp-favicon" alt="Github profile picture of notsniped">&nbsp;&nbsp;&nbsp;<span>notsniped (notsniped#4573 on Discord)</span><br>
<img src="https://avatars.githubusercontent.com/u/95626487?s=96&v=4" class="user-pfp-favicon" alt="Github profile picture of Archisha69">&nbsp;&nbsp;&nbsp;<span>Archisha69 (thatOneArchUser#5518 on Discord)</span><br>
<img src="https://avatars.githubusercontent.com/u/69575053?s=96&v=4" class="user-pfp-favicon" alt="Github profile picture of Archie">&nbsp;&nbsp;&nbsp;<span>Archie (c²#0300 on Discord)</span><br><br>
<p class="text-info-box"><b>Fun Fact: i use arch btw</b></p>
</div><br><br>
</div><br><br>
<center>
<div id="page-footer">
<br>
<div id="social-media-links">
<i id="discord-server-invite-icon" class="fa-brands fa-discord" title="Join our official Discord server!"></i>
<i id="email-icon" class="fa-solid fa-envelope" onclick="window.location='mailto:nka.dev@outlook.com'" title="Email us!"></i>
</div>
<br>
Made by notsniped@NKA | This website is 100% <a href="https://github.com/PyBotDevs/web">open-source</a> and licensed with <a href="https://github.com/PyBotDevs/web/blob/main/LICENSE">the MIT license</a><br>
NKA Development Group Organization&copy; 2022-present
</div>
</center>
</body>
</html>
177 changes: 177 additions & 0 deletions archive/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,177 @@
body {
margin: 0px;
padding: 0px;
font-size: 18px;
font-family: 'Mulish', sans-serif;
}

/* Custom Font Families:

font-family: 'Kenia', cursive;
font-family: 'Mulish', sans-serif;
font-family: 'Roboto Mono', monospace;

*/

#top-nav-bar {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
color: white;
background-color: rgb(160, 92, 224);
position: static;
}
#top-nav-bar label, #top-nav-bar button {
margin-left: 17.5px;
margin-right: 17.5px;
}
.top-nav-bar-title {
font-size: 27px;
font-family: 'Roboto Mono', monospace;
font-weight: bold;
}
.top-nav-bar-item {
font-size: 20px;
font-family: 'Roboto Mono', monospace;
}
.top-nav-bar-item:hover {
color: rgb(160, 92, 224);
background-color: white;
font-weight: bold;
cursor: pointer;
}

#top-info-card {
margin: 20px;
border-radius: 10px;
width: 95%;
padding-top: 20px;
padding-bottom: 20px;
color: white;
background-color: rgb(160, 92, 224);
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
}
.top-info-card-title {
font-size: 65px;
/* font-weight: bold; */
font-family: 'Kenia', cursive;
}
.top-info-card-description {
font-size: 23px;
font-family: 'Roboto Mono', monospace;
}
#quick-action-button-row button {
border-radius: 8px;
background-color: transparent;
font-size: 16px;
color: white;
border-color: white;
border-width: 1px;
border-style: solid;
padding: 10px;
font-family: 'Roboto Mono', monospace;
margin-left: 20px;
margin-right: 20px;
width: 40%;
}
#quick-action-button-row button:hover {
cursor: pointer;
color: rgb(160, 92, 224);
background-color: white;
font-weight: bold;
}

.content-container {
margin-left: 30px;
margin-right: 30px;
}

.info-section {
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.info-section-heading {
font-size: 34px;
font-weight: bold;
}

#isobot-name-tag {
padding: 5px;
border-radius: 2.5px;
color: white;
background-color: rgb(160, 92, 224);
width: fit-content;
font-weight: bold;
}
#iso69-name-tag {
padding: 5px;
border-radius: 2.5px;
color: white;
background-color: rgb(0, 194, 97);
width: fit-content;
font-weight: bold;
}
#water-reminder-bot-name-tag {
padding: 5px;
border-radius: 2.5px;
color: white;
background-color: rgb(0, 192, 226);
width: fit-content;
font-weight: bold;
}
#isobot-name-tag:hover, #iso69-name-tag:hover, #water-reminder-bot-name-tag:hover {
cursor: pointer;
}

.user-pfp-favicon {
height: 40px;
width: 40px;
border-radius: 100%;
box-shadow: 1px 0 4px 2px rgb(199, 199, 199);
}

.text-info-box {
margin: 15px;
padding: 20px;
background-color: rgb(108, 51, 161);
border-color: rgb(132, 63, 196);
border-style: solid;
border-width: 2px;
color: white;
border-radius: 8px;
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
font-size: 16px;
font-family: 'Roboto Mono', monospace;
}

#page-footer {
background-color: #232323;
color: white;
font-size: 14px;
font-family: 'Roboto Mono', monospace;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
}

.underline-accent {
height: 8px;
border-radius: 10px;
width: 120px;
background: linear-gradient(to right, rgb(160, 92, 224) 0%, rgb(108, 56, 156) 100%);
margin-top: 5px;
margin-left: 1px;
}

#social-media-links {
font-size: 26px;
}
#social-media-links i {
border-radius: 100%;
color: white;
background-color: #303030;
/* box-shadow: 1px 0 10px 1px rgb(199, 199, 199); */
padding: 15px;
}
Loading