Skip to content

Commit

Permalink
Merge pull request #12 from PyBotDevs/new-website
Browse files Browse the repository at this point in the history 
Update to brand-new NKA website
  • Loading branch information
@notsniped
notsniped authored Jun 17, 2023
2 parents 2e877b6 + e694a26 commit 6a578e1
Show file tree
Hide file tree
Showing 7 changed files with 550 additions and 211 deletions.
87 changes: 87 additions & 0 deletions archive/index.html
View file
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
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

0 comments on commit 6a578e1

Please sign in to comment.