-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
496 lines (460 loc) · 25.1 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
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
<html>
<head>
<meta charset="utf-8"/>
<link href="index.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="assets/logo_games_lan.svg">
<title>Games & LAN Linz</title>
</head>
<body>
<header>
<div>
<!--<h3>coding club linz presents</h3>
<h1>gAmes & lAn</h1>
<h2>halloween edition</h2>-->
</div>
</header>
<main>
<section id="general">
<div class="general">
<h1>gAmes & lAn in der Grand Garage</h1>
<p>In der Halloween Edition der Games & LAN zwischen 29. und 31. Oktober ist für alle Spiel-Begeisterten
etwas dabei.
60 LAN-Plätze in der Grand Garage bieten eine super Atmosphäre zum Zocken. Alle, die lieber fern vom
PC spielen, können sich an der großen Brettspiel-Wahl Auswahl erfreuen, eine der beliebten Social
Deduction Runden wie zB Werwolf oder Secret Hitler beitreten, oder per Pen & Paper Rollenspiel in die
Rolle eines Helden bzw. einer Heldin schlüpfen. </p>
</div>
<div class="hard-facts">
<h1>hard facts</h1>
<ul>
<li><strong>Wann?</strong> 29. Oktober 18:00 - 31. Oktober 12:00</li>
<li><strong>Wo?</strong> Grand Garage, Peter-Behrensplatz 6, 4020 Linz</li>
<li><strong>Für wen?</strong> für alle Spiel-Begeisterten, unter 16 Jahren ist eine erwachsene
Begleitung notwendig
</li>
</ul>
</div>
</section>
<hr/>
<section class="subsection" id="outro">
<h1 class="colored">Vielen dAnk für die Teilnahme an der gAmes & lAn</h1>
<div>
<p> Wir hatten eine gute Zeit und haben das Event sehr genossen. Ein riesen <strong>dAnkeschön</strong> an
alle die dieses Event möglich gemacht und dazu beigetragen haben. </p>
<p> Und so viel schon mal vorweg, das wird nicht unsere letzte Games & LAN gewesen sein :) </p>
</div>
</section>
<hr/>
<section class="subsection" id="lan">
<h1 class="logo-with-icon colored"><img src="assets/laptop.svg" height="50px">lAn bereich</h1>
<div class="split-content">
<div>
<p>Um an der LAN Teilzunehmen ist eine Anmeldung mit einer kleinen Gebühr notwendig. Gegen die 15
Euro Anmeldegebühr erhältst du während der LAN kostenlos zwei alkoholfreie Getränke und Snacks.</p>
<p>Dein Setup musst du selbst mitbringen, wir stellen dir zwei Steckdosen und gutes Internet zur
Verfügung.
Bitte denk trotzdem daran, deine Spielesammlung zu Hause noch zu aktualisieren ;-)</p>
<p> Anmeldung LAN für <a class="colored" target="_blank"
href="https://grandgarage.eu/de/workshops/games-lan">Grand
Garage Mitglieder</a></p>
<h2><a class="colored" target="_blank"
href="https://docs.google.com/forms/d/1KvfEhzA7lKcBgMkhcZ0QbkTZw2oCXbLeN8mJLx_3UVY/">
>> Allgemeine Anmeldung LAn-Platz << </a></h2>
</div>
<div class="video">
<img src="assets/lan_area.jpg">
</div>
</div>
</section>
<hr/>
<section class="subsection" id="roleplay">
<h1 class="logo-with-icon colored"><img src="assets/dice.svg" height="50px">pen & paper</h1>
<div class="split-content">
<div>
<img src="assets/jack-b-dragon-unsplash.jpg">
<span>Photo by <a
href="https://unsplash.com/@nervum?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jack
B</a> on <a
href="https://unsplash.com/s/photos/dungeons-and-dragons?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
</span>
</div>
<div>
<p>Für alle die schon immer ein Pen & Paper Rollenspiel probieren wollten ist die Games & LAN die
perfekte Chance dafür! One-shots sind die perfekte Möglichkeit in Form eines kleinen Abenteuers in
die Rolle einer Heldin oder eines Helden zu schlüpfen.
Dabei wird eine Gruppe von Spielenden von einem Game Master durch ein Szenario geführt und die
Spielenden müssen dabei Entscheidungen treffen, wie sie durch das Abenteuer kommen möchten,
welche sehr kreativ werden können (und sollten ;-) ). </p>
<p>Am Samstag wird es einige Rollenspiel Runden geben, die in verschiedenen Umgebungen stattfinden -
vom klassischen Dungeon and Dragons (Fantasy) über Shadow Run (Cyberpunk) bis hin zu Blades in the
Dark (Victorian London/Gothic) wird für alle
etwas dabei sein.</p>
<p>Wenn du selbst eine Rollenspielrunde an der LAN führen möchtest, dann schreib uns am besten
einfach eine Mail an [email protected]</p>
</div>
</div>
</section>
<hr/>
<section class="subsection" id="boardgames">
<h1 class="logo-with-icon colored"><img src="assets/cards.svg" height="50px">brettspiel
paradies
</h1>
<div class="split-content">
<div>
<p>Im Brettspiel Bereich steht dir eine große Auswahl an Spielen zum Ausleihen zur verfügung.
Wenn du möchtest, kannst du auch gerne eigene Spiele mitbringen. </p>
<p>Der Brettspiel Bereich ist am <b>Freitag, 29. Oktober von 19:00 bis 02:00</b> und am
<b>Samstag, 30. Oktober von 10:00 bis 02:00</b> geöffnet.
</p>
<p>
Der Eintritt ist kostenlos, Kinder unter 16 Jahren dürfen nur in Begleitung eines Erwachsenen
kommen.</p>
</div>
<div class="video">
<img src="assets/brettspielen.jpg">
<!-- <span>Photo by <a-->
<!-- href="https://unsplash.com/@mirapolis?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Dave-->
<!-- Photoz</a> on <a-->
<!-- href="https://unsplash.com/s/photos/boardgame?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>-->
<!-- </span>-->
</div>
</div>
</section>
<hr/>
<section class="subsection" id="other">
<h1 class="colored">Rahmenprogramm</h1>
<!-- <div class="split-content">-->
<!-- <div class="video">-->
<!-- <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/dR8-D7AkZMs"-->
<!-- title="YouTube video player" frameborder="0"-->
<!-- allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"-->
<!-- allowfullscreen></iframe>-->
<!-- </div>-->
<!-- <div>-->
<!-- <h1>empty epsilon</h1>-->
<!-- <p> Bei <a href="https://daid.github.io/EmptyEpsilon/">empty epsilon</a> schlüpfen die Spieler in-->
<!-- die Rollen der Brückenoffiziere eines Raumschiffs, wie sie in Star Trek zu sehen sind. Du kannst-->
<!-- emptyepsilon alleine oder mit Freunden spielen, aber am besten ist es, wenn 6 Spieler gemeinsam-->
<!-- an einem Schiff arbeiten.</p>-->
<!-- <p>Jeder Offizier füllt eine einzigartige Rolle aus: Captain, Steuermann, Waffen, relais,-->
<!-- Wissenschaft und Technik. Mit ausnahme des Captains steuert jeder Offizier einen Teil des Schiffes-->
<!-- über einen speziellen Bildschirm. Der Kapitän verlässt sich darauf, dass seine treue Mannschaft ihm-->
<!-- Informationen meldet und Befehle ausführt.</p>-->
<!-- </div>-->
<!-- </div>-->
<div class="split-content">
<div class="video">
<!--<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/vL39Sg2AqWg"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>-->
<div style="width:100%;height:0;padding-bottom:56%;position:relative">
<iframe src="https://giphy.com/embed/VGcCsfU9E1h9fthbBc" width="100%" height="100%"
style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
</div>
</div>
<div>
<h1>VR Bereich</h1>
<p> Wolltest du schon immer mal ausprobieren, wie es ist in eine andere Realität einzutauchen? Dann bist
du bei uns genau richtig!
Egal ob du im Rythmus Sachen durchschneiden (Beat Saber), in Zeitlupe um dich schießen (SUPERHOT)
oder mit Freunden Bomben entschärfen
(Keep talking and nobody explodes) willst, alles ist möglich mit einem VR-Set! Wir stellen dir dazu
eine HTC Vive und Oculus Rift zur Verfügung.
</p>
</div>
</div>
</section>
<hr/>
<section class="subsection" id="covid">
<h1 class="colored">covid-19 info</h1>
<div>
<p>Aufgrund der aktuellen Lage der Corona-Infektionen und den Unterschieden in den Inzidenzen zwischen den
Gruppen der geimpften und ungeimpften Personen ist die Teilnahme an diesem Event nur geimpften
Personen möglich.
Nach Verifikation des Impfstatus ist keine FFP2-Maske mehr zu tragen, bis dieser vorgelegt wurde
besteht FFP2-Maskenpflicht.
</p>
<p><b>Zu unser aller Sicherheit möchten wir euch bitten, vor dem Event zusätzlich noch einen PCR-Test
zu machen.</b></p>
</div>
</section>
<hr/>
<section class="subsection" id="anreise">
<h1 class="colored">Anreise</h1>
<div class="split-content">
<div>
<h2>
Mit dem öffentlichen Verkehr
</h2>
<p>Mit dem Bus ist die Tabakfabrik mit den Linien 12, 25 oder 27 zu erreichen. Die nächste Station ist
die Lederergasse.</p>
<h2>Mit dem Auto</h2>
<p>In der Ludlgasse bei der Tabakfabrik ist eine gebührenfreie Kurzparkzone.
In der Tabakfabrik und in umgebenden Parkhäusern gibt es die Möglichkeit kostenpflichtig zu
parken.
Die Anreise mit dem öffentlichen Verkehr, zu Fuß oder mit dem Fahrrad wird empfohlen.</p>
</div>
<div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2653.4973987002545!2d14.297214715534453!3d48.31251707923769!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47739965151ec903%3A0xa538245f2814695c!2sGRAND%20GARAGE!5e0!3m2!1sde!2sat!4v1632660139727!5m2!1sde!2sat"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</section>
<hr/>
<section class="subsection" id="faqs">
<h1 class="colored">Frequently Asked Questions</h1>
<div class="container">
<div class="accordion">
<div class="accordion-item">
<button id="accordion-button-05" aria-expanded="false">
<span class="accordion-title">Muss ich mich für die LAN anmelden?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<h3> JA!</h3>
<h3><a href="https://docs.google.com/forms/d/1KvfEhzA7lKcBgMkhcZ0QbkTZw2oCXbLeN8mJLx_3UVY/edit">
>> Hier <<
</a></h3>
<div class="tenor-gif-embed center" data-postid="5247874" data-share-method="host"
data-aspect-ratio="1" data-width="70%">
</div>
<span class="center smallerfont">
<a href="https://tenor.com/view/do-it-what-are-you-waiting-for-determined-angry-gif-5247874">
Do It What Are You Waiting For GIF</a>
from <a href="https://tenor.com/search/do+it-gifs">Do It GIFs</a>
</span>
<script type="text/javascript" async src="https://tenor.com/embed.js"></script>
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-10" aria-expanded="false">
<span class="accordion-title">Welche Spiele werden auf der LAN gespielt?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Was auch immer deine Sammlung zu bieten hat und einfach und <b><u>LEGAL</u></b> zu teilen
ist. Wenn es darauf hinausläuft, dass du League of Legends mit deinen Freunden spielst, dann
sei es so.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-20" aria-expanded="false">
<span class="accordion-title">Wird es Turniere geben?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Ein Turnier zu organisieren ist harte Arbeit, wir <s>waren zu faul</s> hatten einfach nicht
die Zeit dafür. Aber wenn ihr ein Spiel im Kopf habt und selbst ein Turnier organisieren
wollt, könnt ihr das gerne tun. Ich bin sicher, dass wir in der Lage sind, einen unserer
Helfer <s>mit einer Pistole</s> zu motivieren, dir bei der Durchführung deines Turniers zu
helfen.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-30" aria-expanded="false">
<span class="accordion-title">Muss ich nach Hause gehen?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Wir haben ein Zimmer für alle, die das Bedürfnis haben, zu schlafen. Wir raten dir, alles
mitzubringen, was du brauchst, um eine Nacht auf dem Boden zu verbringen. Wir werden sogar
eine Dusche für dich bereitstellen.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-40" aria-expanded="false">
<span class="accordion-title">Was ist eine Lan-Party?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
<a href="https://de.wikipedia.org/wiki/LAN-Party" target="_blank">Wikipedia LAN Party</a>
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-50" aria-expanded="false">
<span class="accordion-title">Muss ich mein eigenes Essen und meine eigenen Getränke mitbringen?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Du kannst Getränke für einen fairen Preis bei unseren Kühlschränken kaufen, wir bestellen
bei Bedarf Pizza, die du selbst bezahlen musst, und Snacks werden für LAN-Gäste
bereitgestellt.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-55" aria-expanded="false">
<span class="accordion-title">Ich bin an Corona genesen. Darf ich am Event teilnehmen?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Ja, wenn du genesen und 1x geimpft (zählt als vollständig geimpft).
<br/>
<br/>
Aber <b>nein</b>, nach labordiagnostisch gesicherter SARS-CoV-2-Infektion wird eine Impfung
ab ca. vier Wochen nach Infektion oder Erkrankung empfohlen (nach Genesung), um auch
einen derzeit bestmöglichen Schutz gegen die Delta-Variante zu sichern.
<br/> <br/>
Teilnahme unter folgenden Bedingungen <br/>
- 2x geimpft (max. 9 Monate nach zweiter Impfung) <br/>
- 1x geimpft - nur bei Johnson&Johnson (gültig nach 21 Tagen; max. 9 Monate nach Impfung)
<br/>
- Genesen + 1x Impfung (gültig nach 21 Tagen; max. 9 Monate nach Impfung)
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-60" aria-expanded="false">
<span class="accordion-title">Was gibt es zu tun?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Ich werde nicht dafür bezahlt, dies zu schreiben, also fasse ich mich kurz: Du hast es
geschafft, den FAQ-Bereich zu finden, also bin ich sicher, dass du auch den Rest unserer
Website lesen kannst.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-70" aria-expanded="false">
<span class="accordion-title">Gibt es eine Toilette?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Wir leben in einem Industriestaat des 21. Jahrhunderts, was glaubst du wie die Antwort
lautet?
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-80" aria-expanded="false">
<span class="accordion-title">Stellt ihr Internet zur Verfügung?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Siehe "Gibt es eine Toilette?".
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-90" aria-expanded="false">
<span class="accordion-title">Stellt ihr Strom zur Verfügung?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
So sehr ich mir wünschen würde, dass du kreativ wirst, wenn es darum geht, wie du deinen
eigenen Strom bekommst, so leid tut es mir, dir zu sagen, dass die Antworten lautet: Siehe
"Gibt es eine Toilette?" oder "Stellt ihr Internet zur Verfügung?"
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-100" aria-expanded="false">
<span class="accordion-title">Welche Arten der Bezahlung wird akzeptiert?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Nur Bargeld. Der nächste Geldautomat ist zu Fuß erreichbar.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-110" aria-expanded="false">
<span class="accordion-title">Kann ich mich aus der Welt schießen?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Fallst du damit betrinken meinst - Nein. Auch sonst wüssten wir nicht wie.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-120" aria-expanded="false">
<span class="accordion-title">Bietet ihr Bungee-Jumping an?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Seltsame Frage für einen Spieleabend bzw. LAN, aber ich werde sie beantworten. Wir bieten es
nicht
an, aber wenn du die offiziellen Genehmigungen, deine eigene Ausrüstung, eine Genehmigung
des Gebäudeeigentümers mitbringst, einen geeigneten Ort dafür findest und es auf eigene
Verantwortung machst, können wir dich nicht daran hindern, auch wenn wir dir davon abraten.
</p>
</div>
</div>
</div>
</div>
<h3>Wenn noch weitere Fragen offen sind, kontaktiert uns gerne bei
</h3>
<br/>
<script src="script.js"></script>
</section>
<hr/>
<section class="subsection" id="sponsors">
<div>
<h1 class="colored">Sponsoren & Partner</h1>
<h3>Dieses Event wäre nicht möglich ohne die tatkräftige Unterstützung unserer Sponsoren und Partner:
</h3>
<br/>
<div class="logos">
<span class="logo logoBig"><a href="https://www.dynatrace.com">
<img src="assets/dynatrace.png" alt="Dynatrace"/></a>
</span>
<span class="logo"><a href="https://www.cubido.at/">
<img src="assets/cubido.png" alt="Cubido"/></a>
</span>
<span class="logo"><a href="https://www.liwest.at/">
<img src="assets/liwest.png" alt="Liwest"/></a>
</span>
<span class="logo"><a href="https://grandgarage.eu">
<img src="assets/grandgarage.svg" alt="Grand Garage"/></a>
</span>
<span class="logo logoBig"><a href="https://linz.coderdojo.net">
<img src="assets/codingclug.svg" alt="Coding Club Linz"></a>
</span>
</div>
</div>
</section>
<hr/>
</main>
<footer>
<div class="footer-nav">
<a href="#general">home</a>|
<a href="#covid">covid-19 info</a>|
<a href="#lan">lAn</a>|
<a href="#roleplay">pen & pAper</a>|
<a href="#boardgames">brettspiele</a>|
<a href="./timetable.html">TimetAble</a>|
<a href="./english.html">eN</a>
</div>
<div style="color: #454545">
<br>
Impressum: Coding Club Linz,
Birkenweg 16, 4060 Leonding,
</div>
</footer>
</body>
</html>