Skip to content

Commit 6a578e1

Browse files
notsnipednotsniped
authored
Merge pull request #12 from PyBotDevs/new-website
Update to brand-new NKA website
2 parents 2e877b6 + e694a26 commit 6a578e1

File tree

7 files changed

+550
-211
lines changed

7 files changed

+550
-211
lines changed

‎archive/index.html‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<!DOCTYPE html>
2+
<html lang="en" charset="utf-8">
3+
<head>
4+
<title>NKA Development Group</title>
5+
<link rel="stylesheet" type="text/css" href="style.css">
6+
<link rel="preconnect" href="https://fonts.googleapis.com">
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8+
<link rel="shortcut icon" href="https://github.com/PyBotDevs/resources/blob/base/branding/logos/normal-favicon.png?raw=true">
9+
<link href="https://fonts.googleapis.com/css2?family=Mulish&display=swap" rel="stylesheet">
10+
<link href="https://fonts.googleapis.com/css2?family=Kenia&display=swap" rel="stylesheet">
11+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
12+
<meta name="viewport" content="width=device-width, initial-scale=1">
13+
<script src="https://kit.fontawesome.com/98f236c9cb.js" crossorigin="anonymous"></script>
14+
<meta name="description" content="The official information and announcements website of NKA, the home of isobot, iso6.9 and Water Reminder bot.">
15+
</head>
16+
<noscript>This website needs JavaScript to function properly. Please enable it in browser settings.</noscript>
17+
<body>
18+
<div id="top-nav-bar" class="nav-bar">
19+
<label class="top-nav-bar-title">NKA</label>
20+
&nbsp;&nbsp;
21+
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/isobot'">isobot</label>
22+
&nbsp;&nbsp;
23+
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/iso6.9-python'">iso6.9</label>
24+
&nbsp;&nbsp;
25+
<label class="top-nav-bar-item" onclick="window.location='https://github.com/PyBotDevs/water-reminder-bot'">Water Reminder Bot</label>
26+
</div><br><br>
27+
<center>
28+
<div id="top-info-card" class="info-card">
29+
<label class="top-info-card-title">NKA Development Group</label><br><br>
30+
<label class="top-info-card-description">3 coders who code Python stuff (basically Discord bots)</label><br><br>
31+
<hr><br>
32+
<div id="quick-action-button-row">
33+
<button onclick="window.location='https://github.com/PyBotDevs'">View our GitHub Organization Page</button>
34+
<button onclick="window.location='https://discord.gg/b5pz8T6Yjr'">Visit our Official Discord Server</button>
35+
</div>
36+
</div>
37+
</center><br><br>
38+
<div class="content-container"><hr><br>
39+
<div class="info-section">
40+
<label class="info-section-heading">Who are we?</label><br>
41+
<div class="underline-accent"></div>
42+
<p class="info-section-paragraph">We are a development team, we code in Python.</p>
43+
</div><br><br>
44+
<div class="info-section">
45+
<label class="info-section-heading">What do we do?</label><br>
46+
<div class="underline-accent"></div>
47+
<p class="info-section-paragraph">We create various types of Discord bots, including moderating bots, economical bots, and more.</p>
48+
</div><br><br>
49+
<div class="info-section">
50+
<label class="info-section-heading">Our bots</label><br>
51+
<div class="underline-accent"></div><br><br>
52+
<span id="isobot-name-tag" onclick="window.location='https://github.com/PyBotDevs/isobot'" title="Click here to go to Github repository page">isobot</span>
53+
<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>
54+
<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>
55+
</div><br><br>
56+
<div class="info-section">
57+
<label class="info-section-heading">Our code rules</label><br>
58+
<div class="underline-accent"></div><br>
59+
<ul>
60+
<li><p><b>snipe's code rule:</b> Reduce, Reuse, and Rewrite</p></li>
61+
<li><p><b>archisha's code rule:</b> Recreate, Recycle, and Refine</p></li>
62+
<li><p><b>archie's code rule:</b> Rebuild, Refresh, and Reinforce</p></li>
63+
</ul>
64+
</div><br><br>
65+
<div class="info-section">
66+
<label class="info-section-heading">Our head members</label><br>
67+
<div class="underline-accent"></div><br>
68+
<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>
69+
<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>
70+
<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>
71+
<p class="text-info-box"><b>Fun Fact: i use arch btw</b></p>
72+
</div><br><br>
73+
</div><br><br>
74+
<center>
75+
<div id="page-footer">
76+
<br>
77+
<div id="social-media-links">
78+
<i id="discord-server-invite-icon" class="fa-brands fa-discord" title="Join our official Discord server!"></i>
79+
<i id="email-icon" class="fa-solid fa-envelope" onclick="window.location='mailto:[email protected]'" title="Email us!"></i>
80+
</div>
81+
<br>
82+
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>
83+
NKA Development Group Organization&copy; 2022-present
84+
</div>
85+
</center>
86+
</body>
87+
</html>

‎archive/style.css‎

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
body {
2+
margin: 0px;
3+
padding: 0px;
4+
font-size: 18px;
5+
font-family: 'Mulish', sans-serif;
6+
}
7+
8+
/* Custom Font Families:
9+
10+
font-family: 'Kenia', cursive;
11+
font-family: 'Mulish', sans-serif;
12+
font-family: 'Roboto Mono', monospace;
13+
14+
*/
15+
16+
#top-nav-bar {
17+
width: 100%;
18+
padding-top: 15px;
19+
padding-bottom: 15px;
20+
color: white;
21+
background-color: rgb(160, 92, 224);
22+
position: static;
23+
}
24+
#top-nav-bar label, #top-nav-bar button {
25+
margin-left: 17.5px;
26+
margin-right: 17.5px;
27+
}
28+
.top-nav-bar-title {
29+
font-size: 27px;
30+
font-family: 'Roboto Mono', monospace;
31+
font-weight: bold;
32+
}
33+
.top-nav-bar-item {
34+
font-size: 20px;
35+
font-family: 'Roboto Mono', monospace;
36+
}
37+
.top-nav-bar-item:hover {
38+
color: rgb(160, 92, 224);
39+
background-color: white;
40+
font-weight: bold;
41+
cursor: pointer;
42+
}
43+
44+
#top-info-card {
45+
margin: 20px;
46+
border-radius: 10px;
47+
width: 95%;
48+
padding-top: 20px;
49+
padding-bottom: 20px;
50+
color: white;
51+
background-color: rgb(160, 92, 224);
52+
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
53+
}
54+
.top-info-card-title {
55+
font-size: 65px;
56+
/* font-weight: bold; */
57+
font-family: 'Kenia', cursive;
58+
}
59+
.top-info-card-description {
60+
font-size: 23px;
61+
font-family: 'Roboto Mono', monospace;
62+
}
63+
#quick-action-button-row button {
64+
border-radius: 8px;
65+
background-color: transparent;
66+
font-size: 16px;
67+
color: white;
68+
border-color: white;
69+
border-width: 1px;
70+
border-style: solid;
71+
padding: 10px;
72+
font-family: 'Roboto Mono', monospace;
73+
margin-left: 20px;
74+
margin-right: 20px;
75+
width: 40%;
76+
}
77+
#quick-action-button-row button:hover {
78+
cursor: pointer;
79+
color: rgb(160, 92, 224);
80+
background-color: white;
81+
font-weight: bold;
82+
}
83+
84+
.content-container {
85+
margin-left: 30px;
86+
margin-right: 30px;
87+
}
88+
89+
.info-section {
90+
margin-left: 20px;
91+
margin-right: 20px;
92+
margin-top: 15px;
93+
margin-bottom: 15px;
94+
}
95+
.info-section-heading {
96+
font-size: 34px;
97+
font-weight: bold;
98+
}
99+
100+
#isobot-name-tag {
101+
padding: 5px;
102+
border-radius: 2.5px;
103+
color: white;
104+
background-color: rgb(160, 92, 224);
105+
width: fit-content;
106+
font-weight: bold;
107+
}
108+
#iso69-name-tag {
109+
padding: 5px;
110+
border-radius: 2.5px;
111+
color: white;
112+
background-color: rgb(0, 194, 97);
113+
width: fit-content;
114+
font-weight: bold;
115+
}
116+
#water-reminder-bot-name-tag {
117+
padding: 5px;
118+
border-radius: 2.5px;
119+
color: white;
120+
background-color: rgb(0, 192, 226);
121+
width: fit-content;
122+
font-weight: bold;
123+
}
124+
#isobot-name-tag:hover, #iso69-name-tag:hover, #water-reminder-bot-name-tag:hover {
125+
cursor: pointer;
126+
}
127+
128+
.user-pfp-favicon {
129+
height: 40px;
130+
width: 40px;
131+
border-radius: 100%;
132+
box-shadow: 1px 0 4px 2px rgb(199, 199, 199);
133+
}
134+
135+
.text-info-box {
136+
margin: 15px;
137+
padding: 20px;
138+
background-color: rgb(108, 51, 161);
139+
border-color: rgb(132, 63, 196);
140+
border-style: solid;
141+
border-width: 2px;
142+
color: white;
143+
border-radius: 8px;
144+
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
145+
font-size: 16px;
146+
font-family: 'Roboto Mono', monospace;
147+
}
148+
149+
#page-footer {
150+
background-color: #232323;
151+
color: white;
152+
font-size: 14px;
153+
font-family: 'Roboto Mono', monospace;
154+
padding-top: 10px;
155+
padding-bottom: 10px;
156+
box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
157+
}
158+
159+
.underline-accent {
160+
height: 8px;
161+
border-radius: 10px;
162+
width: 120px;
163+
background: linear-gradient(to right, rgb(160, 92, 224) 0%, rgb(108, 56, 156) 100%);
164+
margin-top: 5px;
165+
margin-left: 1px;
166+
}
167+
168+
#social-media-links {
169+
font-size: 26px;
170+
}
171+
#social-media-links i {
172+
border-radius: 100%;
173+
color: white;
174+
background-color: #303030;
175+
/* box-shadow: 1px 0 10px 1px rgb(199, 199, 199); */
176+
padding: 15px;
177+
}

0 commit comments

Comments
 (0)