-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
329 lines (290 loc) · 15.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
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
<!DOCTYPE html>
<html lang="cs">
<head>
<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>Bez chybi?</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
<!-- Custom styles for this template -->
<link href="css/grayscale.min.css" rel="stylesheet">
</head>
<body id="page-top" class="new-school">
<!-- 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">BEZ CHYBI?</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="fas 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">Úvod</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#info">Praktické informace</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="#team">Tým</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Kontakt</a>
</li>
<li class="nav-item">
<button id="switch-button" class="nav-link">Chybná verze</button>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead new-school">
<!--
<div class="container d-flex h-100 align-items-center new-school">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">Bez chybi?</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">A free, responsive, one page Bootstrap theme created by Start Bootstrap.</h2>
<a href="#about" class="btn btn-primary js-scroll-trigger">Get Started</a>
</div>
</div>
-->
</header>
<hr class="new-school"/>
<!-- Uvod section -->
<section id="about" class="about-section text-center new-school">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="mb-4">Akce byla kvůli COVID-19 odložena!</h2>
<h2 class="mb-4">O chybách</h2>
<p><i>
Člověk je tvor chybující,<br/>
má on z toho motanici.<br/>
<br/>
Chybička, dvě i tři se vloudí<br/>
a někdy ho pak pěkne prudí.<br/>
<br/>
"Holt, co dělat, mám se dokonalým stát?"<br/>
"Nevím. Možná? Vždyť hlavní je to nevzdat!"
</i></p>
<hr class="new-school"/>
<h2 class="mb-4">O víkendovce</h2>
<p><b>"Bez chybi?"</b> je zážitková víkendová akce, na které se podíváme chybám pod pokličku.
Zamyslíme se nad tím, co ta chyba vlastně je, jak ji vnímáme a jak bychom ji chtěli vnímat.
Je pravděpodobné, že si na víkendovce taktéž vyzkoušíme, jaké to vlastně je udělat nějakou chybu.
A že zrovna Ty nerad děláš chyby? O to lépe, protože...
</p>
<h3 class="mb-4">Nepřihlásit se na tuto víkendovku by byla chyba, kterou neuděláš!</h3>
<hr class="new-school"/>
<h2 class="mb-4">O čem to nebude</h2>
<p>Rozhodně nejde o psychoterapii. <br/>
A není to ani workshop. <br/>
Nečekej, že jsme tu od toho, abychom Tě vždy bavili – kolik toho do programu dáš, tolik z něho i dostaneš. <br/>
Žádné přednášky ani poučování. <br/>
Nevyřešíme tvé chyby minulé, ani za Tebe nerozhodneme, jaký je ten "správnej" postoj ke chybám. <br/>
</p>
</div>
</div>
</div>
</section>
<hr class="new-school"/>
<!-- Prakticke info section -->
<section id="info" class="info-section content-section new-school">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<div class="text-center">
<h1><b>Praktické informace</b></h1>
<h3>Kdy?</h3>
<p><strike>9. 10. 2020 kolem 17:00. – 11. 10. 2020 odpoledne</strike></p>
<p>Kvůli COVID-19 odloženo.</p>
<h3>Kde?</h3>
<p>Poblíž Brna</p>
<h3>Pro koho?</h3>
<p>18+</p>
<h3>Za kolik?</h3>
<p>1350 Kč</p>
<h3>Co je v ceně?</h3>
<p>Ubytování na základně s vlastním spacákem, stravování 5x denně, zajímavý program, skvělé zážitky a vzpomínky.
Instruktoři jsou dobrovolníci a pořádají akci bez nároku na odměnu.</p>
<h3>Co s sebou?</h3>
<p>Bude upřesněno. Včas před akcí obdržíš informační mail s přesnými instrukcemi.</p>
<h3>Storno podmínky</h3>
<p>Storno poplatky činí 30 % (odhlášení více než 30 dní před započetím akce), 50 % (30 až 10 dní), 90 %
(9 až 1 den předem) či 100 % (v den započetí akce či později). V případě zrušení akce ze strany
organizátorů vracíme 100 % uhrazené částky.</p>
<p>Vzhledem k situaci ohledně koronaviru nám však místo běžných stornopoplatků můžeš kdykoli oznámit,
že se akce z důvodů spojených s koronavirem nezúčastníš, a bude ti vráceno 100 % tvé platby.
Věříme, že této možnosti využiješ pouze z pádných důvodů.
V tuto chvíli nevidíme překážku, proč by akce nemohla proběhnout.
Budeme sledovat vládní nařízení a hygienická doporučení a řídit se jimi.
Pokud by se situace zhoršila a akci by nebylo možné pořádat, vrátíme účastníkům 100 % účastnického poplatku.</p>
</div>
</div>
</div>
</div>
</section>
<hr class="new-school"/>
<!-- Prihlaska Section-->
<section id="application" class="signup-section new-school">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<h1 class="text-white mb-5">Přihláška</h1>
<p>Přihlašování je otevřeno. Neváhej, kapacita kurzu je omezená!</p>
<p>Údaje, které nám poskytneš, budou sloužit jen pro účely pořádání této akce pod Instruktory Brno, nikomu dalšímu je nepředáme.</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<a href="https://docs.google.com/forms/d/1L7BJkTPh7WujPupAMlGGhzlV5FgL3x2CfY22FGtXw6I/viewform" class="btn btn-default btn-lg new-school">
<span style="font-size: large">Přihlas se!</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Motivational quote section -->
<section id="motivation" class="motivation new-school">
<hr class="new-school"/>
<div class="container">
<i><p id="motivation-quote" class="quote">"Největší chyba, kterou v životě můžete udělat, je mít pořád strach, že nějakou uděláte."</p></i>
<p id="motivation-author" class="author">Elbert Hubbard</p>
<img id="quote-img" src="img/statue.jpg" alt="">
</div>
</section>
<hr class="new-school"/>
<!-- Team section -->
<section id="team" class="team-section content-section new-school">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Tým</h2>
</div>
</div>
<div class="row-centered text-center org d-flex align-items-start flex-wrap">
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/kacka.png" alt="">
<h3>Kačka Hanáková</h3>
<p>Protože do Brna šli kamarádi z gymplu,
šla jsem tam teda taky a ačkoliv mě to táhne více mimo (velko)město,
prozatím zůstávám. Pracovní zázemí jsem našla v Lužánkách a nemůžu se nabažit toho,
že jsou na mě v práci hodní. A co kromě práce? Občas běh, občas čokoláda,
to vše doplněno akrojógou a knížkami. Tak nějak jsem byla nominována na šéfa
a velmi silně doufám, že tohle nebyla osudová chyba našeho týmu.
Tak nás přijďte podpořit v našich chibách a vyrobit nějaké vlastní.</p>
</div>
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/anicka.png" alt="">
<h3>Anna Řechtáčková</h3>
<p>Hrdá studentka informatiky se zálibou jak ve studiu, tak v učení studentů z nižších ročníků.
S příchodem na vysokou školu jsem se také našla v organizování akcí,
seminářů a soutěží pro středoškoláky. Tyto aktivity nicméně zabírají čas,
který byl dříve vyhrazený pro čtení fantasy knížek. Nemyslím si ovšem,
že by to byla úplně chyba.
K tomu ráda pletu a občas si něco zahraju (fungují deskovky i počítačové hry).
</p>
</div>
</div>
<div class="row-centered text-center org d-flex align-items-start flex-wrap">
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/eva.png" alt="">
<h3>Eva Šmijáková</h3>
<p>Od malička vtĺkaný strach z toho, že si vyberiem “chybnú” vysokú školu,
ktorá mi nezaručí stabilné zamestnanie v obore, ma dostal z východného Slovenska
až na Fakultu informatiky, priamo do centra všetkého zaujímavého diania, do Brníčka.
Najčastejšie chybujem v reštaurácii, kde pri výbere jedla ustálim svoje preferencie
na dvoch až troch jedál a pri príchode obsluhy v panike vyberiem jedno z ustálených
preferencií a po zvyšok obeda či večere trávim ľutovaním, že som si nezvolila niečo iné.</p>
</div>
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/matej.png" alt="">
<h3>Matěj Bé</h3>
<p>“Je lepší sedět, mlčet, a být považován za blbce, než vstát, promluvit, a potvrdit to,”
kdysi bývalo moje životní motto. Než abych se učil ze svých chyb, raději jsem čekal,
pozoroval, sledoval lidi chybovat a opovrhnoval všemi, co se vrhají do akce bez přípravy.
Zkrátka jsem desetkrát měřil, ale pak si skoro neříznul… Nyní se živím vytvářením příležitostí lidem
pro dělání chyb, popostrkuju je k dělání chyb - jenže většinou stejně nikdo žádnou chybu neudělá,
i když to zkouší! Moje nové motto? “Cokoliv stojí za to dělat, také stojí za to dělat alespoň špatně.”</p>
</div>
</div>
<div class="row-centered text-center org">
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/glum.png" alt="">
<h3>Matěj “Glum” Píro</h3>
<p>Jsem skaut a prazvláštní kartograf. Človíček, co má rád vysoké hory,
svižně proudící řeky, zvuky kytar u ohně a knihovníka z Terryho Pratchetta.
Občas pobíhám po lesích a občas se hrbím u počítače. Rád si dvakrát promyslím
než něco udělám, ale když už se rozhodnu, jen zřídka mne od cíle něco odradí.
Pamětliv činů Járy Cimrmana, pionýra slepých uliček, který byl mimo jiné prvním
člověkem, který zjistil, že vyfukováním tabákového kouře do vody zlato nevznikne,
snažím se učit spíše z cyzích než vlastních chyb. … Ale občas si prostě člověk
zapomene přivázat brejle, když de skotačit do vln… a zbytek dovolený se pak ptá kamarádů,
jesi ta holka přes ulici je fakt tak pěkná, jak mi bez brejlí připadá…
</p>
</div>
<div class="col-lg-6 col-centered">
<img class="rounded-circle" src="img/vlada.jpg" alt="">
<h3>Vláďa Štill</h3>
<p>Jsem informatik a někdy je to vidět. Když zrovna nehledám chyby v programech nebo studentských domácích úkolech,
tak rád vyrazím někam ven do přírody, třeba do hor, do lesů nebo na skálu. A nebo prostě jen do okolí Brna,
třeba na kole. Taky rád peču a chtěl bych se naučit vytvářet různá elektronická udělátka, ale zatím mi na to nezbývá čas,
takže pájku jsem za posledního půl roku použil tak maximálně na opravu vysavače.
S chybami a rozhodováním mám komplikovaný vztah, hlavně tam, kde mám pocit, že jde o hodně, nebo že mě za to může někdo hodnotit.
Ale ač se chyb někdy bojím, tak si taky myslím, že to bez nich prostě nejde, a tak se je snažím přijímat. Takže, pojďme procvičovat chyby!
</p>
</div>
</div>
</section>
<hr class="new-school"/>
<!-- Contact Section -->
<section id="contact" class="contact-section bg-black">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Kontakt</h2>
<p>Pokud máš jakýkoli dotaz, neváhej se nám ozvat:
<p class="contact-email">[email protected]</p>
<p>Sdílej tuto akci na Facebooku.</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<a href="https://www.facebook.com/events/2592542047629667/" class="btn btn-default btn-lg">
<i class="fa fa-facebook" style="font-size: large"></i>
<span class="network-name" style="font-size: large">Facebook</span>
</a>
</li>
</ul>
<a href="http://www.instruktori.cz/"><img id="footer-sova" src="img/footer-sova.png" alt=""/></a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container text-center">
<p class="large">Akce je pořádána pod záštitou <a href="http://www.instruktori.cz">Instruktorů Brno</a>.</p>
<p>Copyright © Bez chybi? 2020</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>
</body>
</html>