diff options
author | Rasmus <rasmus.luha@gmail.com> | 2023-06-10 16:45:12 +0300 |
---|---|---|
committer | Rasmus <rasmus.luha@gmail.com> | 2023-06-10 16:45:12 +0300 |
commit | ac3bfb7728e9324e6a21035e7b321649550c60cb (patch) | |
tree | e467ad4fcf4b83f1d6aa6f9d8613ee7d0534bfc9 /rannak/mangud/partorg | |
parent | 562fd4eb2551cf26c19d619bdf00dbd965fb11d5 (diff) |
finalFixes
Former-commit-id: 7fcc5cc7033804bb7e56b0ce5d3d77a6c2413236
Diffstat (limited to 'rannak/mangud/partorg')
-rw-r--r-- | rannak/mangud/partorg/kuulsused/index.html | 12 | ||||
-rw-r--r-- | rannak/mangud/partorg/plakat/index.html | 81 | ||||
-rw-r--r-- | rannak/mangud/partorg/plakat/script.js | 8 | ||||
-rw-r--r-- | rannak/mangud/partorg/plakat/styles.css | 5 | ||||
-rw-r--r-- | rannak/mangud/partorg/sonaragastik/index.html | 34 |
5 files changed, 67 insertions, 73 deletions
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> |