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.html31
-rw-r--r--rannak/mangud/partorg/sonaragastik/script.js4
-rw-r--r--rannak/mangud/partorg/sonaragastik/style.css77
3 files changed, 59 insertions, 53 deletions
diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html
index 11d31ec..be6093e 100644
--- a/rannak/mangud/partorg/sonaragastik/index.html
+++ b/rannak/mangud/partorg/sonaragastik/index.html
@@ -4,10 +4,10 @@
<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">
+
+ <link rel="stylesheet" href="style.css">
</head>
<body>
@@ -34,16 +34,11 @@
</div>
</div>
-
-
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
Sissejuhatus
</button>
-
-
-
<!-- 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">
@@ -63,6 +58,8 @@
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>
@@ -108,10 +105,6 @@
</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>
@@ -135,6 +128,7 @@
<!-- Sõnarägastik -->
+ <div class="tableWrapper">
<table class="text-center text-white">
<!-- Essa Rida-->
@@ -162,7 +156,7 @@
<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>
@@ -181,7 +175,7 @@
<td></td>
<td class="tsaika"><span>A</span></td>
<td></td>
- <td class="tuusik"><span>U</span></td>
+ <td></td>
<td></td>
<td></td>
<td class="redis"><span>R</span></td>
@@ -200,7 +194,7 @@
<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>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>
@@ -219,7 +213,7 @@
<td></td>
<td></td>
<td></td>
- <td class="tuusik"><span>S</span></td>
+ <td></td>
<td class="redis"><span>D</span></td>
<td></td>
<td class="plaanimajandus"><span>N</span></td>
@@ -238,7 +232,7 @@
<td></td>
<td></td>
<td></td>
- <td class="redis tuusik"><span>I</span></td>
+ <td class="redis"><span>I</span></td>
<td></td>
<td class="plaanimajandus"><span>I</span></td>
<td class="rubla"><span>L</span></td>
@@ -257,7 +251,7 @@
<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></td>
<td class="plaanimajandus"><span>M</span></td>
<td class="rubla"><span>A</span></td>
<td></td>
@@ -390,7 +384,8 @@
</tr>
</tr>
- </table>
+</table>
+</div>
</div> <!-- End of main class-->
diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js
index 33626b1..2e6ffb4 100644
--- a/rannak/mangud/partorg/sonaragastik/script.js
+++ b/rannak/mangud/partorg/sonaragastik/script.js
@@ -40,7 +40,7 @@ function message(msg, color){
// Main stuff
-const vastused = ["valuuta", "tuusik", "tsaika", "redis", "plaanimajandus",
+const vastused = ["valuuta", "tsaika", "redis", "plaanimajandus",
"rubla", "letialuneKaup", "talongid", "maantee",
"piiritsoon", "defitsiit"];
@@ -98,7 +98,7 @@ function proovi(){
õigedCounter++;
//console.log(õigedCounter);
}
- if (õigedCounter >= 11)
+ if (õigedCounter >= 10)
moveOnEnable();
diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
index 73bfa90..690ad14 100644
--- a/rannak/mangud/partorg/sonaragastik/style.css
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -3,7 +3,12 @@
}
body{
- background-color: #212121 !important;
+ background-color: #4D5157;
+}
+
+h1{
+ color: #a1000e;
+ font-weight: bold;
}
.moveOn{
@@ -30,14 +35,14 @@ button:disabled{
.avatar {
border-radius: 20px;
- width: 100% !important;
- max-width: 15rem !important;
+ width: 100%;
+ max-width: 15rem;
}
.modalHeaderWrapper{
text-align: center;
- margin: 0 !important;
- width: 100% !important;
+ margin: 0;
+ width: 100%;
}
@@ -53,17 +58,17 @@ button:disabled{
right: 0;
padding: 6px;
padding: 9px 25px;
- background-color: rgba(0,136,169,1) !important;
- border: none !important;
- border-radius: 50px !important;
- cursor: pointer !important;
- transition: all 0.3 ease 0 !important;
- margin: 3% !important;
- font-size: 1.2rem !important;
+ background-color: rgba(0,136,169,1);
+ border: none;
+ border-radius: 50px;
+ cursor: pointer;
+ transition: all 0.3 ease 0;
+ margin: 3%;
+ font-size: 1.2rem;
}
.modalButton:hover{
- background-color: rgba(0,136,169,0.8) !important;
+ background-color: rgba(0,136,169,0.8);
}
/* Input Box styles */
@@ -94,15 +99,15 @@ button:disabled{
/* Adding classes */
.selected {
- background-color: lime !important;
+ background-color: #ECAC76;
}
.doneV{
- background-color: #562ABF;
+ background-color: #284F8F;
}
.doneH{
- background-color: #FF0883;
+ background-color: #C5E17A;
}
.done{
@@ -115,51 +120,57 @@ button:disabled{
.main{
display: flex;
+ justify-content: center;
}
.left {
margin: 10px;
- width: calc((100vw - (14*3rem) - 10rem)/ 2) !important;
+ width: 35%;
font-size: .8rem;
+ padding: 1rem;
+ margin: 0;
}
.left strong{
font-size: 1rem;
}
+.tableWrapper {
+ width: 65%;
+}
+
table{
- margin: 10px auto;
- margin-left: 5rem;
+ margin: 10px ;
}
td {
- border: 4px solid white !important;
- width: 3.5rem !important;
+ border: 4px solid white;
+ width: 3.5rem;
font-weight: bold;
}
/*
td {
- display: block !important;
- float: left !important;
- border: 2px solid white !important;
- width: 5% !important;
- padding-bottom: 5% !important;
+ display: block;
+ float: left;
+ border: 2px solid white;
+ width: 5%;
+ padding-bottom: 5%;
}
-td span { position: absolute !important}
+td span { position: absolute}
table {
- display: block !important;
- width: 100% !important;
+ display: block;
+ width: 100%;
}
tr {
- display: block !important;
- width: 100% !important;
+ display: block;
+ width: 100%;
}
tbody {
- display: block !important;
- width: 100% !important;
+ display: block;
+ width: 100%;
}
*/