-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
408 lines (352 loc) · 17.7 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
<!doctype html>
<html lang="en">
<!-- Designed by Roy Curtis 2014, licensed under MIT -->
<head>
<meta charset="utf-8">
<title>Gamealition - We play and host games!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Gamealition Squad">
<meta name="description"
content="Gaming community with Minecraft and 7 Days to Die servers">
<!-- Main style sheets -->
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/panorama.css" />
<!-- Fonts -->
<link rel='stylesheet' href='css/cabinCondensed/cabinCondensed.css' />
<!-- Courtesy of http://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="57x57" href="img/ico/apple-touch-icon-57x57.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="60x60" href="img/ico/apple-touch-icon-60x60.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="72x72" href="img/ico/apple-touch-icon-72x72.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="76x76" href="img/ico/apple-touch-icon-76x76.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="114x114" href="img/ico/apple-touch-icon-114x114.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="120x120" href="img/ico/apple-touch-icon-120x120.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="144x144" href="img/ico/apple-touch-icon-144x144.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="152x152" href="img/ico/apple-touch-icon-152x152.png?v=2bb0Xw8klY">
<link rel="apple-touch-icon" sizes="180x180" href="img/ico/apple-touch-icon-180x180.png?v=2bb0Xw8klY">
<link rel="icon" type="image/png" href="img/ico/favicon-32x32.png?v=2bb0Xw8klY" sizes="32x32">
<link rel="icon" type="image/png" href="img/ico/android-chrome-192x192.png?v=2bb0Xw8klY" sizes="192x192">
<link rel="icon" type="image/png" href="img/ico/favicon-96x96.png?v=2bb0Xw8klY" sizes="96x96">
<link rel="icon" type="image/png" href="img/ico/favicon-16x16.png?v=2bb0Xw8klY" sizes="16x16">
<link rel="manifest" href="img/ico/manifest.json?v=2bb0Xw8klY">
<link rel="shortcut icon" href="img/ico/favicon.ico?v=2bb0Xw8klY">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="img/ico/mstile-144x144.png?v=2bb0Xw8klY">
<meta name="msapplication-config" content="img/ico/browserconfig.xml?v=2bb0Xw8klY">
<meta name="theme-color" content="#00222b">
</head>
<body class="no-js">
<!-- Header - Contains the logo, menus, header background and sloped bars -->
<header>
<div class="logo">
<logo title="We are Gamealition. We host and play games.">
<img alt="Gamealition Logo (diffuse layer)"
class="diffuse" src="img/logo-diffuse.png"/>
<img alt="Gamealition Logo (bloom layer)"
class="bloom" src="img/logo-bloom.png"/>
<img alt="Gamealition Logo (specular layer)"
class="specular" src="img/logo-specular.png"/>
</logo>
</div>
<div class="nav">
<container>
<menu class="community">
<a class="button" rel="community" title="Join our forums!"
href="https://forums.gamealition.com">
Forums
</a>
<a class="button" rel="community" title="Join our Mumble voice chat!"
href="https://mumble.gamealition.com">
Mumble
</a>
<a class="button" rel="community" title="Join our Discord text chat!"
href="https://discord.gamealition.com">
Discord
</a>
<a class="button" rel="community" title="Check out our videos and downloads!"
href="https://media.gamealition.com">
Media
</a>
<a class="button" rel="community" title="Meet our team!"
href="staff.html">
Staff
</a>
<a class="button" rel="community" title="Email us!"
href="mailto:[email protected]">
Email
</a>
</menu>
<menu class="social">
<!-- Inline SVG icons from https://materialdesignicons.com/ -->
<a class="button icon" rel="social" title="Gamealition on Twitter"
href="https://twitter.com/gamealition">
<svg>
<path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" ></path>
</svg>
</a>
<a class="button icon" rel="social" title="Gamealition on Reddit"
href="https://reddit.com/r/gamealition">
<svg>
<path d="M22,11.5C22,10.1 20.9,9 19.5,9C18.9,9 18.3,9.2 17.9,9.6C16.4,8.7 14.6,8.1 12.5,8L13.6,4L17,5A2,2 0 0,0 19,7A2,2 0 0,0 21,5A2,2 0 0,0 19,3C18.3,3 17.6,3.4 17.3,4L13.3,3C13,2.9 12.8,3.1 12.7,3.4L11.5,8C9.5,8.1 7.6,8.7 6.1,9.6C5.7,9.2 5.1,9 4.5,9C3.1,9 2,10.1 2,11.5C2,12.4 2.4,13.1 3.1,13.6L3,14.5C3,18.1 7,21 12,21C17,21 21,18.1 21,14.5L20.9,13.6C21.6,13.1 22,12.4 22,11.5M9,11.8C9.7,11.8 10.2,12.4 10.2,13C10.2,13.6 9.7,14.2 9,14.2C8.3,14.2 7.8,13.7 7.8,13C7.8,12.3 8.3,11.8 9,11.8M15.8,17.2C14,18.3 10,18.3 8.2,17.2C8,17 7.9,16.7 8.1,16.5C8.3,16.3 8.6,16.2 8.8,16.4C10,17.3 14,17.3 15.2,16.4C15.4,16.2 15.7,16.3 15.9,16.5C16.1,16.7 16,17 15.8,17.2M15,14.2C14.3,14.2 13.8,13.6 13.8,13C13.8,12.3 14.4,11.8 15,11.8C15.7,11.8 16.2,12.4 16.2,13C16.2,13.7 15.7,14.2 15,14.2Z" ></path>
</svg>
</a>
<a class="button icon" rel="social" title="Gamealition on Steam"
href="https://steamcommunity.com/groups/gamealition">
<svg>
<path d="M20.14,7.79C21.33,7.79 22.29,8.75 22.29,9.93C22.29,11.11 21.33,12.07 20.14,12.07A2.14,2.14 0 0,1 18,9.93C18,8.75 18.96,7.79 20.14,7.79M3,6.93A3,3 0 0,1 6,9.93V10.24L12.33,13.54C12.84,13.15 13.46,12.93 14.14,12.93L16.29,9.93C16.29,7.8 18,6.07 20.14,6.07A3.86,3.86 0 0,1 24,9.93A3.86,3.86 0 0,1 20.14,13.79L17.14,15.93A3,3 0 0,1 14.14,18.93C12.5,18.93 11.14,17.59 11.14,15.93C11.14,15.89 11.14,15.85 11.14,15.82L4.64,12.44C4.17,12.75 3.6,12.93 3,12.93A3,3 0 0,1 0,9.93A3,3 0 0,1 3,6.93M15.03,14.94C15.67,15.26 15.92,16.03 15.59,16.67C15.27,17.3 14.5,17.55 13.87,17.23L12.03,16.27C12.19,17.29 13.08,18.07 14.14,18.07C15.33,18.07 16.29,17.11 16.29,15.93C16.29,14.75 15.33,13.79 14.14,13.79C13.81,13.79 13.5,13.86 13.22,14L15.03,14.94M3,7.79C1.82,7.79 0.86,8.75 0.86,9.93C0.86,11.11 1.82,12.07 3,12.07C3.24,12.07 3.5,12.03 3.7,11.95L2.28,11.22C1.64,10.89 1.39,10.12 1.71,9.5C2.04,8.86 2.81,8.6 3.44,8.93L5.14,9.81C5.08,8.68 4.14,7.79 3,7.79M20.14,6.93C18.5,6.93 17.14,8.27 17.14,9.93A3,3 0 0,0 20.14,12.93A3,3 0 0,0 23.14,9.93A3,3 0 0,0 20.14,6.93Z" ></path>
</svg>
</a>
<a class="button icon" rel="social" title="Gamealition on GitHub"
href="https://github.com/gamealition">
<svg>
<path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" ></path>
</svg>
</a>
<a class="button icon" rel="social" title="Gamealition on DubTrack.fm"
href="https://gamealition.com/dubtrack">
<svg>
<path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z" ></path>
</svg>
</a>
</menu>
</container>
</div>
</header>
<!-- Intro - The Gamealition blurb, describing our community -->
<section id="Intro">
<container>
<div class="ornament left">🙤</div>
<p>
<strong>Who are we?</strong> We are <span class="gamealition">Gamealition</span>.
We are an open community of gamers, sysadmins, developers, Lego nerds, redditors,
parents, LGBTQers, streamers, trekkies, and wookiees. Our ages range from 12 to 60+
and we hail from the US, UK, Canada, Poland, Norway, Kashyyyk, and parts unknown.
</p>
<div class="ornament right">🙦</div>
</container>
</section>
<!-- Panorama - Interactive 360 panorama of Survival locations -->
<panorama id="pano-survival">
<slide src="img/survival/pano-1.jpg" width="2150"
title="Survival Spawn" subtitle="spin, Rob, et al."></slide>
<slide src="img/survival/pano-2.jpg" width="1894"
title="Aquadome" subtitle="PosterAnonymous"></slide>
<slide src="img/survival/pano-3.jpg" width="2196"
title="Rougaroux Plantation" subtitle="swfan85"></slide>
<slide src="img/survival/pano-4.jpg" width="1548"
title="Seven-Pointed Star" subtitle="Vasha"></slide>
<slide src="img/survival/pano-6.jpg" width="2463"
title="The Underground" subtitle="PatProductions"></slide>
<slide src="img/survival/pano-7.jpg" width="1864"
title="Oxbridge" subtitle="Robrotheram"></slide>
<slide src="img/survival/pano-8.jpg" width="1960"
title="Bobtown" subtitle="evilbob"></slide>
<slide src="img/survival/pano-9.jpg" width="1663"
title="Vikshavn" subtitle="NorthSeaSailing, et al."></slide>
<slide src="img/survival/pano-10.jpg" width="1587"
title="The Factory" subtitle="helicologo"></slide>
<slide src="img/survival/pano-11.jpg" width="1882"
title="Mushroom Isle Base" subtitle="tim740"></slide>
<slide src="img/survival/pano-12.jpg" width="2429"
title="Breadwage Estate" subtitle="MangoFishSocks"></slide>
<controller class="noselect">
<span>
<span class="title">Survival Spawn</span>
<span class="subtitle">spin, Rob, et al.</span>
</span>
<button class="prev">❰</button>
<button class="next">❱</button>
</controller>
</panorama>
<!-- Survival - Explains our Minecraft Survival server and contains panorama -->
<section id="Survival">
<container>
<section class="blurb">
<h1>Minecraft Survival 1.11.2</h1>
<p>
Established in July 2014, our family-friendly semi-vanilla Minecraft survival
community has been going strong with fantastic builds by incredible players,
young and old.
</p>
<p>
We run a tight ship and a friendly community. We don't spoil the experience with
paid ranks, vote begging or complicated plugins.
</p>
</section>
<section class="links">
<entry class="address">
<field>Connect to:</field> <value>gamealition.com</value>
</entry>
<menu>
<a title="Rules of our Minecraft Survival server"
href="https://survival.gamealition.com/rules">
Rules
</a>
<a title="Live map of our Minecraft Survival server, provided by Dynmap"
href="https://survival.gamealition.com/dynmap">
Live Map
</a>
<a title="Discussion board for our Minecraft Survival server"
href="https://survival.gamealition.com/forums">
Sub-Forum
</a>
<a title="Running changelog of our Minecraft Survival server"
href="https://survival.gamealition.com/changelog">
Changelog
</a>
<a title="List of features of our Minecraft Survival server"
href="https://survival.gamealition.com/features">
Features
</a>
<a title="Known issues and quirks of our Minecraft Survival server"
href="https://survival.gamealition.com/bugs">
Bugs
</a>
<a title="MCShop is a third-party website managed by StitchHasAGlitch"
href="http://stitchhasaglitch.com/mcshopdex" class="third-party">
Shop Index
</a>
</menu>
</section>
</container>
</section>
<!-- FTB - Explains our Feed-the-Beast server with links -->
<section id="FTB">
<container>
<section class="blurb">
<h1>FTB Beyond 1.10.2</h1>
<p>
Established in March 2017, our Feed The Beast Beyond 1.10.2 server replaces our
retiring FTB Infinity Lite 1.10.2.
</p>
<p>
We keep it well maintained and optimal, whilst still allowing our players to
explore machine'n'magic.
</p>
</section>
<section class="links">
<entry class="address">
<field>Connect to:</field> <value>ftb.gamealition.com</value>
</entry>
<menu>
<a title="Rules of our Minecraft Feed-the-Beast server"
href="https://ftb.gamealition.com/rules">
Rules
</a>
<a title="Live map of our Minecraft Feed-the-Beast server, provided by Dynmap"
href="https://ftb.gamealition.com/dynmap">
Live Map
</a>
<a title="Discussion board for our Minecraft Feed-the-Beast server"
href="https://ftb.gamealition.com/forums">
Sub-Forum
</a>
<a title="Running changelog of our Minecraft Feed-the-Beast server"
href="https://ftb.gamealition.com/changelog">
Changelog
</a>
<a title="Apply for entry to our Minecraft Feed-the-Beast server!"
href="https://ftb.gamealition.com/apply">
Apply
</a>
<a title="Known issues and quirks of our Minecraft Feed-the-Beast server"
href="https://ftb.gamealition.com/bugs">
Bugs
</a>
</menu>
</section>
</container>
</section>
<!-- FTB - Explains our Modern Skyblock server with links -->
<section id="ModernSkyblock">
<container>
<section class="blurb">
<h1>Modern Skyblock 2 1.12.1</h1>
<p>
Established in August 2017, our Modern Skyblock 2 server is a much tougher, and
much more rewarding, grind.
</p>
<p>
This modpack is lighter on resources, and is recommended for players looking for
a bigger challenge on FTB!
</p>
</section>
<section class="links">
<entry class="address">
<field>Connect to:</field> <value>skyblock.gamealition.com</value>
</entry>
<menu>
<a title="Rules of our Minecraft Modern Skyblock 2 server"
href="https://skyblock.gamealition.com/rules">
Rules
</a>
<a title="Discussion board for our Minecraft Modern Skyblock 2 3 server"
href="https://skyblock.gamealition.com/forums">
Sub-Forum
</a>
<a title="Apply for entry to our Minecraft Feed-the-Beast server!"
href="https://skyblock.gamealition.com/apply">
Apply
</a>
</menu>
</section>
</container>
</section>
<!-- 7 Days to Die - Explains the 7 Days to Die server with links -->
<section id="7Days">
<container>
<section class="blurb">
<h1>7 Days to Die</h1>
<p>
Established in early 2016, we fund and host the community for Bigmike302's
semi-vanilla 7 Days to Die server.
</p>
<p>
Run by a super-friendly group who are always willing to teach new players, this
7 Days to Die server is great for collaborative survival!
</p>
</section>
<section class="links">
<entry class="address">
<field>Connect to:</field> <value>66.55.158.118:25010</value>
</entry>
<menu>
<a title="Discussion board for the 7 Days to Die server"
href="https://7days.gamealition.com/forums">
Sub-Forum
</a>
</menu>
</section>
</container>
</section>
<!-- Footer - Contains images of Gamealition minecraft builds and information -->
<footer>
<container>
<div>
<p>
Gamealition exists today thanks to the dedication of its staff, the
creativity of its community and the generosity of its donators.
</p>
<p>
This website uses colors and designs copied from the
<a href="https://www.phpbb.com/customise/db/style/pbtech/">PBTech phpbb
theme</a>, which is available under the GPL v2.0 license.
</p>
<p>
Content on this website is
<a href="https://github.com/Gamealition/gamealition.com">available</a> under the
MIT license except where otherwise specified.
</p>
</div>
</container>
</footer>
</body>
<scripts>
<script src="js/index.js" type="application/javascript"></script>
<script src="js/panorama.js" type="application/javascript"></script>
<script type="application/javascript">
document.body.className = "";
Panorama.create("#pano-survival");
Panorama.loop();
</script>
</scripts>
</html>