diff --git a/dvz-migrace/migrace.html b/dvz-migrace/migrace.html index 7f2f7bf..229bef0 100644 --- a/dvz-migrace/migrace.html +++ b/dvz-migrace/migrace.html @@ -192,7 +192,7 @@ </div>\ //Abychom se lépe orientovali v příběhu, pojď se naučit základní pojmy týkající se migrační problematiky.// -[[Naučit se základní pojmy o migraci->Co je to migrace?]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/More.m4a", true)</script>\ +[[Naučit se základní pojmy o migraci->Co je to migrace?]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/More.m4a", true)</script>\ \\ U pobřeží Egejského moře na nás čeká motorový člun. Je však poměrně malý. Odhaduji to tak pro 7 lidí, přitom nás je 21. @@ -245,7 +245,7 @@ </div>\ </div>\ -[[Jaké jsou důležité pojmy týkající se migrace?->Důležité pojmy]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ +[[Jaké jsou důležité pojmy týkající se migrace?->Důležité pojmy]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ \\ Třesu se celá strachy. Ale musím to udělat. Není čas déle přemýšlet, skáču to vody. Byla jsem sice zvyklá plavat závodně, stejně mám pocit, jako bych byla ve vodě poprvé. Tak moc je voda v moři slaná a studená. Ostatní lidi ze člunu na mě zděšeně koukají. Jednou rukou se držím lana a snažím se člun táhnout kupředu. @@ -271,7 +271,7 @@ </div>\ [[Zachrání se Sarah v moři?->V Egejském moři]] -<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ +<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ \\ Mám velký strach skočit do vody. Raději zůstávám sedět v člunu a snažím se z něj dostat přebytečnou. Motor stále hapruje a panika je čím dál silnější. Většina lidí v člunu zcela evidentně neumí plavat. Potápíme se, určitě se potopíme. @@ -298,7 +298,7 @@ KONEC -[[Neskončilo to nějak brzy?->Předčasný konec]]<script>document.stopAAP()</script>\ +[[Neskončilo to nějak brzy?->Předčasný konec]]<script>document.stopAAP()</script>\ V průběhu děje jsi učinil volbu, která zapříčila, že příběh skončil dříve, než mohl. Vrať se zpátky na začátek příběhu a projdi jím znovu. [[Vrátit se na začátek->Úvod - představení příběhu]]<script>document.stopAAP()</script>\ @@ -312,7 +312,7 @@ <iframe width="660" height="415" src="https://www.youtube.com/embed/El5qIJWkeHc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Video z youtube kanálu Edisco — videovýpisky. -[[Pokračovat->Další stěhování národů s Bednaříkovou]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Obycejne-plavani.m4a")</script>\ +[[Pokračovat->Další stěhování národů s Bednaříkovou]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Obycejne-plavani.m4a")</script>\ \\ Cítím, jak mi docházejí síly. Ruce mám samou modřinu. Mohamed se také tváří vyčerpaně. Ve vodě plaveme už několik hodin, nejsem si jistá kolik přesně. Slunce už zapadá a voda je čím dál studenější. @@ -358,7 +358,7 @@ Následně zamíříme do obchodu s potravinami, kde nás již nikdo nevyhodí, ale lidé na nás koukají dost podezíravě. Jako by se báli, že jim jdeme vykrást obchod. Koupíme si rychle jídlo a vodu, nechceme se v obchodě příliš zdržovat. Poblíž vidíme nějaké stánky s oblečením, tak si jdu koupit nové oblečení a hlavně nové boty, jelikož tu stojím stále pouze v ponožkách a v rozedraném oblečení. Pevně doufám, že nejhorší část cesty máme za sebou a brzy z Řecka odejdeme. -[[Jak pokračovala Sarah na cestě po Evropě?->Přes balkán]]<div class="floating-clock-container"><div class="floating-clock">29. srpen 2015</div></div>\ +[[Jak pokračovala Sarah na cestě po Evropě?->Přes balkán]]<div class="floating-clock-container"><div class="floating-clock">29. srpen 2015</div></div>\ <script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Chozeni-v-obili-v-trave.m4a")</script>\ \\ <img src="https://i.imgur.com/YtBpdKT.jpg" width="950px" height="550px"> @@ -734,7 +734,7 @@ (link-goto: "Zpět", (history:)'s last)Špatná odpověď. Vrať se zpátky na otázku a zkus odpovědět znovu a správně. -(link-goto: "Zpět", (history:)'s last)<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/More.m4a", true)</script>\ +(link-goto: "Zpět", (history:)'s last)<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/More.m4a", true)</script>\ \\ U pobřeží Egejského moře na nás čeká motorový člun. Je však poměrně malý. Odhaduji to tak pro 7 lidí, přitom nás je 21. @@ -754,7 +754,7 @@ Co bych tak mohl udělat? Jak jen celou situaci zachránit? Plavat umím, ale ne tak dobře jako moje sestra a v takto rozbouřeném moři jsem nikdy neplaval. Pokud skočím do vody, pomůžu tím někomu? [[Skočit do vody->Ve vodě 2]] -[[Raději zůstat sedět v člunu->Potopení 2]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ +[[Raději zůstat sedět v člunu->Potopení 2]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ \\ Mé tělo se střese strachy. Ale musím to udělat. Není čas déle přemýšlet, skáču do vody. I když jsem v dětství plaval pravidelně, stejně mám pocit, jako bych byl ve vodě poprvé. Tak moc je voda v moři slaná a studená. Ostatní lidi ze člunu na mě zděšeně koukají. Jednou rukou se držím lana a snažím se člun táhnout kupředu. @@ -769,7 +769,7 @@ <img src="https://i.imgur.com/GPp8u90.png" width="850px" height="450px"> Uprchlíci na člunu v Egejském moři. Dostupné z: www.shutterstock.com -[[Zachrání se Mohamed se Sarah v moři?->V Egejském moři 2]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ +[[Zachrání se Mohamed se Sarah v moři?->V Egejském moři 2]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Plavani-se-zadychanim.m4a")</script>\ \\ Mám velký strach skočit do vody. Raději zůstávám sedět v člunu a snažím se z něj dostat přebytečnou vodu. Motor stále hapruje a panika je čím dál silnější. Většina lidí v člunu zcela evidentně neumí plavat. Potápíme se, určitě se potopíme. @@ -785,10 +785,10 @@ KONEC -[[Neskončilo to nějak brzy?->Předčasný konec 2]]<script>document.stopAAP()</script>\ +[[Neskončilo to nějak brzy?->Předčasný konec 2]]<script>document.stopAAP()</script>\ V průběhu děje jsi učinil volbu, která zapříčila, že příběh skončil dříve, než mohl. Vrať se zpátky na začátek příběhu a projdi jím znovu. -[[Vrátit se na začátek->Úvod - představení příběhu]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Obycejne-plavani.m4a")</script>\ +[[Vrátit se na začátek->Úvod - představení příběhu]]<script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Obycejne-plavani.m4a")</script>\ \\ Cítím, jak mi docházejí síly. Ruce mám samou modřinu. Sarah se také tváří vyčerpaně. Ve vodě plaveme už několik hodin, nejsem si jistý kolik přesně. Slunce už zapadá a voda je čím dál studenější. @@ -843,7 +843,7 @@ Následně zamíříme do obchodu s potravinami, kde nás již nikdo nevyhodí, ale lidé na nás koukají dost podezíravě. Jako by se báli, že jim jdeme vykrást obchod. Koupíme si rychle jídlo a vodu, nechceme se v obchodě příliš zdržovat. Poblíž vidíme nějaké stánky s oblečením. Sarah se tam chce jít podívat, ráda by si koupila nové oblečení a hlavně nové boty. Jdu s ní si také vybrat něco lepšího na sebe. Pevně doufám, že nejhorší část cesty máme za sebou a brzy z Řecka odejdeme. -[[Jak pokračoval Mohamed na cestě po Evropě?->Přes balkán 2]]<div class="floating-clock-container"><div class="floating-clock">29. srpen 2015</div></div>\ +[[Jak pokračoval Mohamed na cestě po Evropě?->Přes balkán 2]]<div class="floating-clock-container"><div class="floating-clock">29. srpen 2015</div></div>\ <script>document.setupAAP("https://digikult.phil.muni.cz/wp-content/uploads/2021/06/Chozeni-v-obili-v-trave.m4a")</script>\ \\ <img src="https://i.imgur.com/YtBpdKT.jpg" width="950px" height="550px"> diff --git a/dvz-migrace/style-migrace.css b/dvz-migrace/style-migrace.css index f222556..3c88c60 100644 --- a/dvz-migrace/style-migrace.css +++ b/dvz-migrace/style-migrace.css @@ -46,19 +46,98 @@ tw-story { background-position: center; background-attachment: fixed; background-color: rgb(119, 105, 76); - /* background-image: url("https://digikult.phil.muni.cz/wp-content/uploads/2020/09/AkK_jidelna.jpg"); */ + /* background-image: url(""); */ background-size: cover; - + font-family: "Roboto Slab", serif; } + /* tw-story[tags ~= "TAG"] { background-image: url(""); } */ +/* thematic backgrounds */ +tw-story[tags ~= "edu-intermezzo"] { + background-image: url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"); +} + +/* beginning */ +tw-story[tags ~= "intro"], +tw-story[tags ~= "character-choice"], +tw-story[tags ~= "about-mohamed"], +tw-story[tags ~= "about-sarah"] { + background-image: url("https://images.unsplash.com/photo-1589262804704-c5aa9e6def89?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80"); +} + +/* tw-story[tags ~= "character-choice"] { + background-image: url(""); +} +tw-story[tags ~= "about-mohamed"] { + background-image: url(""); +} +tw-story[tags ~= "about-sarah"] { + background-image: url(""); +} */ + +/* endings */ +tw-story[tags ~= "conclusion"] { + background-image: url(""); +} + +tw-story[tags ~= "bad-end"] { + background-image: url(""); +} + +tw-story[tags ~= "credits"] { + background-image: url(""); +} + +/* storyline backgrounds */ tw-story[tags ~= "sea"] { background-image: url("https://images.unsplash.com/photo-1470115209269-18dd2d7285cd?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80"); } +tw-story[tags ~= "boat"] { + /* maybe? */ + background-image: url("https://i.imgur.com/c0bBo7L.png"); +} +tw-story[tags ~= "turkey-coast"] { + background-image: url(""); + background-image: url("https://images.unsplash.com/photo-1470115209269-18dd2d7285cd?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80"); +} +tw-story[tags ~= "close-to-greece"] { + background-image: url("https://images.unsplash.com/photo-1470115209269-18dd2d7285cd?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80"); +} +tw-story[tags ~= "greece-beach"] { + background-image: url(""); +} +tw-story[tags ~= "ferry"] { + background-image: url(""); +} +tw-story[tags ~= "hungary-border"] { + background-image: url(""); +} +tw-story[tags ~= "corn"] { + background-image: url("https://images.unsplash.com/photo-1567547921486-f280c2f53b5d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80"); +} +tw-story[tags ~= "van"], +tw-story[tags ~= "van2"] { + background-image: url("https://images.unsplash.com/photo-1588758167582-5c1021c30e0a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1304&q=80"); +} +tw-story[tags ~= "camp"] { + background-image: url(""); +} +tw-story[tags ~= "train-tracks"] { + background-image: url("https://i.imgur.com/YtBpdKT.jpeg"); +} +tw-story[tags ~= "train-station"] { + background-image: url("https://i.imgur.com/a6nD3OW.png"); +} +tw-story[tags ~= "germany"] { + background-image: url(""); +} + + /*============================