Skip to content

Commit a8699c9

Browse files
alexkar598alexkar598
committed
Initial commit
0 parents  commit a8699c9

File tree

11 files changed

+423
-0
lines changed

11 files changed

+423
-0
lines changed

‎index.html‎

Lines changed: 291 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,291 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<title>Yogstation - Home</title>
5+
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
8+
<meta property="og:type" content="website" />
9+
<meta property="og:url" content="https://yogstation.net/" />
10+
11+
<script
12+
defer
13+
src="https://use.fontawesome.com/releases/v6.4.2/js/all.js"
14+
></script>
15+
16+
<link rel="stylesheet" href="/static/css/main.css" />
17+
18+
<link rel="stylesheet" href="/static/css/qwerty-bulma.min.css" />
19+
<link rel="stylesheet" href="/static/css/bulma-slider.min.css" />
20+
21+
<script src="/static/js/jquery.min.js"></script>
22+
<script src="/static/js/vue.min.js"></script>
23+
24+
<script src="/static/js/main.js"></script>
25+
26+
<link rel="stylesheet" href="/static/css/home.css" />
27+
28+
<script src="/static/js/home.js"></script>
29+
</head>
30+
31+
<body>
32+
<nav id="navbar" class="navbar is-dark" role="navigation">
33+
<div class="navbar-brand">
34+
<a class="navbar-item" href="/">Yogstation 13</a>
35+
36+
<a
37+
role="button"
38+
class="navbar-burger burger"
39+
aria-label="menu"
40+
aria-expanded="false"
41+
data-target="navbar-links"
42+
v-on:click="nav_open = !nav_open"
43+
v-bind:class="{ 'is-active' : nav_open }"
44+
>
45+
<span></span>
46+
<!-- magic to make the burger button appear -->
47+
<span></span>
48+
<span></span>
49+
</a>
50+
</div>
51+
52+
<div
53+
id="navbar-links"
54+
class="navbar-menu"
55+
v-bind:class="{ 'is-active' : nav_open }"
56+
>
57+
<div class="navbar-end">
58+
<a class="navbar-item" href="https://forums.yogstation.net/"
59+
>Forums</a
60+
>
61+
<!-- LITEEDIT a class="navbar-item" href="https://wiki.yogstation.net/">Wiki</a-->
62+
<!-- LITEEDIT a class="navbar-item" href="/players">Directory</a-->
63+
<!-- LITEEDIT a class="navbar-item" href="/bans">Ban List</a-->
64+
<!-- LITEEDIT a class="navbar-item" href="/rounds">Round List</a-->
65+
<!-- LITEEDIT a class="navbar-item" href="/library">Library</a-->
66+
<!-- LITEEDIT a class="navbar-item" href="/donate">Donate</a-->
67+
</div>
68+
</div>
69+
</nav>
70+
71+
<section class="section" id="content">
72+
<div id="frontpage">
73+
<div class="has-text-centered" style="user-select: none">
74+
<img src="static/img/logo.png" width="75%" />
75+
</div>
76+
<h5 class="title is-5 has-text-centered">Quick Links</h5>
77+
<div class="columns is-centered">
78+
<div class="column is-one-third">
79+
<div class="card quick-links-card">
80+
<div class="card-content quick-link-content">
81+
<div class="columns">
82+
<!-- LITEEDIT div class="column is-one-quarter quick-link">
83+
<a
84+
href="https://www.byond.com/"
85+
class="column is-centered is-flex is-vcentered"
86+
><span class="icon"
87+
><svg
88+
class="svg-inline--fa fa-globe"
89+
aria-hidden="true"
90+
focusable="false"
91+
data-prefix="fas"
92+
data-icon="globe"
93+
role="img"
94+
xmlns="http://www.w3.org/2000/svg"
95+
viewBox="0 0 512 512"
96+
data-fa-i2svg=""
97+
>
98+
<path
99+
fill="currentColor"
100+
d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"
101+
></path></svg
102+
><!-- <i class="fas fa-globe"></i> Font Awesome fontawesome.com -- ></span
103+
>BYOND
104+
</a>
105+
</div-->
106+
<!-- LITEEDIT(one-quarter -> one-half, add has-text-centered) div class="column is-one-quarter quick-link" -->
107+
<div class="column is-one-half quick-link has-text-centered">
108+
<!-- LITEEDIT(remove is-flex) a
109+
href="https://forums.yogstation.net/"
110+
class="column is-centered is-flex is-vcentered"
111+
-->
112+
<a
113+
href="https://forums.yogstation.net/"
114+
class="column is-centered is-vcentered"
115+
>
116+
<span class="icon"
117+
><svg
118+
class="svg-inline--fa fa-discord"
119+
aria-hidden="true"
120+
focusable="false"
121+
data-prefix="fab"
122+
data-icon="discord"
123+
role="img"
124+
xmlns="http://www.w3.org/2000/svg"
125+
viewBox="0 0 640 512"
126+
data-fa-i2svg=""
127+
>
128+
<path
129+
fill="currentColor"
130+
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"
131+
></path></svg
132+
><!-- <i class="fa-brands fa-discord"></i> Font Awesome fontawesome.com --></span
133+
>Discord
134+
</a>
135+
</div>
136+
<!-- LITEEDIT div class="column is-one-quarter quick-link">
137+
<a
138+
href="https://wiki.yogstation.net/"
139+
class="column is-centered is-flex is-vcentered"
140+
><span class="icon"
141+
><svg
142+
class="svg-inline--fa fa-book"
143+
aria-hidden="true"
144+
focusable="false"
145+
data-prefix="fas"
146+
data-icon="book"
147+
role="img"
148+
xmlns="http://www.w3.org/2000/svg"
149+
viewBox="0 0 448 512"
150+
data-fa-i2svg=""
151+
>
152+
<path
153+
fill="currentColor"
154+
d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z"
155+
></path></svg
156+
><!-- <i class="fas fa-book"></i> Font Awesome fontawesome.com -- ></span
157+
>Wiki
158+
</a>
159+
</div-->
160+
<!-- LITEEDIT(one-quarter -> one-half, add has-text-centered) div class="column is-one-quarter quick-link" -->
161+
<div class="column is-one-half quick-link has-text-centered">
162+
<!-- LITEEDIT(remove is-flex) a
163+
href="https://forums.yogstation.net/"
164+
class="column is-centered is-flex is-vcentered"
165+
-->
166+
<a
167+
href="https://forums.yogstation.net/"
168+
class="column is-centered is-vcentered"
169+
>
170+
<span class="icon"
171+
><svg
172+
class="svg-inline--fa fa-building-columns"
173+
aria-hidden="true"
174+
focusable="false"
175+
data-prefix="fas"
176+
data-icon="building-columns"
177+
role="img"
178+
xmlns="http://www.w3.org/2000/svg"
179+
viewBox="0 0 512 512"
180+
data-fa-i2svg=""
181+
>
182+
<path
183+
fill="currentColor"
184+
d="M243.4 2.6l-224 96c-14 6-21.8 21-18.7 35.8S16.8 160 32 160v8c0 13.3 10.7 24 24 24H456c13.3 0 24-10.7 24-24v-8c15.2 0 28.3-10.7 31.3-25.6s-4.8-29.9-18.7-35.8l-224-96c-8-3.4-17.2-3.4-25.2 0zM128 224H64V420.3c-.6 .3-1.2 .7-1.8 1.1l-48 32c-11.7 7.8-17 22.4-12.9 35.9S17.9 512 32 512H480c14.1 0 26.5-9.2 30.6-22.7s-1.1-28.1-12.9-35.9l-48-32c-.6-.4-1.2-.7-1.8-1.1V224H384V416H344V224H280V416H232V224H168V416H128V224zM256 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
185+
></path></svg
186+
><!-- <i class="fas fa-building-columns"></i> Font Awesome fontawesome.com --></span
187+
>Forums
188+
</a>
189+
</div>
190+
</div>
191+
</div>
192+
</div>
193+
</div>
194+
</div>
195+
<!-- LITEEDIT h2 class="title is-2 has-text-centered">Game Servers</h2>
196+
<div class="columns is-centered">
197+
<div class="column is-three-quarters">
198+
<div>
199+
<progress
200+
max="100"
201+
class="progress is-small is-primary"
202+
></progress>
203+
</div>
204+
</div>
205+
</div>
206+
<br /><br /-->
207+
<h2 class="title is-2 has-text-centered">
208+
<!-- LITEEDIT Active-->
209+
Staff
210+
</h2>
211+
<div class="columns is-centered">
212+
<div class="column is-three-quarters">
213+
<div class="columns is-centered">
214+
<div class="column is-one-third has-text-centered">
215+
<h3 class="has-text-grey-light is-size-3">Hosts</h3>
216+
<p class="is-size-4">Xantam</p>
217+
<p class="is-size-4">Spl99</p>
218+
<!---->
219+
</div>
220+
<div class="column is-one-third has-text-centered">
221+
<h3 class="has-text-grey-light is-size-3">Council</h3>
222+
<p class="is-size-4">Cowbot93</p>
223+
<!---->
224+
</div>
225+
<div class="column is-one-third has-text-centered">
226+
<h3 class="has-text-grey-light is-size-3">Head Coders</h3>
227+
<p class="is-size-4">Baiomu</p>
228+
<p class="is-size-4">Jamied12</p>
229+
<!---->
230+
</div>
231+
</div>
232+
<div class="is-fullwidth has-text-centered">
233+
<h3 class="has-text-grey-light is-size-3">Complete Staff Team</h3>
234+
<span class="is-size-5" style="margin: 0px 5px"> Xantam </span
235+
><span class="is-size-5" style="margin: 0px 5px"> Spl99 </span
236+
><span class="is-size-5" style="margin: 0px 5px"> Cowbot93 </span
237+
><span class="is-size-5" style="margin: 0px 5px"> Baiomu </span
238+
><span class="is-size-5" style="margin: 0px 5px"> Jamied12 </span
239+
><span class="is-size-5" style="margin: 0px 5px"> Slovenian </span
240+
><span class="is-size-5" style="margin: 0px 5px">
241+
Missatessatessy </span
242+
><span class="is-size-5" style="margin: 0px 5px">
243+
Alexandria404 </span
244+
><span class="is-size-5" style="margin: 0px 5px">
245+
Spacemanspark </span
246+
><span class="is-size-5" style="margin: 0px 5px"> Ashcorr </span
247+
><span class="is-size-5" style="margin: 0px 5px">
248+
Deadlybagofdoom </span
249+
><span class="is-size-5" style="margin: 0px 5px">
250+
Menacingmanatee </span
251+
><span class="is-size-5" style="margin: 0px 5px">
252+
Zxmongoose </span
253+
><span class="is-size-5" style="margin: 0px 5px"> Tehladyk </span
254+
><span class="is-size-5" style="margin: 0px 5px">
255+
Yogurtshrimp69 </span
256+
><span class="is-size-5" style="margin: 0px 5px"> Rayisken </span
257+
><span class="is-size-5" style="margin: 0px 5px"> Lyis </span
258+
><span class="is-size-5" style="margin: 0px 5px">
259+
Theslipperycarp </span
260+
><span class="is-size-5" style="margin: 0px 5px"> Jaybaez </span
261+
><span class="is-size-5" style="margin: 0px 5px">
262+
Alexkar598 </span
263+
><span class="is-size-5" style="margin: 0px 5px"> Xoxeyos </span
264+
><span class="is-size-5" style="margin: 0px 5px">
265+
Iraqlobster </span
266+
><span class="is-size-5" style="margin: 0px 5px"> Aquizit </span
267+
><span class="is-size-5" style="margin: 0px 5px"> Adamsogm </span
268+
><span class="is-size-5" style="margin: 0px 5px"> Molti </span
269+
><span class="is-size-5" style="margin: 0px 5px">
270+
Oblisk234
271+
</span>
272+
<!---->
273+
</div>
274+
</div>
275+
</div>
276+
</div>
277+
</section>
278+
279+
<footer class="footer">
280+
<div class="has-text-centered">
281+
<strong>YogStation</strong> website made with &lt;3 by
282+
<a href="https://github.com/qwertyquerty">qwerty</a>
283+
<br />
284+
285+
<!-- LITEEDIT a href="https://yogstation.net/login">Admin Login</a -->
286+
287+
<br />
288+
</div>
289+
</footer>
290+
</body>
291+
</html>

0 commit comments

Comments
 (0)