diff options
83 files changed, 530 insertions, 648 deletions
diff --git a/img/audentes.jpg b/img/audentes.jpg Binary files differnew file mode 100644 index 0000000..7962bdc --- /dev/null +++ b/img/audentes.jpg diff --git a/img/audentesDark.png b/img/audentesDark.png Binary files differdeleted file mode 100644 index 743224c..0000000 --- a/img/audentesDark.png +++ /dev/null diff --git a/img/erasmus2.jpg b/img/erasmus.jpg Binary files differindex 17bdd39..17bdd39 100644 --- a/img/erasmus2.jpg +++ b/img/erasmus.jpg diff --git a/img/erasmus1.jpg b/img/erasmus1.jpg Binary files differdeleted file mode 100644 index d3526a6..0000000 --- a/img/erasmus1.jpg +++ /dev/null diff --git a/img/erasmusDark.png b/img/erasmusDark.png Binary files differindex 376c493..ff8314e 100644 --- a/img/erasmusDark.png +++ b/img/erasmusDark.png diff --git a/img/erasmusDark2.png b/img/erasmusDark2.png Binary files differdeleted file mode 100644 index ff8314e..0000000 --- a/img/erasmusDark2.png +++ /dev/null diff --git a/img/erm.jpg b/img/erm.jpg Binary files differnew file mode 100644 index 0000000..c3a83ce --- /dev/null +++ b/img/erm.jpg diff --git a/img/ermDark.jpg b/img/ermDark.jpg Binary files differdeleted file mode 100644 index 45dbfc7..0000000 --- a/img/ermDark.jpg +++ /dev/null diff --git a/img/ermDark2.jpg b/img/ermDark2.jpg Binary files differdeleted file mode 100644 index b593dcc..0000000 --- a/img/ermDark2.jpg +++ /dev/null @@ -24,7 +24,7 @@ </a> <a class="navbar-brand" href="#intro"> - <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo"> + <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo"> </a> <!-- toggle button for mobile nav --> @@ -36,19 +36,19 @@ <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link" href="lehed/projekt">Projekt</a> - </li> - <li class="nav-item"> <a class="nav-link" href="lehed/juhend">Juhend</a> </li> <li class="nav-item"> <a class="nav-link" href="lehed/oppematerjalid">Õppematerjalid</a> </li> + <li class="nav-item"> + <a class="nav-link" href="lehed/projekt">Projektist</a> + </li> <li class="nav-item d-md-none"> - <a class="nav-link" href="lehed/rollid">Rollid</a> + <a class="nav-link" href="lehed/rollid">Tegelased</a> </li> <li class="nav-item ms-2 d-none d-md-inline"> - <a class="btn btn-secondary" href="lehed/rollid">Rollid</a> + <a class="btn btn-secondary" href="lehed/rollid">Tegelased</a> </li> </ul> </div> @@ -64,6 +64,11 @@ </section> <footer> + <div class="logoWrapper"> + <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo"> + <img class="logo" src="img/audentes.jpg" alt="Audentes logo"> + <img class="logo" src="img/erm.jpg" alt="ERM logo"> + </div> <i><p> The European Commission's support for the production of this publication does not constitute an endorsement of the contents, @@ -75,10 +80,6 @@ sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest. </p></i> - <div class="logoWrapper"> - <img class="logo" src="img/ermDark.jpg" alt="ERM logo"> - <img class="logo" src="img/audentesDark.png" alt="Audentes logo"> - </div> </footer> diff --git a/lehed/juhend/img/audentes.jpg b/lehed/juhend/img/audentes.jpg Binary files differnew file mode 100644 index 0000000..7962bdc --- /dev/null +++ b/lehed/juhend/img/audentes.jpg diff --git a/lehed/juhend/img/audentesDark.png b/lehed/juhend/img/audentesDark.png Binary files differdeleted file mode 100644 index 743224c..0000000 --- a/lehed/juhend/img/audentesDark.png +++ /dev/null diff --git a/lehed/juhend/img/erasmus2.jpg b/lehed/juhend/img/erasmus.jpg Binary files differindex 17bdd39..17bdd39 100644 --- a/lehed/juhend/img/erasmus2.jpg +++ b/lehed/juhend/img/erasmus.jpg diff --git a/lehed/juhend/img/erasmus1.jpg b/lehed/juhend/img/erasmus1.jpg Binary files differdeleted file mode 100644 index d3526a6..0000000 --- a/lehed/juhend/img/erasmus1.jpg +++ /dev/null diff --git a/lehed/juhend/img/erasmusDark.png b/lehed/juhend/img/erasmusDark.png Binary files differindex 376c493..ff8314e 100644 --- a/lehed/juhend/img/erasmusDark.png +++ b/lehed/juhend/img/erasmusDark.png diff --git a/lehed/juhend/img/erasmusDark2.png b/lehed/juhend/img/erasmusDark2.png Binary files differdeleted file mode 100644 index ff8314e..0000000 --- a/lehed/juhend/img/erasmusDark2.png +++ /dev/null diff --git a/lehed/juhend/img/erm.jpg b/lehed/juhend/img/erm.jpg Binary files differnew file mode 100644 index 0000000..c3a83ce --- /dev/null +++ b/lehed/juhend/img/erm.jpg diff --git a/lehed/juhend/img/ermDark.jpg b/lehed/juhend/img/ermDark.jpg Binary files differdeleted file mode 100644 index 45dbfc7..0000000 --- a/lehed/juhend/img/ermDark.jpg +++ /dev/null diff --git a/lehed/juhend/index.html b/lehed/juhend/index.html index ccd757a..e808343 100644 --- a/lehed/juhend/index.html +++ b/lehed/juhend/index.html @@ -13,7 +13,7 @@ <!-- navbar --> <nav class="navbar navbar-expand-md"> - <div class="container fs-5"> + <div class="container"> <!-- navbar brand / title --> <a class="navbar-brand" href="../../#intro"> <span class="text-secondary fw-bold"> @@ -22,7 +22,7 @@ </a> <a class="navbar-brand" href="../../#intro"> - <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo"> + <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo"> </a> <!-- toggle button for mobile nav --> @@ -34,19 +34,19 @@ <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link" href="../projekt">Projekt</a> - </li> - <li class="nav-item"> <a class="nav-link" href="../juhend">Juhend</a> </li> <li class="nav-item"> <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a> </li> + <li class="nav-item"> + <a class="nav-link" href="../projekt">Projektist</a> + </li> <li class="nav-item d-md-none"> - <a class="nav-link" href="../rollid">Rollid</a> + <a class="nav-link" href="../rollid">Tegelased</a> </li> <li class="nav-item ms-2 d-none d-md-inline"> - <a class="btn btn-secondary" href="../rollid">Rollid</a> + <a class="btn btn-secondary" href="../rollid">Tegelased</a> </li> </ul> </div> @@ -61,101 +61,56 @@ <!-- juhend --> <section id="juhend"> - <div class="container"> - - - <!-- accordion --> - <div class="accordion accordion-flush justify-content-center" id="accordionFlush"> - - <div class="accordion-item"> - <h2 class="accordion-header" id="flush-headingOne"> - <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> - Enne alustamist - </button> - </h2> - <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush"> - <div class="accordion-body"> - <p> - Enne Rännakule asumist tutvu kindlasti - <a href="lehed/rollid">rollidega</a>. - <br/> - Kahjuks ei ole digirännak telefoniga läbitav. - </p> - <p> - Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quae nesciunt vitae repellat quasi quibusdam minima? Quos dicta maxime dolore ab ex - perspiciatis veritatis recusandae molestiae repellendus. Officiis fugit, cumque delectus dignissimos non repellendus quo. - </p> - </div> - </div> - </div> - - <div class="accordion-item"> - <h2 class="accordion-header" id="flush-headingTwo"> - <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> - Rännaku ajal - </button> - </h2> - <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlush"> - <div class="accordion-body"> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, consequatur. Aliquam ea iste assumenda vel ipsa maiores ex distinctio temporibus autem quia. - Omnis ipsa tempore nihil porro qui aut magnam. Temporibus quasi quo dicta excepturi nam perferendis eum molestias accusamus.</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - </div> - </div> - </div> - - <div class="accordion-item"> - <h2 class="accordion-header" id="flush-headingThree"> - <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> - Lõpetamine - </button> - </h2> - <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlush"> - <div class="accordion-body"> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - </div> + <div> + <strong>Aasta on 1991.</strong> Eesti ajaloos toimuvad pöördelised sündmused. + 18. augustil algab Moskvas vanameelsete riigipöördekatse, mis kukub läbi. + 20. augusti hilisõhtul kell 23.03 taastatakse Eesti Vabariigi iseseisvus. + Aasta lõpus laguneb Nõukogude Liit. + Algab uus ajajärk, mis on täis nii pingeid ja pingutusi kui ka uusi võimalusii + <br><br> + Meie rändame <strong>21. augustisse 1991</strong>, mil Eesti on esimest päeva taas vaba. Uut olukorda kogeme kuue tegelaskuju kaudu. Saage tuttavaks: kaitseliitlane Vahur, + koolidirektor Elle, partorg Maria, üliõpilane Tõnu, pereema Virge ja noor ärikas Toits! + <br><br> + Muidugi nad teavad, mis otsuse Eesti Vabariigi ülemnõukogu öösel vastu võttis, ent nende vaatenurk ja suhtumine ei ole sugugi sama. Igal neist on oma elukogemus ja positsioon ühiskonnas ning kaua oodatud vabadus ei tulegi kõigile rõõmsa uudisena. + <br><br> + <strong>Mida mängimiseks vajate?</strong> + <ul> + <li>Valmistage end ette: tutvuge <a href="../oppematerjalid">õpimapiga</a> õpetajatele ja õpilastele.</li> + <li> Arvutit (tahvlis ja nutitelefonis ei saa seda mängida). </li> + <li> Jaotage klass kolme rühma, igal rühmal on vaja ühte kõlaritega arvutit. </li> + <li> Mäng on põgenemistoa formaadis. Ülesanded tuleb lahendada kindlas järjestuses: eelmine ülesanne peab olema lahendatud, enne kui saab järgmise juurde asuda. </li> + <li> Tegelased on jagatud kolmeks paariks: üliõpilane ja partorg, kaitseliitlane ja pereema, koolidirektor ja ärimees. Iga rühm asub lahendama ühe paari ülesandeid. Igal tegelaskujul on kolm ülesannet. </li> + <li> Vaadake enne mängu tegelaskujusid tutvustavad videod üle. </li> + </ul> + <br> + <div> + Mäng kestab <strong>30–40 minutit.</strong><br> + Ava- ja lõpuülesanne on mõeldud <strong>kogu klassiga lahendamiseks!</strong><br> + Võtke ka aega, et <strong>pärast mängu kogemusi jagada.</strong><br> </div> - - <div class="accordion-item"> - <h2 class="accordion-header" id="flush-headingFour"> - <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour"> - Lisaks veel - </button> - </h2> - <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlush"> - <div class="accordion-body"> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - </div> - </div> + <br> + <div> + <strong>Soovitus:</strong> meeleolu loomiseks pange digirännaku päeval selga ajastukohased riided ja kujundage selles võtmes klassiruum. Valmistage üheskoos sellele ajale iseloomulik toit (nt kartulisalat, võileivad, kolmnurgakook, morss jms, ääristage morsiklaas suhkrurõngaga…) ja katke laud. Taustaks sobib toonane muusika. </div> - <div class="accordion-item"> - <h2 class="accordion-header" id="flush-headingFive"> - <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive"> - Viimane Reegel - </button> - </h2> - <div id="flush-collapseFive" class="accordion-collapse collapse" aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlush"> - <div class="accordion-body"> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p> - </div> - </div> + <br><br> + <div> + <strong>Kontakt:</strong><br> + kaari.siemer@erm.ee + <br> + pille.rohtla@audentes.ee </div> - - </div> </div> </section> <footer> + <div class="logoWrapper"> + <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo"> + <img class="logo" src="img/audentes.jpg" alt="Audentes logo"> + <img class="logo" src="img/erm.jpg" alt="ERM logo"> + </div> <i><p> The European Commission's support for the production of this publication does not constitute an endorsement of the contents, @@ -167,10 +122,6 @@ sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest. </p></i> - <div class="logoWrapper"> - <img class="logo" src="img/ermDark.jpg" alt="ERM logo"> - <img class="logo" src="img/audentesDark.png" alt="Audentes logo"> - </div> </footer> diff --git a/lehed/juhend/styles.css b/lehed/juhend/styles.css index 58c68b6..6979828 100644 --- a/lehed/juhend/styles.css +++ b/lehed/juhend/styles.css @@ -43,19 +43,16 @@ footer p { text-align: center; align-items: center; justify-content: center; + margin-bottom: .77rem; } - - - - - -/* Accordion */ -.accordion-item, .accordion-header, .accordion-button{ - background-color: transparent !important; - border: none !important; - text-decoration: none !important; +/* Mainers */ +#juhend { + font-size: 1.1rem; + margin: 2% 13%; + color: white; } + diff --git a/lehed/oppematerjalid/img/audentes.jpg b/lehed/oppematerjalid/img/audentes.jpg Binary files differnew file mode 100644 index 0000000..7962bdc --- /dev/null +++ b/lehed/oppematerjalid/img/audentes.jpg diff --git a/lehed/oppematerjalid/img/audentesDark.png b/lehed/oppematerjalid/img/audentesDark.png Binary files differdeleted file mode 100644 index 743224c..0000000 --- a/lehed/oppematerjalid/img/audentesDark.png +++ /dev/null diff --git a/lehed/oppematerjalid/img/erasmus2.jpg b/lehed/oppematerjalid/img/erasmus.jpg Binary files differindex 17bdd39..17bdd39 100644 --- a/lehed/oppematerjalid/img/erasmus2.jpg +++ b/lehed/oppematerjalid/img/erasmus.jpg diff --git a/lehed/oppematerjalid/img/erasmus1.jpg b/lehed/oppematerjalid/img/erasmus1.jpg Binary files differdeleted file mode 100644 index d3526a6..0000000 --- a/lehed/oppematerjalid/img/erasmus1.jpg +++ /dev/null diff --git a/lehed/oppematerjalid/img/erasmusDark.png b/lehed/oppematerjalid/img/erasmusDark.png Binary files differindex 376c493..ff8314e 100644 --- a/lehed/oppematerjalid/img/erasmusDark.png +++ b/lehed/oppematerjalid/img/erasmusDark.png diff --git a/lehed/oppematerjalid/img/erasmusDark2.png b/lehed/oppematerjalid/img/erasmusDark2.png Binary files differdeleted file mode 100644 index ff8314e..0000000 --- a/lehed/oppematerjalid/img/erasmusDark2.png +++ /dev/null diff --git a/lehed/oppematerjalid/img/erm.jpg b/lehed/oppematerjalid/img/erm.jpg Binary files differnew file mode 100644 index 0000000..c3a83ce --- /dev/null +++ b/lehed/oppematerjalid/img/erm.jpg diff --git a/lehed/oppematerjalid/img/ermDark.jpg b/lehed/oppematerjalid/img/ermDark.jpg Binary files differdeleted file mode 100644 index 45dbfc7..0000000 --- a/lehed/oppematerjalid/img/ermDark.jpg +++ /dev/null diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html index 8afa66e..6688b47 100644 --- a/lehed/oppematerjalid/index.html +++ b/lehed/oppematerjalid/index.html @@ -22,7 +22,7 @@ </a> <a class="navbar-brand" href="../../#intro"> - <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo"> + <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo"> </a> <!-- toggle button for mobile nav --> @@ -34,19 +34,19 @@ <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link" href="../projekt">Projekt</a> - </li> - <li class="nav-item"> <a class="nav-link" href="../juhend">Juhend</a> </li> <li class="nav-item"> <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a> </li> + <li class="nav-item"> + <a class="nav-link" href="../projekt">Projektist</a> + </li> <li class="nav-item d-md-none"> - <a class="nav-link" href="../rollid">Rollid</a> + <a class="nav-link" href="../rollid">Tegelased</a> </li> <li class="nav-item ms-2 d-none d-md-inline"> - <a class="btn btn-secondary" href="../rollid">Rollid</a> + <a class="btn btn-secondary" href="../rollid">Tegelased</a> </li> </ul> </div> @@ -73,6 +73,11 @@ <footer> + <div class="logoWrapper"> + <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo"> + <img class="logo" src="img/erm.jpg" alt="ERM logo"> + <img class="logo" src="img/audentes.jpg" alt="Audentes logo"> + </div> <i><p> The European Commission's support for the production of this publication does not constitute an endorsement of the contents, @@ -84,10 +89,6 @@ sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest. </p></i> - <div class="logoWrapper"> - <img class="logo" src="img/ermDark.jpg" alt="ERM logo"> - <img class="logo" src="img/audentesDark.png" alt="Audentes logo"> - </div> </footer> diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css index 929d110..5239313 100644 --- a/lehed/oppematerjalid/styles.css +++ b/lehed/oppematerjalid/styles.css @@ -42,6 +42,7 @@ footer p { text-align: center; align-items: center; justify-content: center; + margin-bottom: .77rem; } diff --git a/lehed/projekt/img/audentes.jpg b/lehed/projekt/img/audentes.jpg Binary files differnew file mode 100644 index 0000000..7962bdc --- /dev/null +++ b/lehed/projekt/img/audentes.jpg diff --git a/lehed/projekt/img/audentesDark.png b/lehed/projekt/img/audentesDark.png Binary files differdeleted file mode 100644 index 743224c..0000000 --- a/lehed/projekt/img/audentesDark.png +++ /dev/null diff --git a/lehed/projekt/img/erasmus2.jpg b/lehed/projekt/img/erasmus.jpg Binary files differindex 17bdd39..17bdd39 100644 --- a/lehed/projekt/img/erasmus2.jpg +++ b/lehed/projekt/img/erasmus.jpg diff --git a/lehed/projekt/img/erasmus1.jpg b/lehed/projekt/img/erasmus1.jpg Binary files differdeleted file mode 100644 index d3526a6..0000000 --- a/lehed/projekt/img/erasmus1.jpg +++ /dev/null diff --git a/lehed/projekt/img/erasmusDark.png b/lehed/projekt/img/erasmusDark.png Binary files differindex 376c493..ff8314e 100644 --- a/lehed/projekt/img/erasmusDark.png +++ b/lehed/projekt/img/erasmusDark.png diff --git a/lehed/projekt/img/erasmusDark2.png b/lehed/projekt/img/erasmusDark2.png Binary files differdeleted file mode 100644 index ff8314e..0000000 --- a/lehed/projekt/img/erasmusDark2.png +++ /dev/null diff --git a/lehed/projekt/img/erm.jpg b/lehed/projekt/img/erm.jpg Binary files differnew file mode 100644 index 0000000..c3a83ce --- /dev/null +++ b/lehed/projekt/img/erm.jpg diff --git a/lehed/projekt/img/ermDark.jpg b/lehed/projekt/img/ermDark.jpg Binary files differdeleted file mode 100644 index 45dbfc7..0000000 --- a/lehed/projekt/img/ermDark.jpg +++ /dev/null diff --git a/lehed/projekt/index.html b/lehed/projekt/index.html index e189ef3..a0221fd 100644 --- a/lehed/projekt/index.html +++ b/lehed/projekt/index.html @@ -13,7 +13,7 @@ <!-- navbar --> <nav class="navbar navbar-expand-md"> - <div class="container fs-5"> + <div class="container"> <!-- navbar brand / title --> <a class="navbar-brand" href="../../#intro"> <span class="text-secondary fw-bold"> @@ -22,7 +22,7 @@ </a> <a class="navbar-brand" href="../../#intro"> - <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo"> + <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo"> </a> <!-- toggle button for mobile nav --> @@ -34,19 +34,19 @@ <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link" href="../projekt">Projekt</a> - </li> - <li class="nav-item"> <a class="nav-link" href="../juhend">Juhend</a> </li> <li class="nav-item"> <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a> </li> + <li class="nav-item"> + <a class="nav-link" href="../projekt">Projektist</a> + </li> <li class="nav-item d-md-none"> - <a class="nav-link" href="../rollid">Rollid</a> + <a class="nav-link" href="../rollid">Tegelased</a> </li> <li class="nav-item ms-2 d-none d-md-inline"> - <a class="btn btn-secondary" href="../rollid">Rollid</a> + <a class="btn btn-secondary" href="../rollid">Tegelased</a> </li> </ul> </div> @@ -56,7 +56,7 @@ <!-- Sissejuhatus --> <section id="sissejuhatus"> - <h1 class="text-center pb-3"><strong>Projekt</strong></h1> + <h1 class="text-center pb-3"><strong>Projektist</strong></h1> </section> @@ -104,10 +104,25 @@ <br> <strong>Helisalvestus:</strong> Maido Selgmäe (ERM) </div> + + <br><br> + + <div> + <strong>Kontakt:</strong><br> + kaari.siemer@erm.ee + <br> + pille.rohtla@audentes.ee + </div> + </main> <footer> + <div class="logoWrapper"> + <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo"> + <img class="logo" src="img/erm.jpg" alt="ERM logo"> + <img class="logo" src="img/audentes.jpg" alt="Audentes logo"> + </div> <i><p> The European Commission's support for the production of this publication does not constitute an endorsement of the contents, @@ -119,10 +134,6 @@ sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest. </p></i> - <div class="logoWrapper"> - <img class="logo" src="img/ermDark.jpg" alt="ERM logo"> - <img class="logo" src="img/audentesDark.png" alt="Audentes logo"> - </div> </footer> diff --git a/lehed/projekt/styles.css b/lehed/projekt/styles.css index 0be49e3..4522ea2 100644 --- a/lehed/projekt/styles.css +++ b/lehed/projekt/styles.css @@ -27,6 +27,7 @@ h1 {color: #FFB673} main { margin: 2.5% 13%; color: white; + font-size: 1.1rem; } @@ -49,4 +50,5 @@ footer p { text-align: center; align-items: center; justify-content: center; + margin-bottom: .77rem; } diff --git a/lehed/rollid/img/audentes.jpg b/lehed/rollid/img/audentes.jpg Binary files differnew file mode 100644 index 0000000..7962bdc --- /dev/null +++ b/lehed/rollid/img/audentes.jpg diff --git a/lehed/rollid/img/audentesDark.png b/lehed/rollid/img/audentesDark.png Binary files differdeleted file mode 100644 index 743224c..0000000 --- a/lehed/rollid/img/audentesDark.png +++ /dev/null diff --git a/lehed/rollid/img/erasmus2.jpg b/lehed/rollid/img/erasmus.jpg Binary files differindex 17bdd39..17bdd39 100644 --- a/lehed/rollid/img/erasmus2.jpg +++ b/lehed/rollid/img/erasmus.jpg diff --git a/lehed/rollid/img/erasmus1.jpg b/lehed/rollid/img/erasmus1.jpg Binary files differdeleted file mode 100644 index d3526a6..0000000 --- a/lehed/rollid/img/erasmus1.jpg +++ /dev/null diff --git a/lehed/rollid/img/erasmusDark.png b/lehed/rollid/img/erasmusDark.png Binary files differindex 376c493..ff8314e 100644 --- a/lehed/rollid/img/erasmusDark.png +++ b/lehed/rollid/img/erasmusDark.png diff --git a/lehed/rollid/img/erasmusDark2.png b/lehed/rollid/img/erasmusDark2.png Binary files differdeleted file mode 100644 index ff8314e..0000000 --- a/lehed/rollid/img/erasmusDark2.png +++ /dev/null diff --git a/lehed/rollid/img/erm.jpg b/lehed/rollid/img/erm.jpg Binary files differnew file mode 100644 index 0000000..c3a83ce --- /dev/null +++ b/lehed/rollid/img/erm.jpg diff --git a/lehed/rollid/img/ermDark.jpg b/lehed/rollid/img/ermDark.jpg Binary files differdeleted file mode 100644 index 45dbfc7..0000000 --- a/lehed/rollid/img/ermDark.jpg +++ /dev/null diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html index 410d97d..5b3d84e 100644 --- a/lehed/rollid/index.html +++ b/lehed/rollid/index.html @@ -14,8 +14,8 @@ <body> <!-- navbar --> - <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2"> - <div class="container fs-5"> + <nav class="navbar navbar-expand-md navbar-dark"> + <div class="container"> <!-- navbar brand / title --> <a class="navbar-brand" href="../../#intro"> <span class="text-secondary fw-bold"> @@ -24,7 +24,7 @@ </a> <a class="navbar-brand" href="../../#intro"> - <img class="logo" src="img/erasmusDark2.png" alt="Erasmus logo"> + <img class="logo" src="img/erasmusDark.png" alt="Erasmus logo"> </a> <!-- toggle button for mobile nav --> @@ -36,19 +36,19 @@ <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link" href="../projekt">Projekt</a> - </li> - <li class="nav-item"> <a class="nav-link" href="../juhend">Juhend</a> </li> <li class="nav-item"> <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a> </li> + <li class="nav-item"> + <a class="nav-link" href="../projekt">Projektist</a> + </li> <li class="nav-item d-md-none"> - <a class="nav-link" href="../rollid">Rollid</a> + <a class="nav-link" href="../rollid">Tegelased</a> </li> <li class="nav-item ms-2 d-none d-md-inline"> - <a class="btn btn-secondary" href="../rollid">Rollid</a> + <a class="btn btn-secondary" href="../rollid">Tegelased</a> </li> </ul> </div> @@ -60,7 +60,7 @@ <div class="container bg-dark justify-content-center rollid"> - <h1 class="text-center text-white pb-3">Rollid</h1> + <h1 class="text-center text-white pb-3">Tegelased</h1> <div class="container my-3"> <nav> @@ -99,34 +99,24 @@ <div class="tab-pane fade show active p-3 text-white" id="nav-opilane" role="tabpanel" aria-labelledby="nav-opilane-tab"> <div class="row"> <div> - <h2 class="uliopilanePealkiri">TÕNU, üliõpilane. Sündinud 1969, 22-aastane</h2> + <h2 class="uliopilanePealkiri">ÜLIÕPILANE Tõnu, 22-aastane (s 1969)</h2> <video controls > <source src="vids/uliopilane.mp4" type="video/mp4" /> </video> - <p>Olen Virumaa poiss – täpsemalt Lääne-Viru maakonnast Rakke alevikust. See on üks selline - keskmise suurusega raudteeasula, mille suur osa elanikest töötab kohalikus lubjatehases. + <p> + Olen Virumaa poiss, täpsemalt Lääne-Viru maakonnast Rakke alevikust. + See on üks selline keskmise suurusega raudteeasula, + kus suur osa elanikest töötab kohalikus lubjatehases. <br/><br/> - 1987. aasta kevadel, kui keskkooli lõpueksamiteks valmistusin, käisin Tartu - levimuusikapäevadel, kus esitati noore helilooja Alo Mattiiseni ja luuletaja Jüri Leesmendi - laulu “Ei ole üksi ükski maa”. See laul oli mõeldud toetuseks Virumaa fosforiidikaevanduste- - vastasele liikumisele ning mõjus mulle väga. Ikkagi ju peaaegu kodukant! + 1987. aasta kevadel, kui keskkooli lõpueksamiteks valmistusin, käisin Tartu levimuusikapäevadel, kus külas noore helilooja Alo Mattiiseni ja luuletaja Jüri Leesmendi laul „Ei ole üksi ükski maa”. See laul oli mõeldud toetuseks Virumaa fosforiidikaevanduste-vastasele liikumisele ning mõjus mulle väga. Ikkagi ju peaaegu kodukant! <br/><br/> - Samal aastal asusin õppima Tartu Riiklikusse Ülikooli ajaloo erialale. Kohe õpingute algul - sattusin omasuguste rahvuslikult meelestatud üliõpilaste seltskonda. Korraldasime - koosviibimisi ja arutasime, milline võiks olla Eesti tulevik ja mida ise selle heaks kohe nüüd - ära teha saaksime. 1988. aasta kevadel toimusid üksteise järel erinevad rahvaüritused, millest - isegi osa võtsin: aprillis Tartu muinsuskaitsepäevad, mais rattamatk “Kuidas elad, Virumaa”, - juunis Öölaulupeod Tallinna lauluväljakul. Igal pool lehvisid siis juba sinimustvalged lipud! + Samal aastal asusin õppima Tartu Riiklikku Ülikooli ajaloo erialale. Kohe õpingute algul sattusin omasuguste rahvuslikult meelestatud üliõpilaste seltskonda. Korraldasime koosviibimisi ja arutasime, milline võiks olla Eesti tulevik ja mida saaksime ise selle heaks kohe nüüd ära teha. 1988. aasta kevadel toimusid üksteise järel mitmed rahvaüritused, millest isegi osa võtsin: aprillis Tartu muinsuskaitsepäevad, mais rattamatk „Kuidas elad, Virumaa”, juunis öölaulupeod Tallinna lauluväljakul. Igal pool lehvisid siis juba sinimustvalged lipud! <br/><br/> - 1989. aasta 23. augustil korraldati Balti Kett läbi Eesti, Läti ja Leedu; vedasin sinna ka oma - isa ja ema. Tulid kaasa ja olid toimunust väga liigutatud. + 1989. aasta 23. augustil korraldati Balti kett läbi Eesti, Läti ja Leedu. Vedasin sinna ka oma isa ja ema. Nad tulid kaasa ja olid toimunust väga liigutatud. <br/><br/> - Mida ma siis praegusest olukorrast arvan? Tegelikult on ju kõik selgemast selge – Eesti riiklik - iseseisvus tuleb taastada. Ainult ise oma asjade üle otsustades jääme väikerahvana püsima. - Kes on julge ja tark, oskab ära tunda õiget hetke ning olud enda kasuks pöörata. Usun, et just - praegu on see aeg Eesti rahva jaoks käes.</p> + Mida ma praegusest olukorrast arvan? Tegelikult on ju kõik selgemast selge – Eesti riiklik iseseisvus tuli taastada. Ainult ise oma asjade üle otsustades jääme väikerahvana püsima. Kes on julge ja tark, oskab ära tunda õiget hetke ning olud enda kasuks pöörata. Usun, et just praegu on see aeg Eesti rahva jaoks käes. </div> </div> @@ -135,43 +125,28 @@ <div class="tab-pane fade p-3 text-white" id="nav-partorg" role="tabpanel" aria-labelledby="nav-partorg-tab"> <div class="row"> <div> - <h2 class="partorgPealkiri">MARIA, partorg. Sündinud 1933, 58-aastane</h2> + <h2 class="partorgPealkiri">PARTORG Maria, 58-aastane (s 1933)</h2> <video controls > <source src="vids/partorg.mp4" type="video/mp4" /> </video> - <p>Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11- - aastasena koos vanematega oma esiisade maale, Eesti NSVsse. + <p> + Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11-aastasena koos vanematega oma esiisade maale, Eesti NSVsse. <br/><br/> - Minu vanemad andsid kogu oma jõu ja tervise kommunismi ülesehitamise ja rahvaste sõpruse - hüvanguks Eesti Nõukogude Sotsialistlikus Vabariigis, töötades kuni pensionipõlveni - Tallinnas Dvigateli tehases ning täites ja ületades viisaastakuplaane alati nelja aastaga! + Minu vanemad andsid kogu oma jõu ja tervise kommunismi ülesehitamise ja rahvaste sõpruse hüvanguks Eesti Nõukogude Sotsialistlikus Vabariigis. Nad töötasid kuni pensionipõlveni Tallinnas Dvigateli tehases ning täitsid ja ületasid viisaastakuplaane alati nelja aastaga! <br/><br/> - Minu ametlik haridustee jäi esialgu lünklikuks. Õppisin iseseisvalt ning 1955. aastal astusin - Marksismi-Leninismi õhtuülikooli, kus olin oma kursuse üks eesrindlikumaid lõpetajaid. + Minu ametlik haridustee jäi esialgu lünklikuks. Õppisin iseseisvalt ning 1955. aastal astusin Marksismi-Leninismi õhtuülikooli, kus olin oma kursuse üks eesrindlikumaid lõpetajaid. <br/><br/> - Järgnesid põnevad aastad erinevates tööliskollektiivides, kus olin ametis partorgina. Hiljem - töötasin EKP keskkomitees mitmetel huvitavatel ning vastutusrikastel ametikohtadel. + Järgnesid põnevad aastad erinevates tööliskollektiivides, kus olin ametis partorgina. Hiljem töötasin EKP keskkomitees mitmel huvitaval ning vastutusrikkal ametikohal. <br/><br/> - Töötades maailmavaatelt lähedaste inimestega, leidsin palju häid ja kasulikke sõpru, kes - aitasid hankida defitsiiti. Suviti puhkasin Krimmi või Sotši kuurortides. 1979. aastal õnnestus - mul külastada isegi kapitalistlikku Rootsi kuningriiki. Millestki puudus pole mul olnud – mul - on kodus kõik importasjad: Tšehhi kristall, värviteler, Poola mikser, Bulgaaria konservid, - Saksa Demokraatliku Vabariigi köögimööbel, Jugoslaavia vaibad, Soome pestav tapeet. - Korter on kõigi mugavustega kolmetoaline ja maja ees seisab minu isiklik helesinine - Moskvitš 412. Vaikselt olen kogunud ehitusmaterjali, sest olen hankinud suvilakrundi Klooga - mändide all. + Töötades maailmavaatelt lähedaste inimestega, leidsin palju häid ja kasulikke sõpru, kes aitasid hankida defitsiiti. Suviti puhkasin Krimmi või Sotši kuurortides. 1979. aastal õnnestus mul külastada isegi kapitalistlikku Rootsi kuningriiki. Millestki puudus pole mul olnud – mul on kodus kõik importasjad: Tšehhi kristall, värviteler, Poola mikser, Bulgaaria konservid, Saksa Demokraatliku Vabariigi köögimööbel, Jugoslaavia vaibad, Soome pestav tapeet. Korter on kõigi mugavustega kolmetoaline ja maja ees seisab minu isiklik helesinine Moskvitš 412. Vaikselt olen kogunud ehitusmaterjali, sest olen hankinud suvilakrundi Klooga mändide all. <br/><br/> - Viimastel aastatel on vaatamata minu jõupingutustele hakanud kõik kiiva kiskuma. Eesti - NSV-s on hakanud pead tõstma natsionalism. Tahetakse häbiväärselt hävitada kogu - sotsialistlik heaolu ja turvalisus, mille oleme saavutanud maailma suurima ja võimsama riigi - kaitsel ja toel! Oleme vajumas kodanlik-kapitalislikku mülkasse. + Viimastel aastatel on vaatamata minu jõupingutustele hakanud kõik kiiva kiskuma. Eesti NSVs on hakanud pead tõstma natsionalism. Tahetakse häbiväärselt hävitada kogu sotsialistlik heaolu ja turvalisus, mille oleme saavutanud maailma suurima ja võimsama riigi kaitsel ja toel! Oleme vajumas kodanlik-kapitalislikku mülkasse. <br/><br/> - Mis saab minu suvila krundist, kokkuhangitud materjalidest? Mis saab minu auväärsest - töökohast EKP keskkomitees? Kas edaspidi on siis mitu parteid? Miks neid nii palju vaja on? + Mis saab minu suvilakrundist, hangitud materjalidest? Mis saab minu auväärsest töökohast EKP keskkomitees? Kas edaspidi on siis mitu parteid? Miks neid nii palju vaja on? <br/><br/> - Inimesed, tulge mõistusele, oleme ikka edasi sõbrad Nõukogude Liidu vennalikus peres!</p> + Inimesed, tulge mõistusele, oleme ikka edasi sõbrad Nõukogude Liidu vennalikus peres! </div> </div> @@ -180,37 +155,20 @@ <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab"> <div class="row"> <div> - <h2 class="arimeesPealkiri">TOIVO, ärimees. Sündinud 1965, 22-aastane</h2> + <h2 class="arimeesPealkiri">ÄRIKAS Toivo, 26-aastane (s 1965)</h2> <video controls > <source src="vids/arimees.mp4" type="video/mp4" /> </video> <p> - Olen Toivo, omadele Toits. 22-aastane, sündinud 1965.aastal. - <br><br> - Olen eluaeg Tallinnas elanud. Juba poisikesena hakkasin ma väikestviisi äri ajama: müüsin - poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat. - No ja nii see vaikselt hakkas looma, see minu äritegevus, noh. + Toits olen. Eluaeg Tallinnas elanud, juba poisikesena hakkasin väikest viisi äri ajama. Müüsin poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat. No ja nii see hakkas vaikselt looma, see minu äritegevus, noh. <br><br> - Õppisin Pirital, 36. keskkoolis, hinded olid peamiselt kolmed, aga soome keelt ma õppisin. - Soome keelt sai telekast õppida, sest tallinlased ja põhjaeestlased lasid omale televiisorisse - paigaldada lisajubina, mis abil said vaadata Soome televisiooni saateid. Vene keel tuli ka - kuidagi iseenesest, mul on ka venelastest sõpru. + Õppisin Pirita keskkoolis, hinded peamiselt kolmed. Aga soome keelt ma õppisin, seda sai telekast õppida, sest põhjaeestlased lasid paigaldada oma televiisorisse lisaploki, millega sai vaadata Soome televisiooni. Keskas käies hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. <br><br> - Keskas käies hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. Oma esimese “soomlase” - sain 1986. aastal. Lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. See osutus Pekkaks - ja nii me sõbrunesimegi. Pekka käis igal kuul Tallinnas ja hakkas mulle kilekottides riideid ja muud - kraami kaasa tooma. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid. - Võtsin sõber Urmase ka kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja - ja rahvas tuli! Valuutat oli enamasti välismaalastel ja ka vähestel eesti inimestel, kel on sidemeid läänes. - Tegelikult nõukogude inimene valuutat omada ei tohigi. Kui sul seda ilma nö loata oli, võisid karistuse kaela - saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. + Esimese „oma soomlase“ sain 1987. aastal – lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. Pekka tuli siis iga kuu Tallinnasse ja tõi mulle kilekottides riideid ja muud kraami. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid. Võtsin sõber Urmase kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja ja rahvas tuli! Valuutat ikka ringleb – enamasti välismaalastel ja vähestel eestlastel, kel sugulased läänes. Nõukogude inimene ju valuutat omada ei tohigi – võisid karistuse kaela saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. Minu sissetulek oli kordades suurem kui mu vanematel. 1989. aastal ostsin Ford Fiesta – tumesinine, teenis mind mitu aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid on juba meie tänavatel päris palju. <br><br> - Minu sissetulek oli ikka kordades suurem, kui mu vanematel. 1988ndal sain endale osta auto Ford Fiesta. - See oli tumesinine ja teenis mind paar aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid - on juba meie tänavatel päris palju. Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga - oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks. + Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks. </p> </div> @@ -220,33 +178,19 @@ <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab"> <div class="row"> <div> - <h2 class="perenainePealkiri">VIRGE, perenaine. Sündinud 1955, 35-aastane</h2> - + <h2 class="perenainePealkiri">PERENAINE Virge, 35-aastane (s 1955)</h2> <video controls > <source src="vids/perenaine.mp4" type="video/mp4" /> </video> - <p>Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. Igapäevaelu - nõuab päris suuri oskusi, et ära elada. Poed on kaupadest tühjad, paljalt talongidest ära ei ela. - Kogu augustikuu olen ainult sisse teinud – hakkinud ja vekkinud. Õnneks on minu töö - apteekrina võimaldanud eluga ikka paremini toime tulla – vahetuskaup, niinimetatud vorst - vorsti vastu. Kui kohaliku kooperatiivi juhataja emal on tervisemured, siis ravimite saamiseks - pöördutakse ikka minu poole – saan purgi või kaks kõrvale panna. Vastutasuks kutsub tema - mind enne kauba väljapanekut omale paremat välja valima. Nii saingi eile pojale värvilise - tuulepluusi. Tšehhi kaup, selliseid tuli kaubandusse vaid kolm tükki. + <p> + Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. <br/><br/> - Need uue aja imed – kirikuabi ja välismaised kataloogid – on muidugi põnevad, aga vaat seda - abi on küll piinlik piiluma minna! Ega me ju nii vaesed ka ei ole! Kuigi pidi puha välismaa - kaup olema. Aga esimese kataloogitellimuse tegin Soomes elava sõbranna kaudu igatahes - ära. Tellisin mehele kivipesuteksad, lastele tossud ja dressipüksid ja endale siidist - hommikumantli ja neoonlauvärvid. Kolme nädala pärast peaks pakk postkontorisse jõudma! - Loodetavasti saab kataloogikaupa varsti ka Eestis osta! + Aga praegune igapäevaelu nõuab päris suuri oskusi, et ära elada. Poed on kaupadest tühjad, paljalt talongidest ära ei ela. Kogu augustikuu olen ainult sisse teinud – hakkinud ja vekkinud. Õnneks on minu töö apteekrina võimaldanud eluga ikka paremini toime tulla: ravimid on nõutud kaup, mida saab vahetada n-ö vorst vorsti vastu. Kui kohaliku kooperatiivi juhataja emal on tervisemured, siis ravimite saamiseks pöördutakse ikka minu poole – saan purgi või kaks kõrvale panna. Vastutasuks kutsub tema mind enne kauba väljapanekut endale paremat välja valima. Nii saingi eile pojale värvilise tuulepluusi. Tšehhi kaup, selliseid tuli kaubandusse vaid kolm tükki. <br/><br/> - Praeguse aja sündmustest võtame mehega alati osa. Kui lastele hoidja saame ning kui bensiini - on. Balti ketis käisime ja öölaulupidudel ja... Eileõhtune uudis, et ülemnõukogu Eesti - iseseisvuse välja kuulutas, võttis mu kohe rõõmust hingetuks! Et Leedu tegi selle juba ära, - nüüd meie, küllap varsti Lätigi! Aga ei saa ju nii äreval ajal pikalt rõõmustada, sest hirm on - ka. Et kuidas kõik laheneb. Tankid ju tänagi Tallinnas.</p> + Need uue aja imed – kirikuabi ja välismaised kataloogid – on muidugi põnevad, aga vaat seda abi on küll piinlik piiluma minna! Ega me ju nii vaesed ka ei ole! Kuigi pidi puha välismaa kaup olema. Aga esimese kataloogitellimuse tegin Soomes elava sõbranna kaudu igatahes ära. Tellisin mehele kivipesuteksad, lastele tossud ja dressipüksid ja endale siidist hommikumantli ja neoonlauvärvid. Kolme nädala pärast peaks pakk postkontorisse jõudma! Loodetavasti saab kataloogikaupa varsti ka Eestis osta! + <br/><br/> + Praeguse aja sündmustest võtame mehega alati osa. Kui lastele hoidja saame ning kui bensiini on. Balti ketis käisime ja öölaulupidudel ja... Eileõhtune uudis, et ülemnõukogu Eesti iseseisvuse välja kuulutas, võttis mu kohe rõõmust hingetuks! Leedu tegi selle juba ära, nüüd meie, küllap varsti Lätigi! Aga ei saa ju nii äreval ajal pikalt rõõmustada, sest hirm on ka. Et kuidas kõik laheneb. Tankid ju tänagi Tallinnas. </div> </div> @@ -255,40 +199,22 @@ <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab"> <div class="row"> <div> - <h2 class="kaitseliitlanePealkiri">VAHUR, kaitseliitlane. Sündinud 1938, 53-aastane</h2> + <h2 class="kaitseliitlanePealkiri">KAITSELIITLANE Vahur, 53-aastane (s 1938)</h2> <video controls > <source src="vids/kaitseliitlane.mp4" type="video/mp4" /> </video> <p> - Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal - Kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei - meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid Eesti mehi! - Tagasi koju jõudsime ainult mina ja vennas. 1956. aastal, tükk aega pärast Stalini surma. - Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupoja tarkus ja isamaa-armastus. - Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma! + Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid eesti mehi! Tagasi koju jõudsime ainult mina ja vennas – 1956. aastal, tükk aega pärast Stalini surma. + <br><br> + Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupojatarkus ja isamaa-armastus. Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma! <br><br> - Kaks päeva tagasi, 19. augustil, saatsime Kaitseliiduga Tartust Tallinnasse rühma, - kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla. + Kaks päeva tagasi, 19. augustil saatsime Kaitseliiduga Tartust Tallinnasse rühma, kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla. Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle. <br><br> - Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal - juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle. - Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud - kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt - vene ohvitserilt saadud TT nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… - Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on - ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud – isegi kui neil enam sama suurt - pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas: - „Ükskord me võidame niikuinii!“. Vaat nüüd on see aeg käes! + Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt Vene ohvitserilt saadud TT-nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud, isegi kui neil enam sama suurt pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas: „Ükskord me võidame niikuinii!“ Vaat nüüd on see aeg käes! <br><br> - Kui läheb laskmiseks, hakkame vastu nii palju kui suudame. Tähtis on, et see kõik jõuaks - välismaa lehtedesse – nii, nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm. - KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid - meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu, - nii et ei mingit sõimamist või kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki - üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema, - siis see ka nendeni jõuaks… Kui aga dessantväelased alustavad… + Kui läheb laskmiseks, hakkame vastu nii palju, kui suudame. Tähtis on, et see kõik jõuaks välismaa lehtedesse – nii nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm. KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu, nii et ei mingit sõimamist ega kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema, siis see ka nendeni jõuaks. Kui aga dessantväelased alustavad… <br><br><br> Saa vabaks, Eesti meri, <br> @@ -308,33 +234,18 @@ <div class="tab-pane fade p-3 text-white" id="nav-direktor" role="tabpanel" aria-labelledby="nav-direktor-tab"> <div class="row"> <div> - <h2 class="direktorPealkiri">ELLE, koolidirektor. Sündinud 1948, 43-aastane</h2> + <h2 class="direktorPealkiri">KOOLIDIREKTOR Elle, 43-aastane (s 1948)</h2> <video controls > <source src="vids/direktor.mp4" type="video/mp4" /> </video> - <p>Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi - külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad. - <br/><br/> - Vanavanemad küüditati 25. märtsil 1949. aastal Siberisse. Pidime kodust lahkuma ja asusime - elama Põltsamaale üürikorterisse. Kooliteed alustasin samas koolis, kus vanemad töötasid. - Olin väga tubli õpilane, sain alati kiituskirju. Esimeses klassis astusin oktoobrilapseks, 5. - klassis pioneeriks. Olin kooli pioneeride malevanõukogu esimees. Keskkoolis astusin - komsomoli. Seal ma väga aktiivne ei olnud, aga kuna vanavanemad olid küüditatud, siis sain - aru, et kasulik on olla komnoor. Edasi läksin õppima Tartu Pedagoogilisse Kooli, sest tahtsin - väga saada algklasside õpetajaks. + <p> + Olen sündinud väga segastel aegadel, 1948. aasta 7. novembril Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad. Vanavanemad küüditati 25. märtsil 1949. aastal Siberisse. Pidime kodust lahkuma ja asusime elama Põltsamaale üürikorterisse. <br/><br/> - Tööle saingi õpetajaks sinnasamma Põltsamaale, kus töötasid mu vanemad. Edasi tegin - karjääri: olin õppealajuhataja ja seejärel sain kooli direktoriks, sest endine direktor, minu isa, - läks pensionile. Tõsi küll, et direktoriks saada, pidin astuma kommunistlikkusse parteisse. + Kooliteed alustasin samas koolis, kus vanemad töötasid. Olin väga tubli õpilane, sain alati kiituskirju. Esimeses klassis astusin oktoobrilapseks, viiendas pioneeriks. Olin kooli pioneeride malevanõukogu esimees. Keskkoolis astusin komsomoli. Seal ma väga aktiivne ei olnud, aga kuna vanavanemad olid küüditatud, siis sain aru, et kasulik on olla komnoor. Edasi läksin õppima Tartu Õpetajate Seminari, sest tahtsin väga saada algklasside õpetajaks. Tööle saingi õpetajaks sinnasamma Põltsamaale, kus töötasid mu vanemad. Edasi tegin karjääri: olin õppealajuhataja ja seejärel sain kooli direktoriks, sest endine direktor, minu isa, läks pensionile. Tõsi küll, direktoriks saamiseks pidin astuma kommunistlikkusse parteisse. <br/><br/> - Väga ootamatud olid minu jaoks 1988. aasta kevadel Tartus toimunud muinsuskaitsepäevad. - Olin juhuslikult Tartus ja nägin rongkäiku, kus lehvisid kõrvuti kolm lippu: üks sinine, teine - must ja kolmas valge. Kodus rääkisime sellest vanematega. Nad andsid nõu, et on vaja uute - tuultega kaasa minna ja parteist välja astuda. Samal ajal lõpetas mu tütar Põltsamaa - keskkooli. Minu soovitusel saime ta kirikus ristida ja leeritada. Lõime Põltsamaal Kodanike - Komitee. Minust sai uue aja direktor.</p> + Väga ootamatud olid minu jaoks 1988. aasta kevadel Tartus toimunud muinsuskaitsepäevad. Olin juhuslikult Tartus ja nägin rongkäiku, kus lehvisid kõrvuti kolm lippu: üks sinine, teine must ja kolmas valge. Kodus rääkisime sellest vanematega. Nad andsid nõu, et on vaja uute tuultega kaasa minna ja parteist välja astuda. Samal ajal lõpetas mu tütar Põltsamaa keskkooli. Minu soovitusel saime ta kirikus ristida ja leeritada. Lõime Põltsamaal Kodanike Komitee. Minust sai uue aja direktor. </div> </div> @@ -348,6 +259,11 @@ <footer> + <div class="logoWrapper"> + <img class="logo" src="img/erasmus.jpg" alt="Erasmus logo"> + <img class="logo" src="img/erm.jpg" alt="ERM logo"> + <img class="logo" src="img/audentes.jpg" alt="Audentes logo"> + </div> <i><p> The European Commission's support for the production of this publication does not constitute an endorsement of the contents, @@ -359,10 +275,6 @@ sisu on heaks kiidetud. Sisu kajastab autorite seisukohti – Euroopa Komisjon ei võta vastutust selles sisalduva teabe kasutamise eest. </p></i> - <div class="logoWrapper"> - <img class="logo" src="img/ermDark.jpg" alt="ERM logo"> - <img class="logo" src="img/audentesDark.png" alt="Audentes logo"> - </div> </footer> diff --git a/lehed/rollid/styles.css b/lehed/rollid/styles.css index dbc784f..85100e3 100644 --- a/lehed/rollid/styles.css +++ b/lehed/rollid/styles.css @@ -70,6 +70,7 @@ footer p { text-align: center; align-items: center; justify-content: center; + margin-bottom: .77rem; } @@ -1,4 +1,9 @@ let btn = document.querySelector(".neon-button"); +const isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) btn.setAttribute("href", "rannak/noMobiles"); + +if (isMobile) + btn.setAttribute("href", "rannak/noMobiles"); diff --git a/rannak/endPage/img/quatro.jpg b/rannak/endPage/img/quatro.jpg Binary files differnew file mode 100644 index 0000000..3db6122 --- /dev/null +++ b/rannak/endPage/img/quatro.jpg diff --git a/rannak/endPage/index.html b/rannak/endPage/index.html index a3bcfc7..3d3674c 100644 --- a/rannak/endPage/index.html +++ b/rannak/endPage/index.html @@ -25,10 +25,10 @@ <span id="span7"></span> </div> - <p>Nüüd võid valida uue Rolli või minna tagasi avalehele</p> + <p>Nüüd võid valida uue tegelase või minna tagasi avalehele</p> <a href="../rolliValik"> - <button>Uus Roll</button> + <button>Uus tegelane</button> </a> <a href="../.."> diff --git a/rannak/endPage/main.js b/rannak/endPage/main.js index 0cfc56b..4101cd2 100644 --- a/rannak/endPage/main.js +++ b/rannak/endPage/main.js @@ -18,11 +18,17 @@ if (localStorage.roll != undefined){ else if (roll == 'Direktori'){ document.querySelector('h3').innerHTML = 'Balti keti andmed:'; - spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond; spans[1].innerHTML = 'Asula: ' + localStorage.asula; spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus; + spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond; + + + + spans[4].innerHTML = "<br><br><h3><strong>Kõne</strong></h3><br>" + spans[5].innerHTML = localStorage.kone; + delete localStorage.kone; + - console.log(localStorage.teekond); delete localStorage.asula; delete localStorage.kaugus; diff --git a/rannak/endPage/style.css b/rannak/endPage/style.css index c9fa274..72e3938 100644 --- a/rannak/endPage/style.css +++ b/rannak/endPage/style.css @@ -7,25 +7,23 @@ body { padding: 0; margin: 0; box-sizing: border-box; - background-image: url("img/tres.png"); - background-size:100%; + background-image: url("img/quatro.jpg"); + background-size: cover; + background-attachment: fixed; } .wrapper { display: flex; justify-content: center; align-items: center; - width: 100%; - height: 100vh; text-align: center; } .innerDiv { padding: 15px; - margin-left: 20%; width: 45%; - color: black; + color: white; } @@ -38,13 +36,13 @@ body { } p{ - border-top: solid 3px black; + border-top: solid 3px white; padding-top: 2rem; } h1 { - color: rgba(0,136,169,1); + color: white; font-family:'fontUno'; } @@ -56,6 +54,7 @@ button { cursor: pointer; text-decoration: none; font-size: 1.3rem; + color: white; } a { diff --git a/rannak/kaart/index.html b/rannak/kaart/index.html index 4ef027f..2a35596 100644 --- a/rannak/kaart/index.html +++ b/rannak/kaart/index.html @@ -18,9 +18,9 @@ <p> Leia esimesed seitse riiki, kes tunnustasid Eesti iseseisvust: <br/> - Island - 22.august 1991, Leedu - 22.august, Läti - 23.august, - Vene NFSV - 24.august, Ungari - 24.august, Prantsusmaa - 25.august, - Ukraina - 26.august. + Island: 22.august, Leedu: 22.august, Läti: 23.august, + Vene NFSV: 24.august, Ungari: 24.august, Prantsusmaa: 25.august, + Ukraina: 26.august. </p> </div> diff --git a/rannak/mangud/arimees/muusika/index.html b/rannak/mangud/arimees/muusika/index.html index ef453ec..e3947f3 100644 --- a/rannak/mangud/arimees/muusika/index.html +++ b/rannak/mangud/arimees/muusika/index.html @@ -17,7 +17,7 @@ <div class="container text-white text-center"> <h1>Muusika</h1> <p> - Vajuta lingile ja vaata muusikavideosid youtubes ning seejärel + Vajuta lingile ja vaata muusikavideosid YouTube'is ning seejärel järjesta vastavalt oma eelistustele. <br> Põhjenda oma esikohta tekstiväljal. @@ -53,18 +53,18 @@ <div class="modal-body"> <p> - Tsau jälle! Ma sain eelmisel nädalal tutika playeri! Sellega on nüüd süngelt - hea mussi kuulata. Kui laeval olen või Viru juures somme ootan, siis panen + Tsau jälle! Ma sain eelmisel nädalal tutika playeri! Sellega on nüüd ilgelt + hea musa kuulata. Kui laeval olen või Viru juures somme ootan, siis panen musa peale ja väga mõnus on. Eks ma kuulan rohkem välismaa punte, lindistan - neid otse Luxembourgi raadiost või Soome televisioonist, aga Eestis on ka + neid otse Luksemburgi raadiost või Soome televisioonist, aga Eestis on ka päris kuulatavat kraami. Valisin mõned lood oma kassetidelt kuulata. - Vaata, kas tunned ära, kes laulab? Ühe loo panin oma mampsi kassetilt ka. + Vaata, kas tunned ära, kes laulab! Ühe loo panin oma mampsi kassetilt ka. </p> <br/> <p> <strong> Ja noh, minul on siin nimekirjas omad lemmikud, aga millised on sinu? - Tee oma edetabel ning põhjenda paari lausega esikoha valikut. + Tee oma edetabel! </strong> </p> diff --git a/rannak/mangud/arimees/pood/index.html b/rannak/mangud/arimees/pood/index.html index 2e72724..dd079f6 100644 --- a/rannak/mangud/arimees/pood/index.html +++ b/rannak/mangud/arimees/pood/index.html @@ -53,15 +53,15 @@ Lähen siin varsti Georg Otsaga Helsinki ostoksille. Uut kaupa oleks vaja. Mul täie kuumaga äri käib praegu! Sirvisin veits uusi katalooge, ikka on hea kaubal silm peal hoida. Äkki saate nats aidata mul plaani pidada, - mida oleks kõige kasulikum 12 000 rutsiga ära tuua? Kurss on praegu päris - ilus - 1 FIM= 7,356 rubla. Põhiline, et oleks palju erinevaid kaupu ja + mida oleks kõige kasulikum 12 000 rutsiga ära tuua! Kurss on praegu päris + ilus: 1 FIM= 7,356 rubla. Põhiline, et oleks palju erinevaid kaupu ja kogu raha saaks ära kulutatud! Aga sellega vist problat ei tule. Äkki tahate ise ka midagi, võin soodsalt tuua! </p> <br/> <strong> - Selleks lappa katalooge, vali omale sobiv nodi välja ja pane - tabelisse - mida, kui palju, mis rahaga siin ja sealpool lahte arvestama peab. + Lappa katalooge, vali omale sobiv nodi välja ja pane + tabelisse - mida, kui palju, mis rahaga siin- ja sealpool lahte arvestama peab. Ole hea, vali erinevat kraami - ega ma kohalik kaubamaja ole, et kümmet ühesugust kitlit müüma hakkan! Ole nüüd! </strong> @@ -74,6 +74,102 @@ <!-- Main Stuff --> <div class="main"> + + <!-- Tabel --> + <h3>Ostunimekiri</h3> + <p>Täitmiseks vajuta soovitud kohale ja sisesta andmed.</p> + + <div class="tabelWrapper"> + <table class="table table-dark table-striped"> + <tr> + <th><strong>Toode</strong></th> + <th><strong>Hind (FIM)</strong></th> + <th><strong>Hind (rubla)</strong></th> + <th><strong>Tükki</strong></th> + <th><strong>Summa (rubla)</strong></th> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td class="summa"></td> + </tr> + </table> + + </div> + + <!-- Tabeli lõpp --> + + + + + + + <h3>Sirvi ajakirja</h3> <div class="ajakiriWrapper"> @@ -238,97 +334,6 @@ - <!-- Tabel --> - <h3>Ostunimekiri</h3> - <p>Täitmiseks vajuta soovitud kohale ja sisesta andmed.</p> - - <div class="tabelWrapper"> - <table class="table table-dark table-striped"> - <tr> - <th><strong>Toode</strong></th> - <th><strong>Hind(FIM)</strong></th> - <th><strong>Hind(Rubla)</strong></th> - <th><strong>Tükki</strong></th> - <th><strong>Summa(Rubla)</strong></th> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - <td class="summa"></td> - </tr> - </table> - - - </div> - - <!-- Tabeli lõpp --> - - </div> <!-- Main End --> diff --git a/rannak/mangud/arimees/soome/index.html b/rannak/mangud/arimees/soome/index.html index 2961059..45d618a 100644 --- a/rannak/mangud/arimees/soome/index.html +++ b/rannak/mangud/arimees/soome/index.html @@ -18,7 +18,7 @@ <h1>Õpime soome keelt</h1> <p> - Leia sõnastikust soomekeelsete sõnadel vasted ja asenda need kirja sees. + Leia sõnastikust soomekeelsetele sõnadele vasted ja asenda need kirja sees. <br/> NB! Pane sõnad õigesse käändesse. </p> @@ -53,13 +53,13 @@ <div class="modal-body"> Tsau! <br/> - Vaata, äri ajades peab ikka keelt oskama, vähemalt natukenegi - ilma soome keeleta tänapäeval enam bisnisit ei tee. + Vaata, äri ajades peab ikka keelt oskama, vähemalt natukenegi — ilma soome keeleta enam bisnisit ei tee. <br/> Nali on aga selles, et meil on nii palju sarnaseid sõnu, mis võivad tähendada hoopis teisi asju. Nii et keelt tundmata võid vastu pükse saada. Et paremini mõikaksid, millest ma räägin, kirjutasin sulle kirja. <br/><br/> <strong> - Leia sõnastikust soomekeelsetele sõnadele õiged tähendused ja kirjuta asemele eestikeelsed! Neid sõnu läheb sul nii Viru(o)s kui Soomes vaja! + Kirjuta soomekeelsete sõnade asmele eestikeelsed (vaata sõnastikku)! neid sõnu läheb sul nii Viru(o)s kui Soomes vaja! </strong> </div> diff --git a/rannak/mangud/direktor/baltikett/index.html b/rannak/mangud/direktor/baltikett/index.html index 1f8cbf4..2b51b0a 100644 --- a/rannak/mangud/direktor/baltikett/index.html +++ b/rannak/mangud/direktor/baltikett/index.html @@ -15,11 +15,8 @@ <h1 class="pb-1 pt-2">Balti kett</h1> <p> Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda). - Balti keti pikkust saad mõõta märkides alguspunkti ning seejärel liikuda klikkides - teekonna lõpuni. Selleks, et saada võimalikult täpne tulemus, - zoomi vastavalt vajadusele kaardile lähemale või kaugemale. - <br> - Mõõda Balti keti teekonna pikkus Eestis ning sinu kodukoha kaugus lähimast Balti keti punktist. + Balti keti pikkuse mõõtmiseks märgi alguspunkt ning liigu seejärel klikkides teekonna lõpuni. + Selleks, et saada võimalikult täpne tulemus, zoomi vastavalt vajadusele kaardile lähemale või kaugemale. </p> <div class="row"> @@ -55,13 +52,13 @@ <p> - <strong>Olen nüüd püüdnud julgelt uue ajaga sammu käia.</strong> + <strong>Olen püüdnud julgelt uue ajaga sammu käia.</strong> <br> <br> - 23.augustil 1989 aastal käisime kogu kooliperega Balti ketis, - see oli rahumeelne poliitiline meeleavaldus, mille eesmärgiks - oli demonstreerida maailmale Baltimaade vabadustahet ja juhtida + 23.augustil 1989. aastal käisime kogu kooliperega Balti ketis. + See oli rahumeelne poliitiline meeleavaldus, eesmärgiks näidata + maailmale Baltimaade vabadustahet ja juhtida tähelepanu NSV Liidu ja Saksamaa vahel poole sajandi eest sõlmitud - Molotovi-Ribbentropi paktile, mille salaprotokollid viisid Baltimaade + Molotovi-Ribbentropi paktile. Need salaprotokollid viisid Baltimaade okupeerimise ja annekteerimiseni NSV Liidu poolt. Meid oli Balti ketis kokku ligi 300 õpilast ja õpetajat, hoidsime kätest kinni ja tundsime, et oleme selle pika keti väärikas lüli. @@ -69,7 +66,7 @@ <br> <br> <strong> Kas käisid Balti ketis? Mõõda, kui pikk oli Balti keti teekond Eestis? - Kui kaugelt Balti kett sinu kodukohast möödus? Anna vastus kilomeetrites + Kui kaugelt Balti kett sinu kodukohast möödus? Anna vastus kilomeetrites. </strong> </p> diff --git a/rannak/mangud/direktor/kone/index.html b/rannak/mangud/direktor/kone/index.html index 0406ee6..9b66b0e 100644 --- a/rannak/mangud/direktor/kone/index.html +++ b/rannak/mangud/direktor/kone/index.html @@ -52,7 +52,7 @@ <div class="modal-body"> <p> Head ja usinad õpilased! 1. september on tähtis päev, mil pean alati sütitava kõne kooliaasta alguseks. - Olen ajast-aega kasutanud üht kõnepõhja, mille põhjal on igal aastal hea uut kõnet üles ehitada. + Olen ajast aega kasutanud üht kõnepõhja, mille alusel on igal aastal hea uut kõnet üles ehitada. Ent sel aastal seisab meil ees täiesti teistsugune 1. september! Esimene aktus, mis toimub vabas Eestis! Eesti Vabariigis ei saa ju õppeaastat alustada nii, kuis varem! </p> @@ -60,7 +60,7 @@ <strong> Palun aidake mul kõne ümber teha! Võtke välja kõik, mis on tagurlik, asendage kommunistlikud pöördumised eestimeelsetega ja leidke õiged sõnad, - mis sobivad uude ajastusse - esitamiseks 1. septembril 1991. + mis sobivad uude ajastusse — esitamiseks 1. septembril 1991. </strong> </p> </div> diff --git a/rannak/mangud/direktor/kone/script.js b/rannak/mangud/direktor/kone/script.js index 91bdd44..1904623 100644 --- a/rannak/mangud/direktor/kone/script.js +++ b/rannak/mangud/direktor/kone/script.js @@ -3,24 +3,29 @@ document.addEventListener('DOMContentLoaded', () => { btn.click(); }); +let koneText = ''; const kone = document.querySelector(".kone"); kone.addEventListener('input', () => { let koneWordCount = document.querySelector(".kone").innerHTML.split(' ').length; - if (koneWordCount > 100) + koneText = event.target.innerHTML; + + if (koneWordCount > 50) moveOnEnable(); }) + // If Done function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; localStorage.setItem("roll", "Direktori"); + localStorage.setItem("kone", koneText); btn.onclick = () => location.href = "../../../endPage"; } diff --git a/rannak/mangud/direktor/loosung/index.html b/rannak/mangud/direktor/loosung/index.html index dadd237..c6f79e6 100644 --- a/rannak/mangud/direktor/loosung/index.html +++ b/rannak/mangud/direktor/loosung/index.html @@ -17,7 +17,8 @@ <h1>Loosung</h1> <p> - Vali üks oluline sündmus ja koosta loosung! + Vali ja märgi üks oluline sündmus ning koosta loosung!<br> + NB! Loosungi tegemisel pead edasiliikumiseks kasutama kõiki valikuid. </p> <div class="text-center"> @@ -55,11 +56,11 @@ mõni rahvuslikult meelestatud üritus. Ole sinagi aktiivne ja tegutse Eesti hüvanguks! Mõtle, millisest üritusest soovid osa võtta: Hirvepargi miiting, Tartu muinsuskaitsepäevad, - Roheliste rattaretk Virumaal, Öölaulupidu, Balti kett, - Teletorni kaitsmine… ? + Roheliste rattaretk Virumaal, öölaulupidu, Balti kett, + teletorni kaitsmine. <br><br> <strong> - Et meeleolu oleks kohe alguses õige ja sinu mõtted + Meeleolu loomiseks ja selleks, et sinu mõtted oleks kaugele näha, vali üks sündmus ning pane kirja loosung! </strong> <p> diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html index 266b98d..19331bc 100644 --- a/rannak/mangud/kaitseliitlane/salakood/index.html +++ b/rannak/mangud/kaitseliitlane/salakood/index.html @@ -17,10 +17,9 @@ <h1>Kodeeritud sõnum</h1> <p> - Sõnumi igale numbrile vastab tähestikust üks täht. + Sõnumi igale numbrile vastab üks täht. <br> - Asenda numbrid tähega ning dešifreeri sõnum. - Rohelisega märgitud numbrid ei muutu. + Dešifreeri sõnum. Rohelisega märgitud numbrid ei muutu. </p> <div class="text-center"> @@ -95,7 +94,7 @@ Kui ma kuulsin, et teletorni rünnatakse, sõitsin kohe siia. <br/> Torni juures on ühelt poolt vene tankid ja teisalt sadu inimesi, - kes seda kaitsevad. Kuuldavasti kaitsevad tornis sidekeskust 4 kaitseliitlast, + kes seda kaitsevad. Kuuldavasti kaitsevad tornis sidekeskust neli kaitseliitlast, kes edastasid Soome YLES raadiole teate meie olukorrast. <br/> <strong> diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html index 9e44942..ea74ce4 100644 --- a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html +++ b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html @@ -15,8 +15,8 @@ <h1 class="pb-1 pt-2">Soomusmasinate teekond</h1> <p> Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda). - Vahemaa mõõtmiseks märgi oma kooli asukoht kaardile ning seejärel kliki märgitud - teekonnale. Selleks, et saada võimalikult täpne tulemus, zoomi vastavalt + Nüüd märgi kooli asukoht kaardile ning mõõda linnulennult kaugus soomusmasinate möödumiskohani. + Selleks, et saada võimalikult täpne tulemus, zoomi vastavalt vajadusele kaardile lähemale või kaugemale. </p> @@ -52,7 +52,7 @@ <div class="modal-body"> <strong>Tähelepanu! Tähelepanu! Erakorraline teadaanne!</strong> Üleeile, 19. augusti varahommikul kuulutati Moskvas välja - erakorraline olukord. Vanameelsed kommunistid andsid teada, + eriolukord. Vanameelsed kommunistid andsid teada, et võtavad võimu üle "riigi juhtimiseks ja erakorralise seisukorra režiimi tõhusaks elluviimiseks", kuna Mihhail Gorbatšovi tervislik seisund ei võimalda enam riiki juhtida. Algas putš. @@ -64,8 +64,9 @@ <br/><br/> <strong> Vaprad Eesti noored! Soomusmasinad on Eestis! Kui kaugelt - need sinu koolist möödusid? Nimeta kõige lähem geograafiline - koht või asula. Mõõda kilomeetrites. Ootan vastust! Side lõpp. + need sinu koolist möödusid? Mõõda kilomeetrites. + Nimeta see linn või asula. + Ootan vastust! Side lõpp. </strong> </div> diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html index ef95bc0..d799cb9 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/index.html +++ b/rannak/mangud/kaitseliitlane/sundmused/index.html @@ -46,18 +46,18 @@ </div> <div class="modal-body"> - Tunnen, et sündinuna sõjaeelses iseseisvas Eesti Vabariigis, + Tunnen, et sündinuna sõjaeelses Eesti Vabariigis, olen kui ühenduslüli kahe iseseisvusaja vahel. - See, mis toimub praegu, on ajalugu - meie iseseisvuse taastulemise lugu! + See, mis toimub praegu, on ajalugu — meie iseseisvuse taastulemise lugu! <br/> - Olen seda lugu talletanud oma fotoaparaadiga “Zenit”, sest kes minevikku - ei mäleta elab tulevikuta. Ja meil on tulevikku! + Olen seda lugu talletanud oma fotoaparaadiga Zenit, sest kes minevikku + ei mäleta, elab tulevikuta. Ja meil on tulevikku! <br/> - Noored eestlased! Me peame mäletama neid murrangulisi sündmuseid ja + Noored eestlased! Me peame mäletama neid murrangulisi sündmusi ja ei tohi neid unustada ka 30 aasta pärast! <br/> <strong> - Lehtise fotosid ja vaata, kas oskad pildi ja allkirja kokku viia? + Lehitse fotosid ja vaata, kas oskad pildi ja allkirja kokku viia? </strong> </div> @@ -108,7 +108,7 @@ </div> <div class="col-3 imgBox text-center"> - <img src="pildid/EVkuulutamine.jpg" alt="EV välja kuulutamine img"> + <img src="pildid/EV.png" alt="EV välja kuulutamine img"> <div id="EV" class="list"></div> </div> diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/EV.png b/rannak/mangud/kaitseliitlane/sundmused/pildid/EV.png Binary files differnew file mode 100644 index 0000000..4be9cf4 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/EV.png diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.bak.jpg Binary files differindex f462f69..f462f69 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg +++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.bak.jpg diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg Binary files differindex 0c2ac49..7e14f37 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg +++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css index 546c8c3..97e4bc8 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/styles.css +++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css @@ -43,14 +43,14 @@ img { background-color: #b2beb5; color: #21201E; margin: 0.5rem 0; - height: 2.5rem; + height: 3rem; border-radius: 8px; cursor: pointer; } .lists .list { background-color: rgba(0, 0, 0, 0.3); - min-height: 2.5rem; + min-height: 3rem; margin: .5rem; border-radius: 8px; } diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html index 23ce469..cde53af 100644 --- a/rannak/mangud/partorg/kuulsused/index.html +++ b/rannak/mangud/partorg/kuulsused/index.html @@ -14,7 +14,7 @@ <div class="container text-center text-white align-items-center pb-5"> <h1 class="pb-1 pt-2">Olulised isikud</h1> - <p>Ühenda isiku nimi ja nägu.</p> + <p>Vii nimi kokku fotoga.</p> <div class="row"> <div> @@ -49,7 +49,7 @@ <br/> Mõned neist inimestest mulle ei meeldi, natsionalistid! Kas ka teie tunnete neid inimesi? <br/> - Teeme proovi, <strong>ühendage nimi ja talle sobiv foto.</strong> + Teeme proovi, <strong>ühenda nimi ja foto.</strong> <br/> <br/> Huvitav kas neid inimesi mäletatakse ka aastate pärast? </div> @@ -91,7 +91,7 @@ <img src="pildid/laar.jpg" class="d-block" alt="Mart Laar img"> <div class="text"> <p> - 1990-1992 EV Ülemnõukogu, Eesti Muinsuskaitse Seltsi, Eesti Komitee, Eesti Kongressi liige. + 1990-1992 EV ülemnõukogu, Eesti Muinsuskaitse Seltsi, Eesti Komitee, Eesti Kongressi liige. </p> </div> <div id="laar" class="list"></div> @@ -101,7 +101,7 @@ <img src="pildid/lauristin.jpg" class="d-block" alt="Marju Lauristin img"> <div class="text"> <p> - 1990-1992 EV Ülemnõukogu liige, 1990 Eesti Komitee liige + 1990-1992 EV ülemnõukogu liige, 1990 Eesti Komitee liige </p> </div> <div id="lauristin" class="list"></div> @@ -112,7 +112,7 @@ <img src="pildid/ruutel.jpg" class="d-block" alt="Arnold Rüütel img"> <div class="text"> <p> - 1990-1992 EV Ülemnõukogu esimees. + 1990-1992 EV ülemnõukogu esimees. </p> </div> <div id="ruutel" class="list"></div> @@ -123,7 +123,7 @@ <img src="pildid/savisaar.jpg" class="d-block smallPic" alt="Savisaar img"> <div class="text"> <p> - Üks Rahvarinde loojatest, 1990 Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja. + Üks Rahvarinde loojatest, 1990 Eesti NSV valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja. </p> </div> <div id="savisaar" class="list"></div> diff --git a/rannak/mangud/partorg/plakat/index.html b/rannak/mangud/partorg/plakat/index.html index 9dc2bac..93ac138 100644 --- a/rannak/mangud/partorg/plakat/index.html +++ b/rannak/mangud/partorg/plakat/index.html @@ -47,9 +47,9 @@ </div> <div class="modal-body"> - Peale ajalehe väljalõigete olen aastate jooksul kogunud ja säilitanud meeleolukaid plakateid nõukogudeaja kuldsest elust. + Peale ajalehe väljalõigete olen aastate jooksul kogunud ja säilitanud meeleolukaid plakateid nõukogude aja kuldsest elust. <br/> - Jagan siinkohal teiega, seltsimehed noored, nelja nendest. Plakatid on pärit erinevatest aastakümnetest: <br/>1950ndad, 1960ndad, 1970ndad ja 1980ndad aastad. + Jagan siinkohal teiega, seltsimehed noored, nelja nendest. Plakatid on pärit erinevatest aastakümnetest: <br/>1950., 1960., 1970. ja 1980. aastad. <br/> <br/> Palun uurige nende plakatite sisu ja vormi. @@ -57,7 +57,7 @@ Õppige, õppige, õppige! Kas tajute, millisesse kümnendisse iga plakat kuulub? <br/> <br/> <strong> - Mõelge plakatitele välja uus, kaasaega sobiv lööklause. Samuti kaunistage ja täiendage plakatit kaasaegsete kunsiliste detailidega. Ka huumor on lubatud! + Mõetle igale plakatitele välja uus, kaasaega sobiv loosungi tekst! </strong> </div> @@ -73,15 +73,15 @@ <nav> <div class="nav nav-tabs" id="nav-tab" role="tablist"> - <button class="nav-link active" id="nav-60ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-60ndad" type="button" role="tab" aria-controls="nav-60ndad" aria-selected="true"> + <button class="nav-link active" id="nav-70ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-70ndad" type="button" role="tab" aria-controls="nav-70ndad" aria-selected="true"> 1 </button> - - <button class="nav-link" id="nav-70ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-70ndad" type="button" role="tab" aria-controls="nav-70ndad" aria-selected="false"> - 2 - </button> <button class="nav-link" id="nav-90ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-90ndad" type="button" role="tab" aria-controls="nav-90ndad" aria-selected="false"> + 2 + </button> + + <button class="nav-link" id="nav-60ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-60ndad" type="button" role="tab" aria-controls="nav-60ndad" aria-selected="false"> 3 </button> @@ -93,17 +93,21 @@ </div> </nav> - <div class="tab-content" id="nav-tabContent"> - - <div class="tab-pane fade show active p-3 text-white" id="nav-60ndad" role="tabpanel" aria-labelledby="nav-60ndad-tab"> + + + <!-- Containers --> + + <div class="tab-content" id="nav-tabContent"> + + <div class="tab-pane fade show active p-3 p-3 text-white" id="nav-70ndad" role="tabpanel" aria-labelledby="nav-70ndad-tab"> <div class="wrapper"> - <div class="plakatWrapper stalin"></div> + <div class="plakatWrapper veekogud"></div> - <div id="stalin" class="inputWrapper"> - <select id="stalin" class="50"> + <div id="veekogud" class="inputWrapper"> + <select id="veekogud" class="60"> <option disabled hidden selected>Vali</option> <option value="50">1950ndad</option> <option value="60">1960ndad</option> @@ -111,11 +115,10 @@ <option value="80">1980ndad</option> </select> - - <strong><label for="stalin">Lisa Tekst</label></strong> - <input disabled name="stalin" type="text" value=""/> + <strong><label for="veekogud">Lisa Tekst</label></strong> + <input disabled name="veekogud" type="text" value=""/> <button disabled class="muuda">Lisa</button> - + <div> <button disabled class="ules">↑</button> <button disabled class="alla">↓</button> @@ -132,18 +135,18 @@ </div> - </div> + </div> </div> - - <div class="tab-pane fade p-3 text-white" id="nav-70ndad" role="tabpanel" aria-labelledby="nav-70ndad-tab"> + + <div class="tab-pane fade p-3 text-white" id="nav-80ndad" role="tabpanel" aria-labelledby="nav-80ndad-tab"> <div class="wrapper"> - <div class="plakatWrapper veekogud"></div> + <div class="plakatWrapper malev pikkPlakat"></div> - <div id="veekogud" class="inputWrapper"> - <select id="veekogud" class="60"> + <div id="malev" class="inputWrapper"> + <select id="malev" class="70"> <option disabled hidden selected>Vali</option> <option value="50">1950ndad</option> <option value="60">1960ndad</option> @@ -151,8 +154,8 @@ <option value="80">1980ndad</option> </select> - <strong><label for="veekogud">Lisa Tekst</label></strong> - <input disabled name="veekogud" type="text" value=""/> + <strong><label for="malev">Lisa Tekst</label></strong> + <input disabled name="malev" type="text" value=""/> <button disabled class="muuda">Lisa</button> <div> @@ -176,18 +179,13 @@ - - - - - - <div class="tab-pane fade p-3 text-white" id="nav-80ndad" role="tabpanel" aria-labelledby="nav-80ndad-tab"> + <div class="tab-pane fade text-white" id="nav-60ndad" role="tabpanel" aria-labelledby="nav-60ndad-tab"> <div class="wrapper"> - <div class="plakatWrapper malev pikkPlakat"></div> + <div class="plakatWrapper stalin"></div> - <div id="malev" class="inputWrapper"> - <select id="malev" class="70"> + <div id="stalin" class="inputWrapper"> + <select id="stalin" class="50"> <option disabled hidden selected>Vali</option> <option value="50">1950ndad</option> <option value="60">1960ndad</option> @@ -195,10 +193,11 @@ <option value="80">1980ndad</option> </select> - <strong><label for="malev">Lisa Tekst</label></strong> - <input disabled name="malev" type="text" value=""/> + + <strong><label for="stalin">Lisa Tekst</label></strong> + <input disabled name="stalin" type="text" value=""/> <button disabled class="muuda">Lisa</button> - + <div> <button disabled class="ules">↑</button> <button disabled class="alla">↓</button> @@ -215,11 +214,12 @@ </div> - </div> + </div> </div> + <div class="tab-pane fade p-3 text-white" id="nav-90ndad" role="tabpanel" aria-labelledby="nav-90ndad-tab"> <div class="wrapper"> @@ -258,9 +258,6 @@ </div> - - - </div> </div> diff --git a/rannak/mangud/partorg/plakat/script.js b/rannak/mangud/partorg/plakat/script.js index 7b19edd..1435d10 100644 --- a/rannak/mangud/partorg/plakat/script.js +++ b/rannak/mangud/partorg/plakat/script.js @@ -15,38 +15,40 @@ let newTextBtns = document.querySelectorAll(".muuda"); newTextBtns.forEach(btn => { btn.addEventListener("click" , e => { + console.log("clicked"); for (el of e.target.parentElement.parentElement.childNodes[1].childNodes) { - console.log(el); if (el.classList != undefined && el.classList.contains("addedText")){ el.classList.remove("addedText"); - console.log('dingdong'); } } let inputText = e.target.parentElement.childNodes[5].value; + let mySpan = document.createElement('span'); mySpan.classList.add('addedText'); mySpan.classList.add('oldAddedText'); mySpan.innerHTML = inputText; + let parentEl= e.target.parentElement.parentElement.childNodes[1]; parentEl.appendChild(mySpan); mySpan.style.top = "50%"; mySpan.style.left = "35%"; - e.target.parentElement.childNodes[5].value = ''; + e.target.parentElement.childNodes[5].value = ''; if (!addedTexts.includes(parentEl.classList[1])) addedTexts.push(parentEl.classList[1]); + // Check If Done if (addedTexts.length >= 4) checkIfAllGood(); diff --git a/rannak/mangud/partorg/plakat/styles.css b/rannak/mangud/partorg/plakat/styles.css index 0ebe5f2..4010831 100644 --- a/rannak/mangud/partorg/plakat/styles.css +++ b/rannak/mangud/partorg/plakat/styles.css @@ -190,13 +190,10 @@ input:disabled{ } .pikkPlakat{ - height: 78vh; + height: 98vh; } .addedText, .oldAddedText { position: absolute; font-size: 1.5rem; } - - - diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html index 039f79b..2e1272d 100644 --- a/rannak/mangud/partorg/sonaragastik/index.html +++ b/rannak/mangud/partorg/sonaragastik/index.html @@ -14,10 +14,10 @@ <div class="container text-white text-center"> <h1>Sõnarägastik</h1> - <p>Lahenda sõnarägastik, leia üles kõik 10 sõna + <p>Leia üles kümme sõna. <br/> - Peale iga sõna leidmist vajuta <strong>"proovi"</strong> - , et see nimekirjas lahendatuna ära märkida. + Pärast iga sõna leidmist vajuta <strong>Proovi</strong>, + et see nimekirjas lahendatuna ära märkida. </p> @@ -59,12 +59,9 @@ Lugupeetud noored! Mul on teile veel üks huvitav ülesanne! <br/> - Meie kaasaeg ja kuulsusrikas nõukogude lähiminevik on ellu kutsunud mitmed huvitavad mõisted ja uudissõnad, kas ka teie tunnete neid? + Meie kaasaeg ja kuulsusrikas nõukogude lähiminevik on ellu kutsunud mitmed huvitavad mõisted ja uudissõnad. Kas tunned neid? <br/> - <strong>Leidke need mõisted ja uudissõnad sõnarägastikust.</strong> - <br/> - <strong>NB! Kontrolli sõnu ükshaaval.</strong> - + <strong>Leia need mõisted ja uudissõnad sõnarägastikust.</strong> </div> @@ -85,46 +82,47 @@ <ol> <li> - <strong class="Vdefitsiit">DEFITSIIT</strong> ehk liigne nõudlus - olukord, kus nõudlus toote või teenuse järele ületab pakkumise turul. Nõukogude plaanimajanduse tulemus. + <strong class="Vdefitsiit">DEFITSIIT</strong> ehk liigne nõudlus — olukord, kus nõudlus toote või teenuse järele ületab pakkumise turul. Nõukogude plaanimajanduse tulemus. </li> <li> - <strong class="VletialuneKaup">LETIALUNE KAUP</strong> - kaup, mida avalikult müügil polnud. sai kaup-kauba (kaup-teenuse) vastu, tutvuste kaudu + <strong class="VletialuneKaup">LETIALUNE KAUP</strong> — kaup, mida avalikult müügil polnud, sai vahetada kaup või teenuste vastu, tutvuste kaudu. </li> <li> - <strong class="Vtalongid">TALONGID</strong> - 1989-91 ostutalongid nt seebi, pesu, viina, tangainete, jahu, pesupulbri jm ostmiseks. Neid jaotati inimese kohta, et seda vähest saadaolevat kaupa jätkuks enam-vähem võrdselt. + <strong class="Vtalongid">TALONGID</strong> — 1989-91 ostutalongid nt seebi, pesu, viina, tangainete, jahu, pesupulbri jm ostmiseks. Talonge jagati kõigi inimeste vahel võrdselt (nt alkoholitalonge sai nii imik kui täiskasvanu sama palju). </li> <li> - <strong class="Vvaluuta">VALUUTAPOOD</strong> - Seal müüdi seda, mis tavalises poes oli defitsiit. Valuutapoodi tavainimesel asja ei olnud, kuna valuuta omamine oli kriminaalkorras karistatav. Sinna poodi sai ainult koos välismaa sugulase/külalisega. + <strong class="Vvaluuta">VALUUTAPOOD</strong> — seal müüdi seda, mis tavalises poes oli defitsiit. Valuutapoodi tavainimesel asja ei olnud, kuna valuuta omamine oli kriminaalkorras karistatav. Sinna poodi sai ainult koos välismaa sugulase/külalisega. </li> <li> - <strong class="Vtsaika">TŠAIKA.</strong> Limusiin, millega sõitsid kõige tähtsamad tegelased.(GAZ M13 ja M14). + <strong class="Vtsaika">TŠAIKA.</strong> Limusiin, millega sõitsid kõige tähtsamad tegelased (GAZ M13 ja M14). </li> <li> - <strong class="Vmaantee">MAANTEEMUHK.</strong> Väikeauto, ametliku nimega Zaporožets. ( või ZAZ 965) + <strong class="Vmaantee">MAANTEEMUHK.</strong> Väikeauto, ametliku nimega Zaporožets ( või ZAZ 965). </li> <li> <strong class="Vplaanimajandus">PLAANIMAJANDUS.</strong> Kuna riik otsustas, kui palju mingit kaupa toodetakse, - oli asju tavaliselt kas üle (nt povidlo) või puudu (nt viinerid, defitsiit!). + oli asju tavaliselt kas üle (nt povidlo) või puudu (nt viinerid). </li> <li> <strong class="Vpiiritsoon">PIIRITSOON.</strong> Suur osa Põhja-Eesti rannikust, samuti saared. Piiritsooni pääses sissekirjutuse või küllakutsega (nt Saaremaale, Hiiumaale). Enamasti asusid piiritsoonis rohkem või vähem salajased - sõjaväeobjektid. Paldiski ja Sillamäe olid kinnised linnad, ei pääsenud ka küllakutsega. + sõjaväeobjektid. Paldiski ja Sillamäe olid kinnised linnad, kuhu ei pääsenud ka küllakutsega. </li> <li> - <strong class="Vredis">REDIS.</strong> End ebasiiralt Nõukogude võimu pooldajaks kuulutav isik. “Kohaneja”. + <strong class="Vredis">REDIS.</strong> Inimene, kes sisimas ei toeta nõukogude (punast) režiimi, ent väliselt on justkui kohanenud sellega. + Redise analoogias "pealt punane, seest valge". </li> <li> - <strong class="Vrubla">RUBLA.</strong> Nõukogude Liidu valuuta. 1991. aastaks sisuliselt maksejõuetu raha. + <strong class="Vrubla">RUBLA.</strong> Nõukogude Liidu valuuta. 1991. aastaks maksejõuetu raha. </li> </ol> diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html index 607d897..2daf171 100644 --- a/rannak/mangud/perenaine/kuulamine/index.html +++ b/rannak/mangud/perenaine/kuulamine/index.html @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="UTF-8"> - <title>Kuulamine</title> + <title>Sukkpüksid</title> <!-- Bootstrap - CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> @@ -13,7 +13,7 @@ <div class="container text-white text-center"> - <h1>Kuulamine</h1> + <h1>Sukkpüksid</h1> <p> Kuula helifaili ja/või loe teksti ning täida tabel! @@ -57,15 +57,16 @@ <p> Aga nüüd on mul mustriga importsukkpükse vaja! Läheme perega laupäeval onutütre sünnipäevale ja tuleb välja, et just selliseid sukkpükse ongi ta igatsenud. - Ta nägi neid moekataloogis - OTTO või Burda või Siluett, + Ta nägi neid moekataloogis, kas OTTOs või Burdas või Siluetis, ei mäletagi enam täpselt kus. </p> <br/> <p> - Igatahes on mul neid sukkpükse vaja. Poest selliseid loomulikult ei saa, aga nn vorst-vorsti vastu, - vahetuskaubana, on see kindlasti võimalik. Apteekrina on mul ligipääs defitsiitsetele ravimitele, + Igatahes on mul neid sukkpükse vaja. Poest selliseid loomulikult ei saa, aga nn vorst vorsti vastu, + vahetuskaubana, on see kindlasti võimalik. Apteekrina on mul ligipääs defitsiitsetele ravimitele, + mis on hea vahetuskaup. <strong> - aga kellega ma peaksin neid vahetama, et lõpuks sukkpüksid kätte saada? + Mõtleme koos, kuidas teha vahetus nii, et ma lõpuks jõuan sukkpüksteni? </strong> </p> </div> @@ -88,6 +89,83 @@ </audio> + <div class="tableWrapper"> + <h3 class="minuPlaan">MINU SUKKPÜKSTE HANKIMISE PLAAN:</h3> + <p>NB: Sisesta vastused nimetavas käändes.</p> + + + <table class="table table-dark table-striped"> + <tr> + <td></td> + <td><strong>I Vahetus</strong></td> + <td><strong>II Vahetus</strong></td> + <td><strong>III Vahetus</strong></td> + <td><strong>IV Vahetus</strong></td> + </tr> + <tr> + <td><strong>Annan</strong></td> + + <td> + <table class="table table-dark table-striped"> + <tr> + <td class="toBeEdited">Kellele </td> + </tr> + <tr> + <td class="toBeEdited">Mida </td> + </tr> + </table> + </td> + + <td> + <table class="table table-dark table-striped"> + <tr> + <td class="toBeEdited">Kellele </td> + </tr> + <tr> + <td class="toBeEdited firstCheck">Mida </td> + </tr> + </table> + </td> + + <td> + <table class="table table-dark table-striped"> + <tr> + <td class="toBeEdited">Kellele </td> + </tr> + <tr> + <td class="toBeEdited secCheck">Mida </td> + </tr> + </table> + </td> + + <td> + <table class="table table-dark table-striped"> + <tr> + <td class="toBeEdited">Kellele </td> + </tr> + <tr> + <td class="toBeEdited thirdCheck">Mida </td> + </tr> + </table> + </td> + + </tr> + + <tr> + <td><strong>Saan</strong></td> + <td class="toBeEdited firstCheck">Mille</td> + <td class="toBeEdited secCheck">Mille</td> + <td class="toBeEdited thirdCheck">Mille</td> + <td class="toBeEdited finalCheck">Mille</td> + </tr> + </table> + </div> + + + + + + <p> Tean, et <strong>traktorist Jüril</strong> on radikuliit. Temale saaksin küll ravimeid viia, aga tal ei ole sukkpükse, @@ -162,77 +240,6 @@ No ongi justkui kõik, kes mulle meelde tulevad. </p> - <div class="tableWrapper"> - <h3 class="minuPlaan">MINU SUKKPÜKSTE HANKIMISE PLAAN:</h3> - <p>NB: Sisesta vastused nimetavas käändes.</p> - - - <table class="table table-dark table-striped"> - <tr> - <td></td> - <td><strong>I Vahetus</strong></td> - <td><strong>II Vahetus</strong></td> - <td><strong>III Vahetus</strong></td> - <td><strong>IV Vahetus</strong></td> - </tr> - <tr> - <td><strong>Annan</strong></td> - - <td> - <table class="table table-dark table-striped"> - <tr> - <td class="toBeEdited">Kellele </td> - </tr> - <tr> - <td class="toBeEdited">Mida </td> - </tr> - </table> - </td> - - <td> - <table class="table table-dark table-striped"> - <tr> - <td class="toBeEdited">Kellele </td> - </tr> - <tr> - <td class="toBeEdited firstCheck">Mida </td> - </tr> - </table> - </td> - - <td> - <table class="table table-dark table-striped"> - <tr> - <td class="toBeEdited">Kellele </td> - </tr> - <tr> - <td class="toBeEdited secCheck">Mida </td> - </tr> - </table> - </td> - - <td> - <table class="table table-dark table-striped"> - <tr> - <td class="toBeEdited">Kellele </td> - </tr> - <tr> - <td class="toBeEdited thirdCheck">Mida </td> - </tr> - </table> - </td> - - </tr> - - <tr> - <td><strong>Saan</strong></td> - <td class="toBeEdited firstCheck">Mille</td> - <td class="toBeEdited secCheck">Mille</td> - <td class="toBeEdited thirdCheck">Mille</td> - <td class="toBeEdited finalCheck">Mille</td> - </tr> - </table> - </div> </div> <!-- End of main class--> diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html index 30970c2..14520f4 100644 --- a/rannak/mangud/perenaine/memori/index.html +++ b/rannak/mangud/perenaine/memori/index.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> - <title>Talongimemory</title> + <title>Talongi-memory</title> <!-- Bootstrap - CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> @@ -13,8 +13,8 @@ <div class="left"> <div class="left-text"> - <h1>Talongimemory</h1> - <p>Mängu läbimiseks leia üles kõik kümme talongipaari</p> + <h1>Talongi-memory</h1> + <p>Leia üles kõik kümme talongipaari</p> </div> <!-- Button trigger modal --> @@ -43,8 +43,8 @@ No on alles aeg! Poelettidel valitseb selline tühjus, et tikutoosigi pole osta! <br/> Talongimajandus leevendab olukorda niipalju, et nüüd on vähemalt VÕIMALUS midagi saada! Sest ega talong ju kaupa poes ei kindlusta. Kui kell 16 tööl lõpetan, lähen kohe järjekorda. <br/> Kell 17 pannakse kaup välja. Kunagi ei tea, kas õnnestub midagi saada või lõpeb kaup enne otsa. <br/> <br/> - Talongide peal on esmatarbe kaup: <br/> - <strong>või, nisujahu, tangained, makaronitooted, sool, suhkur, alkohol, tuletikud, wc paber, pesupulber. Nii tore oleks, kui saaks neid kõiki topelt! Talongimemoiin aitab!</strong> + Talongide saab esmatarbe kaupa: <br/> + <strong>või, nisujahu, tangained, makaronitooted, sool, suhkur, alkohol, tuletikud, WC-paber, pesupulber. Nii tore oleks, kui saaks neid kõiki topelt! Talongi-memory aitab!</strong> </div> @@ -157,13 +157,13 @@ <div class="memory-card" data-framework="wcpaber"> <img class="front-face" src="img/wcpaber.svg" alt="Wcpaber" /> - <span class="talong-text">Wc-paber</span> + <span class="talong-text">WC-paber</span> <img class="back-face" src="img/taga.svg" alt="taga" /> </div> <div class="memory-card" data-framework="wcpaber"> <img class="front-face" src="img/wcpaber.svg" alt="wcpaber" /> - <span class="talong-text">Wc-paber</span> + <span class="talong-text">WC-paber</span> <img class="back-face" src="img/taga.svg" alt="taga" /> </div> diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html index 99b7721..9697a22 100644 --- a/rannak/mangud/perenaine/ristsona/index.html +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -64,14 +64,13 @@ <div class="modal-body"> - Täna õhtul tulevad meile külalised - kolm töökaaslast abikaasadega. <br/> + Täna õhtul tulevad meile külalised, kolm töökaaslast abikaasadega. <br/> Katan elutuppa linaga laua, nii saan oma uut kohviserviisi ning kristallkausse näidata! <br/> - Pakun neile suitsuvorsti ja juustuga võileibu, millele lõikan kenad tomatiroosid. Kindlasti täidetud mune, marineeritud tomateid ja seeni. <br/> - Magusaks küpsetan purukooki mustsõstramoosiga, muidugi pakun juurde ka kohvi. <br/> + Pakun neile suitsuvorsti ja juustuga võileibu, millele lõikan kenad tomatiroosid, ja kindlasti täidetud mune, marineeritud tomateid ja seeni. <br/> + Magusaks küpsetan purukooki mustsõstramoosiga, mille juurde pakun ka lahustuvat kohvi. <br/> <br/> - Ja muidugi ei puudu korralikult pidulaualt kartulisalat! Mul õnnestus täna poest kõik tarvilik hankida! <br/> - <strong>Pärast ristsõna lahendamist oskad sinagi salatit teha!</strong> - + Mul õnnestus täna poest hankida kõik tarvilik roa jaoks, mis ei tohi korralikult peolaualt puududa!<br/> + <strong>Pärast ristsõna lahendamist oskad sinagi seda teha!</strong> </div> </div> @@ -88,8 +87,8 @@ <div class="left text-center text-white"> <ol> <li> - Köögivili, mida kasvatatakse nii kasvuhoones kui avamaal. Selles toidus kasutatakse nii - värskelt, marineeritult kui hapendatult. + Köögivili, mida kasvatatakse nii kasvuhoones kui avamaal (selles toidus kasutatakse nii + värskelt, marineeritult kui hapendatult). </li> <li> @@ -109,7 +108,7 @@ </li> <li> - Sellel maitseainele olevat ehitatud keskaegne Tallinn. + Sellele maitseainele olevat ehitatud keskaegne Tallinn. </li> </ol> @@ -357,7 +356,7 @@ </li> <li> - Hapendatud piimatoode, mida eestlased armastavad süüa iga roaga. + Hapendatud piimatoode, mida eestlastele meeldib süüa iga roaga. </li> <li> diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html index a55c8fe..9a944dc 100644 --- a/rannak/mangud/uliopilane/ajatelg/index.html +++ b/rannak/mangud/uliopilane/ajatelg/index.html @@ -48,10 +48,10 @@ <div class="modal-body"> Hei, noored! <br/><br/> - Täna öösel, 20. augustil kell 23.03 võttis Eesti Vabariigi Ülemnõukogu vastu otsuse Eesti riiklikust iseseisvusest! Eesti on taas vaba! - Ent selle saavutamine polnud kerge. Murrangulistel aegandel toimuvad murrangulised sündmused ning mul on hea meel, et sain nendest osa! + Täna öösel, 20. augustil kell 23.03 võttis Eesti Vabariigi ülemnõukogu vastu otsuse Eesti riiklikust iseseisvusest! Eesti on taas vaba! + Ent selle saavutamine polnud kerge. Keerulistel aegadel toimuvad murrangulised sündmused ning mul on hea meel, et sain nendest osa! <br/> - <strong>Paiguta Eesti taasisesesivumiseni viinud sündmused ajateljel õigesse järjekorda!</strong> + <strong>Paiguta Eesti taasisesesivuseni viinud sündmused ajateljel õigesse järjekorda!</strong> <br/> Sündmus paigutub ajateljel vaid sellele sobivasse kohta. </div> @@ -69,16 +69,16 @@ <div class="col-4 position-fixed"> <div class="list col startBasket text-center"> - <div id="eestiKeel" class="list-item" draggable="true">ENSV Keeleseadus, eesti keel riigikeeleks</div> + <div id="eestiKeel" class="list-item" draggable="true">ENSV keeleseadus, eesti keel riigikeeleks</div> <div id="hirvepark" class="list-item" draggable="true">Hirvepargi meeleavaldus</div> - <div id="iseseisvus" class="list-item" draggable="true">Ülemnõukogu otsus Eesti riiklikust iseseisvusest</div> + <div id="iseseisvus" class="list-item" draggable="true">Ülemnõukogu otsus Eesti riikliku iseseisvuse kohta</div> <div id="kett" class="list-item" draggable="true">Balti kett Tallinnast Vilniuseni</div> <div id="august" class="list-item" draggable="true">Augustiputš</div> <div id="lipp" class="list-item" draggable="true">Eesti lipp taas Pika Hermanni tornis</div> <div id="muinsuskaitse" class="list-item" draggable="true">Tartu muinsuskaitsepäevad</div> <div id="fosforiit" class="list-item" draggable="true">Fosforiidisõda</div> <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead</div> - <div id="kongress" class="list-item" draggable="true">Eesti Kongress esimene istungijärk</div> + <div id="kongress" class="list-item" draggable="true">Eesti Kongressi esimene istungijärk</div> <div id="laulevRev" class="list-item" draggable="true">Laulev revolutsioon, öölaulupeod</div> <div id="muusikapaevad" class="list-item" draggable="true"> 9. Tartu levimuusikapäevad diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html index 13049f8..3b352cf 100644 --- a/rannak/mangud/uliopilane/tSark/index.html +++ b/rannak/mangud/uliopilane/tSark/index.html @@ -40,17 +40,17 @@ </div> <div class="modal-body"> - 1988. aastal kursakaaslastega rattaretkele “Kuidas elad, Virumaa?” minnes, tegime omale kollased <a target="#" href="https://www.muis.ee/museaalview/524370">särgid</a> sõnumiga “Fosforiit? Tänan, ei!”. + 1988. aastal kursakaaslastega rattaretkele “Kuidas elad, Virumaa?” minnes tegime endale kollased <a target="#" href="https://www.muis.ee/museaalview/524370">särgid</a> sõnumiga “Fosforiit? Tänan, ei!”. <br/> - Et sõnum oleks selge ja nähtav - me oleme fosforiidikaevanduse vastu! + Ikka selleks, et sõnum oleks selge ja nähtav - me oleme fosforiidikaevanduse vastu! <br/> - Järgmisel aastal Uderna arheoloogilistel väljakaevamistel anti meile ristkülikukujulised kangatükid, <a target="#" href="https://www.muis.ee/museaalview/3159061">mille</a> esiküljele oli trükitud sinimustvalge lipp ja keraamiline pott ja tagaküljele tekst “Uderna arheoloogiline ekspeditsioon”. + Järgmisel aastal Uderna arheoloogilistel väljakaevamistel anti meile ristkülikukujulised kangatükid, <a target="#" href="https://www.muis.ee/museaalview/3159061">mille</a> esiküljele oli trükitud sinimustvalge lipp ja keraamiline pott ning tagaküljele tekst “Uderna arheoloogiline ekspeditsioon”. <br/> - See tähendas, et ajame ka välitöödel eesti asja! Sellest kangast tuli siis ise särk õmmelda, nii et lõikelt kujunesid need üsna erinevateks. + See tähendas, et ajame ka välitöödel Eesti asja! Sellest kangast tuli siis ise särk õmmelda, nii et lõikelt kujunesid need üsna erinevaks. <br/> Kandsin särki ka hiljem uhkusega mitmesugustel üritustel, tundsin end vaprana ja repressioone ei kartnud. <br/> <br/> - <strong>Milline laulva revolutsiooni sündmustest sulle kõige tähelepanuväärsem tundub? Kujunda meelsuse väljendamiseks omale T-särk, mõtle välja loosung ja kujundus.</strong> + <strong>Milline laulva revolutsiooni sündmus sulle kõige tähelepanuväärsem tundub? Kujunda meelsuse väljendamiseks omale T-särk, mõtle välja loosung ja kujundus.</strong> </div> </div> @@ -77,7 +77,7 @@ Pildi võid otsida veebist või valida ka oma arvutist. <br/> <br/> - <span class="kuiEiLeiaTeksti">Kui sa ei leia teksti, siis tõenöoliselt on see pildi all :)</span> + <span class="kuiEiLeiaTeksti">Kui sa ei leia teksti, siis tõenäoliselt on see pildi all :)</span> </p> <div> diff --git a/rannak/mangud/uliopilane/utlused/index.html b/rannak/mangud/uliopilane/utlused/index.html index c411057..848d1bd 100644 --- a/rannak/mangud/uliopilane/utlused/index.html +++ b/rannak/mangud/uliopilane/utlused/index.html @@ -4,7 +4,7 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Ajastu laused</title> + <title>Ajastu mõtteterad</title> <link rel="stylesheet" href="utlused.css"> <link rel="stylesheet" type=text/css href="utlused.css"> @@ -48,7 +48,7 @@ <div class="text-center text-white align-items-center pealkiri"> - <h1 class="pb-1 pt-2">Ajastu laused</h1> + <h1 class="pb-1 pt-2">Ajastu mõtteterad</h1> <div class="upperWrapper"> <p>Ühenda omavahel tsitaadid ja nende autorid.</p> <button class="moveOn" disabled>Liigu Edasi</button> @@ -83,7 +83,7 @@ <div class="empty "> - <div class="drag draggable" draggable="true" style="color: #377f44;" id="interrinne"> Interrinde toeatjad </div> + <div class="drag draggable" draggable="true" style="color: #377f44;" id="interrinne"> Interrinde toetajad </div> </div> <div class="empty "> @@ -99,17 +99,17 @@ <div class="container"> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään!"(A. Mattiiseni laul 1988)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään!"(A. Mattiisen 1988)</span></div> <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii!"(Eestimaa Laul 11.09.1988)</span></div> </div> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse!"(15.05.1990)</span></div> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega"(ans. Justamendi laul 1987)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan — Toompead rünnatakse!"(15.05.1990)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega"(ans Justament 1987)</span></div> </div> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!"(15.05.1990)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!*"(15.05.1990)<br><small><i>*Arnold Rüütel, tule üksi välja!</i></small></span></div> <div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad."(15.05.1990)</span></div> </div> diff --git a/rannak/rolliValik/index.html b/rannak/rolliValik/index.html index 6281ef1..56512d7 100644 --- a/rannak/rolliValik/index.html +++ b/rannak/rolliValik/index.html @@ -3,7 +3,7 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=, initial-scale=1.0"> - <title>Rolli valik</title> + <title>Tegelase valik</title> <link rel="stylesheet" href="rolliValik.css"> <!-- Bootstrap - CSS only --> @@ -13,14 +13,12 @@ <body class="bg-dark"> <div class="container text-center text-white align-items-center pb-5"> - <h1 class="pb-1 pt-2">Rollide valik</h1> + <h1 class="pb-1 pt-2" style="color: #FFB673"><strong>Tegelase valik</strong></h1> <p> - Vali kaks rolli. Kõige paremini täiustavad teineteist: + Vali kaks tegelast. Kõige paremini täiustavad teineteist: <br> <strong>üliõpilane</strong> ja <strong>partorg</strong>, - <br> <strong>kaitseliitlane</strong> ja <strong>perenaine</strong>, - <br> <strong>koolidirektor</strong> ja <strong>ärimees</strong>. </p> </div> @@ -48,7 +46,7 @@ <h5 class="card-title"><strong>Kaitseliitlane</strong></h5> <p class="card-text"> Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, - sest vanaisa ja isa olid Eesti ajal Kaitseliitlased – nagu nüüd minagi. + sest vanaisa ja isa olid Eesti ajal kaitseliitlased – nagu nüüd minagi. </p> <a href="../mangud/kaitseliitlane/sundmused" class="btn btn-lg btn-dark">Vali!</a> </div> @@ -62,8 +60,7 @@ <div class="card-body"> <h5 class="card-title"><strong>Koolidirektor</strong></h5> <p class="card-text"> - <br/> - Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad. + Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad, vanavanemad aga talupidajad. </p> <a href="../mangud/direktor/baltikett" class="btn btn-lg btn-dark">Vali!</a> </div> @@ -101,11 +98,11 @@ <div class="card h-100"> <img src="pildid/arimees.png" class="card-img-top" alt="Ärimehe Pilt"> <div class="card-body"> - <h5 class="card-title"><strong>Ärimees</strong></h5> + <h5 class="card-title"><strong>Ärikas</strong></h5> + <br> <p class="card-text"> Olen Toivo, omadele Toits. Olen eluaeg Tallinnas elanud. - <br> - Juba poisikesena hakkasin ma väikestviisi äri ajama + Juba poisikesena hakkasin ma väikestviisi äri ajama ja tagasi pole vaadanud. </p> <a href="../mangud/arimees/soome" class="btn btn-lg btn-dark">Vali!</a> </div> @@ -27,7 +27,7 @@ body { .logo { - height: 3.7rem; + height: 4rem; width: auto; } @@ -45,6 +45,7 @@ footer p { text-align: center; align-items: center; justify-content: center; + margin-bottom: .77rem; } @@ -59,10 +60,9 @@ footer p { height: 85%; border-radius: 10px; width: auto; - background-color: #90949b; + background-color: #d5d8de; background-image: url('img/rahvas.jpg'); background-size: cover; - background-position: 50% 57%; background-blend-mode: multiply; } @@ -87,13 +87,3 @@ footer p { font-weight: 888; } - - -/* Accordion */ -.accordion-item, .accordion-header, .accordion-button{ - background-color: transparent !important; - border: none !important; - text-decoration: none !important; -} - - |
