summaryrefslogtreecommitdiff
path: root/rannak/mangud/partorg/sonaragastik
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/partorg/sonaragastik')
-rw-r--r--rannak/mangud/partorg/sonaragastik/index.html363
-rw-r--r--rannak/mangud/partorg/sonaragastik/script.js104
-rw-r--r--rannak/mangud/partorg/sonaragastik/style.css93
3 files changed, 560 insertions, 0 deletions
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;
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 03:18:54 +0000