-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
292 lines (223 loc) · 17.5 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
<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Útěk ze zoo</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/grayscale.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Útěk ze zoo</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">Co to bude?</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#info">Praktické info</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#application">Přihláška</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Kontakt</a>
</li>
</ul>
</div>
</div>
</nav>
<style>a.tlacitko {padding: .5em; background: #00A1FF; border: 1px solid #00A1FF; color: #fff; cursor: default; text-decoration: none; border-radius: 5px}
a.tlacitko:hover {background: #095886}
a.tlacitko:active {position: relative; top: 1px; left: 1px}
</style>
<!-- Intro Header -->
<header class="masthead bg-img-intro">
</header>
<section id="about" class="about-section content-section">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2> 21.10.2023 plánují zvířátka další útěk ze zoo a <a href="https://forms.gle/2HT5veiuy7f8h5yT8" target="_blank">tady</a> můžete přihlásit svoji novinovou redakci (tým). Přihlašování je otevřeno jen do pátku 13.10. nebo do naplnění kapacity pro týmy.</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Co to bude?</h2>
<div class="image-inline-box float-right">
<img class="image-inline-image" src="img/piknik.jpg" id="img-piknik">
<div class="image-inline-text">Kam na piknik? Inspirujte se brněnskými zebrami.</div >
</div>
<p>Máme tajnou informaci, že zvířata ze zoo plánují další velký útěk 21.10.2023. Něco takového se jim už povedlo v říjnu 2022, tak doufají, že budou o rok později opět úspěšní a třeba se jim povede přibrat na útěk i další zvířata. Bude to skvělá novinářská příležitost!</p>
<p>Chceš poznat Brno jinak? Užít si recesní městskou hru? Přihlašování je už otevřeno a <a href="https://forms.gle/2HT5veiuy7f8h5yT8" target="_blank">tady</a> můžete rovnou přihlásit svůj tým.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>FAQ</h2>
<h4><b>Co to znamená městská hra?</b></h4>
<p>Městská hra znamená, že se budeš pohybovat v centru města (v tomto případě Brna) a plnit různé úkoly. Není to ani závod, ani šifrovačka. Průchod hrou není lineární, to znamená, že každý tým bude hrou procházet trochu jinudy a jinak. Bude záležet, jakou strategii zvolíte a na jaké úkoly vyrazíte. Na začátku hry dostanete výchozí sadu úkolů a další se vám budou odkrývat postupně během celé hry. Tím, že hra bude probíhat v centru Brna, je potřeba počítat s tím, že občas na vás budou koukat kolemjdoucí, kteří o hře nemají ani tušení. To je ovšem kouzlo městských her!</p>
<h4><b>Jak si představit, co budu během hry dělat?</b></h4>
<div class="image-inline-box float-right">
<img class="image-inline-image" src="img/kankan.jpg" id="img-kankan">
<div class="image-inline-text">Lekce kankánu v centru Brna letos vede žirafa.</div>
</div>
<p>Tvůj tým bude vystupovat jako fotografové fiktivní novinové redakce. Jako správní lovci senzace stopujete zvířata, která ze zoo utekla. Z redakce novin dostanete po splnění úkolu zadání titulku. K titulku je potřeba pořídit ilustrační fotografii. Čím zajímavější fotka bude, tím více čtenářů redakci přinese a tím větší přízeň šéfredaktora si získáte. Vaším úkolem bude vystopovat zvíře a vyfotit ho tak, aby fotka odpovídala titulku. Pak už jen co nejrychleji fotku poslat do redakce. Během hry na vás bude čekat řada úkolů, které prověří vaše schopnosti dobré týmové spolupráce a komunikace. A kromě toho také schopnost orientace, bystrost myšlení, všímavost, fyzickou zdatnost, kreativitu a smysl pro humor. </p>
<h4><b>Jaké úkoly mě během hry můžou čekat? Je to šifrovačka?</b></h4>
<p>Nečekej šifry, ani se nepřipravuj na sportovní výkony. Ke splnění úkolů nebudeš potřebovat žádné speciální znalosti či dovednosti. U některých úkolů se trošku pohneš, u jiných zamyslíš. U dalších bude důležité, abyste v týmu spolupracovali a u jiného zase bude hrát roli vaše všímavost nebo taky kreativita. Úkoly záměrně nejsou těžké, snažíme se, aby byly vždy splnitelné, ale spíš něčím zajímavé a nevšední a aby vás jejich plnění bavilo. Pořád nevíš, jak si úkol představit? Tak koukni na web městských her, které v minulosti proběhly, najdeš tam i ukázky úkolů, které na hráče během hry čekaly. <a href="https://vdz.instruktori.cz/homepage/after-game.html" target="_blank">Včera, dnes a zítra</a>. <a href="https://exit.instruktori.cz/2010/text/zadani-i-casti/25.html" target="_blank">EXIT</a>. </p>
<h4><b>Píšete, že hra je recesní. Co tím máte na mysli?</b></h4>
<div class="image-inline-box float-right">
<img class="image-inline-image" src="img/zmrzka.jpg" id="img-zmrzka">
<div class="image-inline-text">Slon si s přáteli vychutnává oblíbenou mrkvičkovou zmrzlinu.</div>
</div>
<p>Hra se odehrává ve městě a my chceme tohoto prostředí využít. Co to znamená? Chceme prožít situace, do kterých bychom si jen tak sami na veřejnosti netroufli. Kdy naposledy jsi přemlouval/a tygra, aby si s tebou zaskákal panáka? Nebo ses snažil/a přesvědčit zebru, aby udělala stojku? Možná občas budeš muset trochu překonat vlastní stud, ale slibujem, že výsledek bude stát za to. Ve vtipných situacích tě nenecháme a půjdeme do nich s tebou! Recesi vnímáme jako možnost být součástí něčeho nevšedního, umět si ze sebe udělat srandu a užít si srandu, kterou vymyslí ostatní. Respektujeme, že každý má hranice jinde. Avšak platí tu – kolik do toho dáš, tolik z toho dostaneš. A je to teda hodně na tobě!!</p>
<h4><b>Musím znát Brno?</b></h4>
<p>Hra je otevřená pro Brňáky i pro nebrňáky, ale musíme vás upozornit, že znalci Brna získají při hře výhodu. Během hry budete moct využívat mapy ve vašem telefonu (silně doporučujeme stáhnout mapy.cz – jsou fakt podrobné a zadání budeme ladit tak, aby byla podle nich místa úkolů nalezitelná), ale může se stát, že Brňák po přečtení zadání úkolu rovnou vyrazí na správné místo, oproti tomu nebrňák stráví pravděpodobně nějaký čas hledáním v mapě/vyptáváním se kolemjdoucích. Brňák získá díky hře nový pohled na místa, která zná, a možná objeví místa, na kterých nikdy nebyl. Nebrňák během hry pozná Brno tak, jak ho ani někteří rodilí Brňáci neznají.
<h4><b>Mohu se hry zúčastnit, ikdyž jsem si ji zahrál už loni?</b></h4>
<p>Ano! Moc rádi ve hře uvidíme novinové redakce z minulého roku. Herní princip zůstává (až na detaily) stejný a na všechny budou čekat zbrusu nové úkoly, titulky, zvířata a hlavně kupa zábavy! </p>
<div class="image-below">
<div class="image-inline-box image-below-box">
<img class="image-inline-image" src="img/odlet.jpg" id="img-odlet">
<div class="image-inline-text">Davy brňáků se loučí s krokodýlem odlétajícím na Erasmus.</div>
</div>
</div>
</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-section-tygr">
</section>
<section id="info" class="info-section content-section">
<div class="container">
<div class="row row-info">
<div class="column column-info col-lg-12 mx-auto">
<h2>Praktické informace</h2>
<h4><b>Co to bude?</b></h4>
<blockquote><p>Připravili jsme si pro vás recesní městskou hru v centru Brna. Krokodýla jste v brněnském centru už nejspíš viděli, i když někteří mu říkají drak. Co ale takového slona? A jaký tanec myslíte, že má rád? A zatančí si ho s vámi? </p></blockquote>
<h4><b>Kdy to bude?</b> </h4>
<blockquote> <p>V sobotu 21.10.2023.</p></blockquote>
<h4><b>Pro koho to bude?</b> </h4>
<blockquote><p>Hra je pro týmy o 3 až 4 hráčích. Primárně je hra pro dospěláky, ale pokud je ti míň než 18 a chceš se i tak zúčastnit, ozvi se nám a zkusíme se nějak domluvit.</p></blockquote>
<h4><b>Jaká je cena a co zahrnuje?</b> </h4>
<blockquote><p>Cena za tým je při přihlášení do 24.9. 400 Kč a od 25.9. bude cena za tým 450 Kč. Cena zahrnuje náklady na materiál, organizátoři hru připravují dobrovolně ve svém volném čase bez nároku na odměnu.</p> </blockquote>
<h4><b>Budu potřebovat internet?</b> </h4>
<blockquote><p>Ano, na tým budete potřebovat alespoň jeden telefon s mobilními daty a foťákem. Během hry celý tým odešle cca 20 fotek a cca 40 fotek si stáhne.</p> </blockquote>
<h4><b>Co byste si s sebou neměli zapomenout?</b></h4>
<blockquote><p>Každý redaktor (člen týmu) bude potřebovat nějakého plyšového pomocníka (medvídka, krokodýla, lamu, opici, netopýra, delfína...), kterého bude nosit viditelně stále s sebou (připevněného na oblečení, na batohu,ve vlasech...)</p> </blockquote>
<h4><b>Jaký název týmu máme zvolit?</b> </h4>
<blockquote> <p>Týmy budou představovat fiktivní redakce novin. Zkuste si název týmu vymyslet podle toho.</p></blockquote>
<h4><b>Co mám dělat, když už mám poslanou přihlášku?</b> </h4>
<blockquote> <p>Přidej se k <a href="https://facebook.com/events/s/utek-ze-zoo-2/1511005192639601/" target="_blank">události na Facebooku</a>. Jdeš po Brně a potkáš nějaké nezvyklé zvíře? Pošli nám fotku! </p></blockquote>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-section-slon">
</section>
<section id="application" class="application-section content-section">
<div class="container">
<div class="row">
<div class="column column-info col-lg-12 mx-auto">
<h2>Přihláška</h2>
<p>Přihlásit svoji novinovou redakci (tým) na hru můžete <a href="https://docs.google.com/forms/d/1DXk788klPA-k8AVvd3kGegwa20ARUxuxyB-Z8GzE6xE/edit#" target="_blank">tady</a>. Přihlašování týmů je otevřeno jen do pátku 13.10. nebo do naplnění kapacity pro týmy.</p>
<!--
<p>
Ještě nemáš tým?
</p>
<p>
<p>
<a href="https://docs.google.com/spreadsheets/d/1CJTjQIAFSa5gHvunp1V7J4mcFOp01OYH153sJYSrQPc/edit?usp=sharing" target="_blank" class="tlacitko">NAJDI TÝM</a>
</p>
</p>
<p>
Už máš tým?
</p>
<p>
<a href="https://forms.gle/YNQmBseZJSAySwMU8" target="_blank" class="tlacitko">PŘIHLAS TÝM</a>
</p> -->
<br>
<h4>Storno podmínky</h4>
<p>
<ul>
<li>do 21. září (měsíc před akcí) včetně vrátíme 70 % účastnického poplatku</li>
<li>do 11. října (deset dní před akcí) včetně vrátíme 50 % účastnického poplatku</li>
<li>do 20. října (jeden den před akcí) včetně vrátíme 10 % účastnického poplatku</li>
<li>v den započetí akce či později bohužel již nevracíme</li>
<li>Pokud by vám účast znemožnily zdravotní problémy spojené s covidem-19 (spoléháme na fair play) nebo bychom akci zrušili my, vrátíme vám celou uhrazenou částku.</li>
</ul>
</p>
<p>Už jsi přihlášku poslal? Přidej se na <a href="https://facebook.com/events/s/utek-ze-zoo-2/1511005192639601/" target="_blank">Facebookové události</a> a pozvi své kámoše!</p>
</div>
</div>
</div>
</section>
<section class="content-section bg-img-section-krokodyl">
</section>
<section id="contact" class="application-section content-section">
<div class="container">
<div class="row">
<div class="column column-info col-lg-12 mx-auto">
<h2>Kdo akci pořádá?</h2>
<p>Jsme Tom, Kristy, Hranka, Vláďa, Leňa, Ráďa a Alča - dobrovolníci z <a target="_blank" href="https://www.instruktori.cz/">Instruktorů Brno</a>.</p>
<p>Chceš se nás na něco zeptat? Napiš e-mail na <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<a href="http://www.instruktori.cz/"><img id="footer-sova" src="img/footer-sova.png" /></a>
<p class="large">Akce je pořádána pod záštitou <a href="http://www.instruktori.cz">Instruktorů Brno</a>.</p>
<p>Založeno na motivu <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
<!-- Paralax -->
<script>
(function(){
var parallax = document.querySelectorAll("body"),
speed = -0.1;
window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){
var windowYOffset = window.pageYOffset,
elBackgrounPos = "50% " + (windowYOffset * speed) + "px";
el.style.backgroundPosition = elBackgrounPos;
});
};
})();
</script>
<!-- Years -->
<script>
$.getJSON('/years.json', function(data) {
$('#years').html('');
for (var name in data) {
$('#years').append('<a class="dropdown-item" href="' + data[name] + '">' + name + '</a>')
}
});
</script>
</body>
</html>