<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sõnarägastik</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">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container text-white text-center">
<h1>Sõnarägastik</h1>
<p>Lahenda sõnarägastik, leia üles kõik 10 sõna
<br/>
Peale iga sõna leidmist vajuta <strong>"proovi"</strong>
, et see nimekirjas lahendatuna ära märkida.
</p>
<div class="text-center">
<div class="col">
<button class="moveOn" disabled>Liigu edasi</button>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
Sissejuhatus
</button>
</div>
<div class="text-center inputBox">
<button type="button" class="subBtn subDisabled" onclick="proovi();">Proovi</button>
<div class="messageBox">
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="modalHeaderWrapper">
<h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
</div>
<img class="avatar" alt="avatar" src="pildid/avatar.png"/>
</div>
<div class="modal-body">
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?
<br/>
<strong>Leidke need mõisted ja uudissõnad sõnarägastikust.</strong>
<br/>
<strong>NB! Kontrolli sõnu ükshaaval.</strong>
</div>
</div>
</div>
</div>
<!-- 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="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!).
</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="Vrubla">RUBLA.</strong> Nõukogude Liidu valuuta. 1991. aastaks sisuliselt maksejõuetu raha.
</li>
</ol>
</div>
<!-- Sõnarägastik -->
<div class="tableWrapper">
<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="plaanimajandus"><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></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="plaanimajandus"><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></td>
<td></td>
<td></td>
<td class="redis"><span>R</span></td>
<td></td>
<td class="plaanimajandus"><span>A</span></td>
<td class="rubla"><span>R</span></td>
<td></td>
</tr>
<!-- Neljas Rida-->
<tr>
<td></td>
<td class="letialuneKaup valuuta"><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"><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 plaanimajandus"><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></td>
<td class="redis"><span>D</span></td>
<td></td>
<td class="plaanimajandus"><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"><span>I</span></td>
<td></td>
<td class="plaanimajandus"><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></td>
<td class="plaanimajandus"><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="plaanimajandus"><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="plaanimajandus"><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="plaanimajandus"><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 plaanimajandus"><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="plaanimajandus"><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="plaanimajandus"><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="plaanimajandus"><span>S</span></td>
<td></td>
<td></td>
</tr>
</tr>
</table>
</div>
</div> <!-- End of main class-->
<script src="script.js"></script>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>