Partorg Ul1,3 FullDone

10 files changed, 95 insertions, 36 deletions

diff --git a/main.js b/main.js
index c3d8b56..eae4e44 100644
--- a/main.js
+++ b/main.js
@@ -1,6 +1,4 @@
-o
 let btn = document.querySelector(".neon-button");
 
 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent))
-    btn.setAttribute("href", "../..");
-else
+    btn.setAttribute("href", "rannak/noMobiles");
diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html
index e05efe7..aff07f4 100644
--- a/rannak/mangud/partorg/kuulsused/index.html
+++ b/rannak/mangud/partorg/kuulsused/index.html
@@ -44,20 +44,14 @@
           </div>
 
           <div class="modal-body">
-            Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
-            Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est,
-            sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
-            nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
+            Seltsimehed noored, olen meie ajakirjandusest, mis kahjuks ei ole enam maailma eesrindlikum,
+            välja lõiganud mitmete tänapäeva ENSV  elus üht või teistpidi silma paistnud inimeste pildid.
             <br/>
-            Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
-            Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est,
-            sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
-            nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
+            Mõned neist inimestest mulle ei meeldi, natsionalistid! Kas ka teie tunnete neid inimesi?
             <br/>
-            odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
-            arcu non odio euismod lacinia at quis risus sed vulputate odio. nullam non nisi est,
-            sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
-            nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
+            Teeme proovi, <strong>ühendage nimi ja talle sobiv foto.</strong>
+            <br/> <br/>
+            Huvitav kas neid inimesi mäletatakse ka aastate pärast?
           </div>
 
         </div>
@@ -72,26 +66,24 @@
 		<div class="col imgBox text-center">
 		  <img src="pildid/laar.jpg" alt="Mart Laar img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige."
           </p>
 		  <div id="laar" class="list"></div>
 		</div>
 
 		<div class="list col startBasket text-center">
-	  	  <div id="pats" class="list-item" draggable="true">Mart Laar</div>
+	  	  <div id="laar" class="list-item" draggable="true">Mart Laar</div>
 	  	  <div id="lauristin" class="list-item" draggable="true">Marju Lauristin</div>
 	  	  <div id="ruutel" class="list-item" draggable="true">Arnold Rüütel</div>
-	  	  <div id="toome" class="list-item" draggable="true">Indrek Toome</div>
 	  	  <div id="savisaar" class="list-item" draggable="true">Edgar Savisaar</div>
-	  	  <div id="valjas" class="list-item" draggable="true">Vaino Väljas</div>
+	  	  <div id="kogan" class="list-item" draggable="true">Jevgeni Kogan</div>
+	  	  <div id="valk" class="list-item" draggable="true">Heinz Valk</div>
 		</div>
 
 		<div class="col imgBox text-center">
 		  <img src="pildid/lauristin.jpg" alt="Marju Lauristin img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige"
           </p>
 		  <div id="lauristin" class="list"></div>
 		</div>
@@ -107,8 +99,7 @@
 		<div class="col-3 imgBox text-center">
 		  <img src="pildid/ruutel.jpg" alt="Arnold Rüütel img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "1990-1992 ENSV/ EV Ülemnõukogu esimees."
           </p>
 		  <div id="ruutel" class="list"></div>
 		</div>
@@ -116,28 +107,25 @@
 		<div class="col-3 imgBox text-center">
 		  <img src="pildid/savisaar.jpg" alt="Savisaar img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "üks Rahvarinde loojatest, 1990  Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja"
           </p>
 		  <div id="savisaar" class="list"></div>
 		</div>
 
 		<div class="col-3 imgBox text-center">
-		  <img src="pildid/valjas.jpg" alt="Vaino Väljas img">
+		  <img src="pildid/valk.jpg" alt="Heniz img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime."
           </p>
-		  <div id="valjas" class="list"></div>
+		  <div id="valk" class="list"></div>
 		</div>
 
 		<div class="col imgBox text-center">
-		  <img src="pildid/toome.jpg" alt="Indrek Toome img">
+		  <img src="pildid/kogan.jpg" alt="Kogan img">
           <p>
-            "Siia Lühikene info sellekohta Kes oli ja Mida tegi.
-            natuke placeholder teksti veel ja nii ja naa ja see ka."
+            "Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse  saadikuterühma “Sojuz” tegevuses."
           </p>
-		  <div id="toome" class="list"></div>
+		  <div id="kogan" class="list"></div>
 		</div>
 			
 		  </div>
diff --git a/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg
new file mode 100644
index 0000000..9c592f3
--- /dev/null
+++ b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg
diff --git a/rannak/mangud/partorg/kuulsused/pildid/toome.jpg b/rannak/mangud/partorg/kuulsused/pildid/toome.jpg
deleted file mode 100644
index 972aa4f..0000000
--- a/rannak/mangud/partorg/kuulsused/pildid/toome.jpg
+++ /dev/null
diff --git a/rannak/mangud/partorg/kuulsused/pildid/valjas.jpg b/rannak/mangud/partorg/kuulsused/pildid/valjas.jpg
deleted file mode 100644
index ff9560b..0000000
--- a/rannak/mangud/partorg/kuulsused/pildid/valjas.jpg
+++ /dev/null
diff --git a/rannak/mangud/partorg/kuulsused/pildid/valk.jpg b/rannak/mangud/partorg/kuulsused/pildid/valk.jpg
new file mode 100644
index 0000000..c7afa8c
--- /dev/null
+++ b/rannak/mangud/partorg/kuulsused/pildid/valk.jpg
diff --git a/rannak/mangud/partorg/kuulsused/script.js b/rannak/mangud/partorg/kuulsused/script.js
index 95e322d..debb677 100644
--- a/rannak/mangud/partorg/kuulsused/script.js
+++ b/rannak/mangud/partorg/kuulsused/script.js
@@ -57,8 +57,6 @@ function checkIfAllGood(){
 			if (list.id == list.children[0].id){
 				if (!rightDone.includes(list.id))
 					rightDone.push(list.id);
-				console.log(rightDone.length);
-				console.log(rightDone);
 			}
 		}
 	}  // For loop end
diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css
index a26b2c6..ca05775 100644
--- a/rannak/mangud/partorg/kuulsused/styles.css
+++ b/rannak/mangud/partorg/kuulsused/styles.css
@@ -2,6 +2,11 @@
 	box-sizing: border-box !important;
 }
 
+.lists{
+    margin-bottom: 20px !important;
+}
+                
+
 .moveOn{
     display: inline-block;
     border: none;
diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html
index 6bb6797..d03e0d6 100644
--- a/rannak/mangud/partorg/sonaragastik/index.html
+++ b/rannak/mangud/partorg/sonaragastik/index.html
@@ -36,6 +36,47 @@
     </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">
+        <div class="modal-content">
+
+          <div class="modal-header">
+            <h5 class="modal-title" id="myModalLabel">Sissejuhatav info Kuulsuste Mängule</h5>
+            <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </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>
+
+
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+
+
+
+
+    
     <!-- Sõnad vasakul -->
 
 	<div class="main">
@@ -355,5 +396,9 @@
 	</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>
diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
index fa73d76..fa8ec1e 100644
--- a/rannak/mangud/partorg/sonaragastik/style.css
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -26,6 +26,31 @@ button:disabled{
 }
 
 
+/* Modal Stuff */
+
+
+.closeModalButton {
+  border-radius: 50px;
+}
+
+.modalButton{
+    position: absolute;
+    top: 0;
+    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;
+}
+
+.modalButton:hover{
+    background-color: rgba(0,136,169,0.8) !important;
+}
 
 /* Input Box styles */