forked from funky-station/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (129 loc) · 4.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/pico.blue.min.css" />
<link rel="stylesheet" href="style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="manifest" href="site.webmanifest" />
<title>Funky Station</title>
</head>
<body>
<div class="container">
<nav>
<ul>
<li>
<hgroup>
<h1 class="inter-body"><b>Funky Station</b></h1>
<p class="inter-body">The funkiest station around.</p>
</hgroup>
</li>
</ul>
<ul>
<li>
<a href="https://github.com/funky-station/funky-station">GitHub</a>
</li>
<li>
<a href="https://discord.gg/xxyEpyssVj">Discord</a>
</li>
<li><a href="https://discord.gg/xxyEpyssVj">Wiki (coming soon!)</a></li>
</ul>
</nav>
</div>
<main class="container">
<hgroup>
<h1 class="inter-body">
<b
>Disasters, enemies, incompetence, and even more. <br />All
free-to-play.</b
>
</h1>
<br />
<h2 class="inter-body">Join with <code>play.funkystation.org</code></h2>
</hgroup>
<img src="images/cirno.png" class="bottom-cirno" style="height: 250px" />
</main>
<div class="container">
<div class="grid">
<div>
<div class="container">
<article class="inter-body">
<header class="inter-body"><b>What is Funky Station?</b></header>
We're a
<a
href="https://github.com/funky-station/funky-station"
class="contrast"
>fork</a
>
(our GitHub) of a
<a href="https://goobstation.com/" class="contrast">fork</a> (Goob
Station) of this
<a href="https://spacestation14.com" class="contrast">game</a>
(Space Station 14).
<br />
We do some things differently, and have our own changes in the
works. Check out our Discord for more.
</article>
<article class="inter-body">
<header class="inter-body">
<b>Do I have to pay to play?</b>
</header>
No!
<a href="https://spacestation14.com" class="contrast"
>Space Station 14</a
>
is free for anyone to play, visit the official website linked here
to see how to get the game on Steam or through its standalone
launcher.
</article>
<article class="inter-body">
<header class="inter-body">
<b>I love Funky Station! How can I help out?</b>
</header>
Join our Discord to see how! If you'd like to support the
community financially, please wait as official information is
released about that!
</article>
<article class="inter-body">
<header class="inter-body">
<b>Who's answering all these questions?!</b>
</header>
The maintainer and host of Funky Station, taydeo! Speak to them
directly on the official Funky Station Discord!
</article>
</div>
</div>
<div>
<article class="inter-body">
<header class="inter-body">
<b id="funkystationName">Funky Station 1 - Bow</b>
</header>
Players on: <code id="playersOnFunky">8</code>
<br />
Round details: <inline id="gamePreset"></inline> on <inline id="gameMap"></inline>
<footer>
Connect with
<code> play.funkystation.org </code>
</footer>
</article>
</div>
</div>
</div>
<footer>
<div class="container">
Made with 💖 by <a href="https://github.com/taydeo" class="contrast">taydeo</a>, and <a href="https://picocss.com/" class="contrast">picocss</a>.
</div>
</footer>
</body>
<script src="index.js" type="module"></script>
</html>