sõnarägastik done + add to index

author: Rasmus Luha <rasmus.luha@gmail.com> 2022-10-31 00:08:28 +0200
committer: Rasmus Luha <rasmus.luha@gmail.com> 2022-10-31 00:08:28 +0200
commit: 4125072dbedaa6dc4f185e801bc8f30c12237125 (patch)
tree: 1d4d3d2f6441122ad93da7c25d2768f05f1aaa29
parent: 91b1b6d3305606717e3cdf0c4756571a5a84f95c (diff)
4 files changed, 561 insertions, 1 deletions
diff --git a/rannak/mangud/index.html b/rannak/mangud/index.html
index 8e5775f..a5c8389 100644
--- a/rannak/mangud/index.html
+++ b/rannak/mangud/index.html
@@ -44,7 +44,7 @@
       <h3>Partorg</h3>
 	  <ol>
 		<li><a href="kaitseliitlane/kuulsused">Kuulsused (Kaitsellitlase link, vaja teised pildid)</a></li>
-		<li></li>
+		<li><a href="partorg/sonaragastik">Sõnarägastik</li>
 		<li></li>
 	  </ol>
 	</div>
diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html
new file mode 100644
index 0000000..cdbd77d
--- /dev/null
+++ b/rannak/mangud/partorg/sonaragastik/index.html
@@ -0,0 +1,363 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+
+  <title>Sõnarägastik</title>
+
+  <link rel="stylesheet" href="style.css">
+  <!-- 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">
+</head>
+
+<body>
+
+
+    <!-- Sõnad vasakul -->
+
+	<div class="main">
+
+	  <div class="left text-center text-white">
+		<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.
+          </li>
+
+		  <li>
+            <strong class="VletialuneKaup">LETIALUNE KAUP</strong> - kaup, mida avalikult müügil polnud. sai kaup-kauba (kaup-teenuse) 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.
+          </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.
+          </li>
+
+		  <li>
+            <strong class="Vtsaika">TŠAIKA.</strong> Limusiin, millega sõitsid kõige tähtsamad tegelased.(GAZ M13 ja M14).
+          </li>
+
+	      <li>
+            <strong class="Vmaanteemuhk">MAANTEEMUHK.</strong> Väikeauto, ametliku nimega Zaporožets. ( või ZAZ 965)
+          </li>
+
+		  <li>
+            <strong class="Vtuusik">TUUSIK</strong>. Neid jagasid töökohtade ametiühingukomiteed. Olenevalt tuusikust sai minna kas mõne vennasvabariigi puhkekodusse, sanatooriumisse või turismibaasi või näiteks turismirongiga Poola, Saksa Demokraatlikku Vabariiki vm sotsmaale.
+          </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!).
+          </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.
+          </li>
+
+		  <li>
+            <strong class="Vredis">REDIS.</strong> End ebasiiralt Nõukogude võimu pooldajaks kuulutav isik. “Kohaneja”.
+          </li>
+
+		  <li>
+            <strong class="Vredis">RUBLA.</strong> Nõukogude Liidu valuuta. 1991. aastaks sisuliselt maksejõuetu raha.
+          </li>
+
+		</ol>
+	  </div>
+
+
+	<!-- Sõnarägastik -->
+      <div class="right">
+    <div class="container text-white text-center">
+	  <h1>Sõnarägastik</h1>
+	  <p>Lahenda sõnarägastik, leia üles kõik 11 sõna</p>
+
+
+	  <div class="text-center">
+
+		<div class="col">
+          <button class="moveOn" disabled>Liigu Edasi</button>
+		</div>
+
+        <div class="text-center inputBox">
+          <button type="button" class="subBtn subDisabled" onclick="proovi();">Proovi</button>
+          <div class="messageBox">
+            siia tekib info
+          </div>
+
+        </div>
+
+
+	  </div>
+    </div>
+
+
+
+	<table class="text-center text-white">
+
+      <!-- Essa Rida-->
+	  <tr>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="tsaika"><span>T</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>P</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- Tessa Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>V</span></td>
+		<td></td>
+		<td></td>
+		<td class="tsaika"><span>Š</span></td>
+		<td class="tuusik"><span>T</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>L</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- Kolmas Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>A</span></td>
+		<td></td>
+		<td></td>
+		<td class="tsaika"><span>A</span></td>
+		<td></td>
+		<td class="tuusik"><span>U</span></td>
+		<td></td>
+		<td></td>
+		<td class="redis"><span>R</span></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>A</span></td>
+		<td class="rubla"><span>R</span></td>
+		<td></td>
+	  </tr>
+
+      <!-- Neljas Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta letialuneKaup"><span>L</span></td>
+		<td class="letialuneKaup"><span>E</span></td>
+		<td class="letialuneKaup"><span>T</span></td>
+		<td class="letialuneKaup tsaika"><span>I</span></td>
+		<td class="letialuneKaup"><span>A</span></td>
+		<td class="letialuneKaup"><span>L</span></td>
+		<td class="letialuneKaup tuusik"><span>U</span></td>
+		<td class="letialuneKaup"><span>N</span></td>
+		<td class="letialuneKaup redis"><span>E</span></td>
+		<td class="letialuneKaup"><span>K</span></td>
+		<td class="letialuneKaup plaanimajadnus"><span>A</span></td>
+		<td class="letialuneKaup rubla"><span>U</span></td>
+		<td class="letialuneKaup"><span>P</span></td>
+	  </tr>
+      
+      <!-- Viies Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>U</span></td>
+		<td></td>
+		<td></td>
+		<td class="tsaika"><span>K</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="tuusik"><span>S</span></td>
+		<td class="redis"><span>D</span></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>N</span></td>
+		<td class="rubla"><span>B</span></td>
+		<td></td>
+	  </tr>
+
+      <!-- Kuues Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>U</span></td>
+		<td></td>
+		<td></td>
+		<td class="tsaika"><span>A</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="redis tuusik"><span>I</span></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>I</span></td>
+		<td class="rubla"><span>L</span></td>
+		<td></td>
+	  </tr>
+
+      <!-- Seitsmes Rida-->
+	  <tr>
+		<td></td>
+		<td class="talongid valuuta"><span>T</span></td>
+		<td class="talongid"><span>A</span></td>
+		<td class="talongid"><span>L</span></td>
+		<td class="talongid"><span>O</span></td>
+		<td class="talongid"><span>N</span></td>
+		<td class="talongid"><span>G</span></td>
+		<td class="talongid"><span>I</span></td>
+		<td class="talongid"><span>D</span></td>
+		<td class="redis"><span>S</span></td>
+		<td class="tuusik"><span>K</span></td>
+		<td class="plaanimajadnus"><span>M</span></td>
+		<td class="rubla"><span>A</span></td>
+		<td></td>
+	  </tr>
+
+      <!-- Kaheksas Rida-->
+	  <tr>
+		<td class="maantee"><span>M</span></td>
+		<td class="maantee valuuta"><span>A</span></td>
+		<td class="maantee"><span>A</span></td>
+		<td class="maantee"><span>N</span></td>
+		<td class="maantee"><span>T</span></td>
+		<td class="maantee"><span>E</span></td>
+		<td class="maantee"><span>E</span></td>
+		<td class="maantee"><span>M</span></td>
+		<td class="maantee"><span>U</span></td>
+		<td class="maantee"><span>H</span></td>
+		<td class="maantee"><span>K</span></td>
+		<td class="plaanimajadnus"><span>A</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- Üheksas Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>P</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>J</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- Kümnes Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>O</span></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>A</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- 11 Rida-->
+	  <tr>
+		<td></td>
+		<td class="valuuta"><span>O</span></td>
+		<td class="piiritsoon"><span>P</span></td>
+		<td class="piiritsoon"><span>I</span></td>
+		<td class="piiritsoon"><span>I</span></td>
+		<td class="piiritsoon"><span>R</span></td>
+		<td class="piiritsoon"><span>I</span></td>
+		<td class="piiritsoon"><span>T</span></td>
+		<td class="piiritsoon"><span>S</span></td>
+		<td class="piiritsoon"><span>O</span></td>
+		<td class="piiritsoon"><span>O</span></td>
+		<td class="piiritsoon plaanimajadnus"><span>N</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- 12 Rida-->
+	  <tr>
+		<td></td>
+		<td class="defitsiit valuuta"><span>D</span></td>
+		<td class="defitsiit"><span>E</span></td>
+		<td class="defitsiit"><span>F</span></td>
+		<td class="defitsiit"><span>I</span></td>
+		<td class="defitsiit"><span>T</span></td>
+		<td class="defitsiit"><span>S</span></td>
+		<td class="defitsiit"><span>I</span></td>
+		<td class="defitsiit"><span>I</span></td>
+		<td class="defitsiit"><span>T</span></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>D</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- 13 Rida-->
+	  <tr>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>U</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+      <!-- 14 Rida-->
+	  <tr>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td></td>
+		<td class="plaanimajadnus"><span>S</span></td>
+		<td></td>
+		<td></td>
+	  </tr>
+
+	  </tr>
+    </table>
+    </div>
+
+	</div> <!-- End of main class-->
+
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js
new file mode 100644
index 0000000..ab5ebe4
--- /dev/null
+++ b/rannak/mangud/partorg/sonaragastik/script.js
@@ -0,0 +1,104 @@
+function randomLetters(){
+    for (let node of document.querySelectorAll("td")) {
+        if (node.textContent != "") continue;
+        let charcode = Math.round(65 + Math.random() * 25)
+        node.textContent = String.fromCharCode(charcode)
+    }
+}
+randomLetters();
+
+function clickEventAdder(){
+    for (let node of document.querySelectorAll("td")) {
+        node.addEventListener("click", () => {
+            if (!node.classList.contains("selected")){
+                node.classList.add("selected");
+            }
+            else{
+                node.classList.remove("selected");
+            }
+
+        });
+    }
+}
+clickEventAdder();
+
+
+
+function message(msg, color){
+    messageBox = document.querySelector(".messageBox");
+    messageBox.innerHTML = msg;
+    messageBox.style.color = color;
+}
+
+
+
+// Main stuff
+
+const vastused = ["valuuta", "tuusik", "tsaika", "redis", "plaanimajadnus",
+                  "rubla", "letialuneKaup", "talongid", "maantee",
+                  "piiritsoon", "defitsiit"]
+let õiged = new Array();
+let õigedCounter = 0;
+
+function proovi(){
+    for (let klass of vastused){
+
+        const ruudud = document.querySelectorAll("."+klass);
+        const allSelected = document.querySelectorAll(".selected").length;
+        let kokku = ruudud.length;
+        let counter = 0;
+        
+
+        for (let ruut of ruudud){
+            if (ruut.classList.contains("selected"))
+                counter++;
+        }
+
+        if (counter == kokku && counter == allSelected){
+            const selectd = document.querySelectorAll(".selected");
+            let hetkeKlass;
+
+            for (let ruut of ruudud){
+                ruut.classList.remove("selected");
+                ruut.classList.add("done");
+                if (ruut.classList.length == 2)
+                    hetkeKlass = ruut.classList[0];
+            }
+
+            document.querySelector(".V"+hetkeKlass).classList.add("done");
+        
+            if (!õiged.includes(hetkeKlass)) {
+                õiged.push(hetkeKlass);
+                õigedCounter++;
+                console.log("DicoDisco GoodGood")
+            }
+            if (õigedCounter >= 11)
+                moveOnEnable();
+
+
+            message("Õige", "green");
+            return;
+        }
+
+    } //Outerloop
+    const selectd = document.querySelectorAll(".selected");
+    for (let sel of selectd)
+        sel.classList.remove("selected");
+    message("Proovi uuesti", "red");
+}
+
+
+
+// Button func
+function moveOnEnable(){
+    const btn = document.querySelector(".moveOn");
+    btn.disabled = false;
+    btn.onclick = () => location.href = "";
+
+    // submit btn
+	const subButton = document.querySelector(".subBtn");
+	subButton.disabled = true;
+
+	counter = 0;
+}
+
diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
new file mode 100644
index 0000000..fa73d76
--- /dev/null
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -0,0 +1,93 @@
+* {
+  box-sizing: border-box;
+}
+
+body{
+    background-color: #212121 !important;
+}
+
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+
+
+/* Input Box styles */
+
+.messageBox{
+    color: #212121;
+}
+
+.subBtn{
+    display: inline-block;
+    border: none;
+    padding: 3px 50px;
+    margin-botton: 0;
+    margin-top: 1rem;
+    font-size: 1.25rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 2px;
+    color: white;
+    background-color: #9D8C7C;
+}
+
+.subDisabled{
+    cursor: not-allowed;
+}
+
+
+/* Adding classes */
+.selected {
+    background-color: lime !important;
+}
+
+.done{
+    background-color: green;
+}
+
+
+
+/* Main styles*/
+
+.main{
+	display: flex;
+}
+
+.left {
+	margin: 10px;
+	width: calc((100vw - (14*3rem) - 10rem)/ 2) !important;
+    font-size: .8rem;
+}
+
+.left strong{
+    font-size: 1rem;
+}
+
+table{ 
+	margin: 10px auto;
+    margin-left: 5rem;
+}
+
+td {
+	border: 4px solid white !important;
+	width: 3.5rem !important;
+	height: 3rem !important;
+	font-weight: bold;
+}
author	Rasmus Luha <rasmus.luha@gmail.com>	2022-10-31 00:08:28 +0200
committer	Rasmus Luha <rasmus.luha@gmail.com>	2022-10-31 00:08:28 +0200
commit	4125072dbedaa6dc4f185e801bc8f30c12237125 (patch)
tree	1d4d3d2f6441122ad93da7c25d2768f05f1aaa29
parent	91b1b6d3305606717e3cdf0c4756571a5a84f95c (diff)