finalFixes

Former-commit-id: 7fcc5cc7033804bb7e56b0ce5d3d77a6c2413236

10 files changed, 54 insertions, 106 deletions

diff --git a/lehed/juhend/img/audentes.jpg b/lehed/juhend/img/audentes.jpg
new 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
deleted 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
index 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
deleted 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
index 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
deleted 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
new 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
deleted 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;
 }
+