diff options
Diffstat (limited to 'rannak/mangud/partorg/plakat/index.html')
| -rw-r--r-- | rannak/mangud/partorg/plakat/index.html | 148 |
1 files changed, 83 insertions, 65 deletions
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">↑</button> - <button class="alla">↓</button> - <button class="vasak">←</button> - <button class="parem">→</button> + <button disabled class="ules">↑</button> + <button disabled class="alla">↓</button> + <button disabled class="vasak">←</button> + <button disabled class="parem">→</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">↑</button> - <button class="alla">↓</button> - <button class="vasak">←</button> - <button class="parem">→</button> + <button disabled class="ules">↑</button> + <button disabled class="alla">↓</button> + <button disabled class="vasak">←</button> + <button disabled class="parem">→</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">↑</button> - <button class="alla">↓</button> - <button class="vasak">←</button> - <button class="parem">→</button> + <button disabled class="ules">↑</button> + <button disabled class="alla">↓</button> + <button disabled class="vasak">←</button> + <button disabled class="parem">→</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">↑</button> - <button class="alla">↓</button> - <button class="vasak">←</button> - <button class="parem">→</button> + <button disabled class="ules">↑</button> + <button disabled class="alla">↓</button> + <button disabled class="vasak">←</button> + <button disabled class="parem">→</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> |