From 9a4d6be0ca9cb86ef56acdbf8bcc1fe9f920a19c Mon Sep 17 00:00:00 2001
From: Rasmus <rasmus.luha@gmail.com>
Date: Sun, 2 Apr 2023 00:30:04 +0300
Subject: plakat Done, all Games Done!!

---
 rannak/mangud/partorg/plakat/index.html | 148 ++++++++++++++++++--------------
 1 file changed, 83 insertions(+), 65 deletions(-)

(limited to 'rannak/mangud/partorg/plakat/index.html')

diff --git a/rannak/mangud/partorg/plakat/index.html b/rannak/mangud/partorg/plakat/index.html
index 85bb6bc..0ac5e90 100644
--- a/rannak/mangud/partorg/plakat/index.html
+++ b/rannak/mangud/partorg/plakat/index.html
@@ -14,10 +14,10 @@
 
     <div class="container text-center text-white align-items-center pb-5">
         <h1>Plakatid</h1>
-        <p>Leia iga plakati õige ajastu, ning muuda ka plakati teksti.
-          <br/>
-          Kui oled valinud õige ajastu ja muutunud plakati lause, muutub see roheliseks,
-          näitamaks, et sellega on kõik korras.
+        <p>
+        Leia iga plakati õige ajastu, ning muuda ka plakati teksti.
+        <br>
+        NB: Uut loosungit saad lisada pärast seda, kui oled valinud õige ajastu.
         </p>
 
 		<div class="row">
@@ -102,31 +102,36 @@
           <div class="tab-pane fade show active p-3 text-white" id="nav-60ndad" role="tabpanel" aria-labelledby="nav-60ndad-tab">
               <div class="wrapper">
 
-                <div class="plakatWrapper stalin">
-                  <span class="addedText">Testing Testing</span>
-                </div>
-
-                <div class="innerWrapper">
+                <div class="plakatWrapper stalin"></div>
 
-                  <select>
+                <div id="stalin" class="inputWrapper">
+                  <select id="stalin" class="50">
                     <option disabled hidden selected>Vali</option>
-                    <option value="1950ndad">1950. aastad</option>
-                    <option value="1960ndad">1960. aastad</option>
-                    <option value="1960ndad">1970. aastad</option>
-                    <option value="1970ndad">1980. aastad</option>
+                    <option value="50">1950ndad</option>
+                    <option value="60">1960ndad</option>
+                    <option value="70">1970ndad</option>
+                    <option value="80">1980ndad</option>
                   </select>
 
+
                   <strong><label for="stalin">Lisa Tekst</label></strong>
-                  <input name="stalin" type="text" value=""/>
-                  <button class="muuda">Muuda</button>
+                  <input disabled name="stalin" type="text" value=""/>
+                  <button disabled class="muuda">Lisa</button>
 
                   <div>
-                    <button class="ules">&uarr;</button>
-                    <button class="alla">&darr;</button>
-                    <button class="vasak">&larr;</button>
-                    <button class="parem">&rarr;</button>
+                    <button disabled class="ules">&uarr;</button>
+                    <button disabled class="alla">&darr;</button>
+                    <button disabled class="vasak">&larr;</button>
+                    <button disabled class="parem">&rarr;</button>
+                    <button disabled class="pluss">+</button>
+                    <button disabled class="miinus">-</button>
                   </div>
 
+                  <label for="color">Värv:</label>
+                  <input disabled size="1" type="color" id="color" value="#ffffff"/>
+
+                  <button disabled class="reset">Taasta</button>
+
                 </div>
 
             </div>
@@ -137,30 +142,35 @@
           <div class="tab-pane fade p-3 text-white" id="nav-70ndad" role="tabpanel" aria-labelledby="nav-70ndad-tab">
               <div class="wrapper">
 
-                <div class="plakatWrapper veekogud">
-                  <span class="addedText">Veekogud</span>
-                </div>
+                <div class="plakatWrapper veekogud"></div>
 
-                <div class="innerWrapper">
-                  <select>
+                <div id="veekogud" class="inputWrapper">
+                  <select id="veekogud" class="60">
                     <option disabled hidden selected>Vali</option>
-                    <option value="1950ndad">1950ndad</option>
-                    <option value="1960ndad">1960ndad</option>
-                    <option value="1960ndad">1970ndad</option>
-                    <option value="1970ndad">1980ndad</option>
+                    <option value="50">1950ndad</option>
+                    <option value="60">1960ndad</option>
+                    <option value="70">1970ndad</option>
+                    <option value="80">1980ndad</option>
                   </select>
 
                   <strong><label for="veekogud">Lisa Tekst</label></strong>
-                  <input name="veekogud" type="text" value=""/>
-                  <button class="muuda" >Muuda</button>
+                  <input disabled name="veekogud" type="text" value=""/>
+                  <button disabled class="muuda">Lisa</button>
                   
                   <div>
-                    <button class="ules">&uarr;</button>
-                    <button class="alla">&darr;</button>
-                    <button class="vasak">&larr;</button>
-                    <button class="parem">&rarr;</button>
+                    <button disabled class="ules">&uarr;</button>
+                    <button disabled class="alla">&darr;</button>
+                    <button disabled class="vasak">&larr;</button>
+                    <button disabled class="parem">&rarr;</button>
+                    <button disabled class="pluss">+</button>
+                    <button disabled class="miinus">-</button>
                   </div>
 
+                  <label for="color">Värv:</label>
+                  <input disabled size="1" type="color" id="color" value="#ffffff"/>
+
+                  <button disabled class="reset">Taasta</button>
+
                 </div>
 
               </div>
@@ -176,30 +186,34 @@
           <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 malev pikkPlakat">
-                  <span class="addedText">Malev</span>
-                </div>
+                <div class="plakatWrapper malev pikkPlakat"></div>
 
-                <div class="innerWrapper">
-                  <select>
+                <div id="malev" class="inputWrapper">
+                  <select id="malev" class="70">
                     <option disabled hidden selected>Vali</option>
-                    <option value="1950ndad">1950ndad</option>
-                    <option value="1960ndad">1960ndad</option>
-                    <option value="1960ndad">1970ndad</option>
-                    <option value="1970ndad">1980ndad</option>
+                    <option value="50">1950ndad</option>
+                    <option value="60">1960ndad</option>
+                    <option value="70">1970ndad</option>
+                    <option value="80">1980ndad</option>
                   </select>
 
                   <strong><label for="malev">Lisa Tekst</label></strong>
-                  <input name="malev" type="text" value=""/>
-                  <button class="muuda">Muuda</button>
+                  <input disabled name="malev" type="text" value=""/>
+                  <button disabled class="muuda">Lisa</button>
                   
                   <div>
-                    <button class="ules">&uarr;</button>
-                    <button class="alla">&darr;</button>
-                    <button class="vasak">&larr;</button>
-                    <button class="parem">&rarr;</button>
+                    <button disabled class="ules">&uarr;</button>
+                    <button disabled class="alla">&darr;</button>
+                    <button disabled class="vasak">&larr;</button>
+                    <button disabled class="parem">&rarr;</button>
+                    <button disabled class="pluss">+</button>
+                    <button disabled class="miinus">-</button>
                   </div>
 
+                  <label for="color">Värv:</label>
+                  <input disabled size="1" type="color" id="color" value="#ffffff"/>
+
+                  <button disabled class="reset">Taasta</button>
 
                 </div>
 
@@ -211,30 +225,34 @@
           <div class="tab-pane fade p-3 text-white" id="nav-90ndad" role="tabpanel" aria-labelledby="nav-90ndad-tab">
               <div class="wrapper">
 
-                <div class="plakatWrapper viisAastak pikkPlakat">
-                  <span class="addedText">ViisAastak</span>
-                </div>
+                <div class="plakatWrapper viisAastak pikkPlakat"></div>
 
-                <div class="innerWrapper">
-                  <select>
+                <div id="viisAastak" class="inputWrapper">
+                  <select id="viisAastak" class="80">
                     <option disabled hidden selected>Vali</option>
-                    <option value="1950ndad">1950ndad</option>
-                    <option value="1960ndad">1960ndad</option>
-                    <option value="1960ndad">1970ndad</option>
-                    <option value="1970ndad">1980ndad</option>
+                    <option value="50">1950ndad</option>
+                    <option value="60">1960ndad</option>
+                    <option value="70">1970ndad</option>
+                    <option value="80">1980ndad</option>
                   </select>
 
                   <strong><label for="viisAastak">Lisa Tekst</label></strong>
-                  <input name="viisAastak" type="text" value=""/>
-                  <button class="muuda" >Muuda</button>
+                  <input disabled name="viisAastak" type="text" value=""/>
+                  <button disabled class="muuda">Lisa</button>
                   
                   <div>
-                    <button class="ules">&uarr;</button>
-                    <button class="alla">&darr;</button>
-                    <button class="vasak">&larr;</button>
-                    <button class="parem">&rarr;</button>
+                    <button disabled class="ules">&uarr;</button>
+                    <button disabled class="alla">&darr;</button>
+                    <button disabled class="vasak">&larr;</button>
+                    <button disabled class="parem">&rarr;</button>
+                    <button disabled class="pluss">+</button>
+                    <button disabled class="miinus">-</button>
                   </div>
 
+                  <label for="color">Värv:</label>
+                  <input disabled size="1" type="color" id="color" value="#ffffff"/>
+
+                  <button disabled class="reset">Taasta</button>
 
                 </div>
 
-- 
cgit v1.2.3