Parorg Kuulsused New

5 files changed, 116 insertions, 52 deletions

diff --git a/rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttf b/rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttf
new file mode 100644
index 0000000..0f8869b
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttf
diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html
index 26502a6..44bac05 100644
--- a/rannak/mangud/kaitseliitlane/salakood/index.html
+++ b/rannak/mangud/kaitseliitlane/salakood/index.html
@@ -21,9 +21,7 @@
 	  <h1>Salakood</h1>
 
 	  <p>
-        Kaitseliitlane edastab meile salakirjas teate, mille on koostanud 4 torni valvavat kaitseliitlast.
-        <br/>
-        Kas need 4 saatsid selle äkki Soome YLES raadiole?
+        Dešifreeri sõnum valides numbri, ning leides sellele sobiva tähe.
       </p>
 
 	  <div class="text-center">
@@ -40,31 +38,33 @@
           <div class="infoWrapper">
             <div class="infoTxt"></div>
             <h6><strong>Kood</strong></h6>
-            <span>25-A | </span>
-            <span>24-B | </span>
-            <span>23-C | </span>
-            <span>22-D | </span>
-            <span>21-E | </span>
-            <span>20-F | </span>
-            <span>19-G | </span>
-            <span>18-H | </span>
-            <span>17-I | </span>
-            <span>16-J | </span>
-            <span>15-K | </span>
-            <span>14-L | </span>
-            <span>13-M | </span>
-            <span>12-N | </span>
-            <span>11-O | </span>
-            <span>10-P | </span>
-            <span>9-R | </span>
-            <span>8-S | </span>
-            <span>7-T | </span>
-            <span>6-U | </span>
-            <span>5-V | </span>
-            <span>4-Õ | </span>
-            <span>3-Ä | </span>
-            <span>2-Ö | </span>
-            <span>1-Ü</span>
+            
+
+            <span>25:A | </span>
+            <span>24:B | </span>
+            <span>23:C | </span>
+            <span>22:D | </span>
+            <span>21:E | </span>
+            <span>20:F | </span>
+            <span>19:G | </span>
+            <span>18:H | </span>
+            <span>17:I | </span>
+            <span>16:J | </span>
+            <span>15:K | </span>
+            <span>14:L | </span>
+            <span>13:M | </span>
+            <span>12:N | </span>
+            <span>11:O | </span>
+            <span>10:P | </span>
+            <span>9:R | </span>
+            <span>8:S | </span>
+            <span>7:T | </span>
+            <span>6:U | </span>
+            <span>5:V | </span>
+            <span>4:Õ | </span>
+            <span>3:Ä | </span>
+            <span>2:Ö | </span>
+            <span>1:Ü</span>
           </div>
 
         </div>
diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg
new file mode 100644
index 0000000..622516a
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg
diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css
index 537477f..8a084d2 100644
--- a/rannak/mangud/kaitseliitlane/salakood/style.css
+++ b/rannak/mangud/kaitseliitlane/salakood/style.css
@@ -1,3 +1,9 @@
+@font-face {
+    font-family: 'fontUno';
+    src: url('fonts/28DaysLater.ttf');
+}
+
+
 * {
   box-sizing: border-box;
 }
@@ -113,6 +119,9 @@ input {
     margin: 1rem;
 }
 
+span, h6, table, h1{
+    font-family:'fontUno';
+}
 
 
 /* Main */
@@ -123,25 +132,41 @@ input {
     align-items: center;
 }
 
+
+.done {
+    color: #00b300;
+}
+
+.selected {
+    background: #93bdbd; 
+}
+
 td {
-	border: 4px solid white !important;
 	width: 4rem !important;
 	height: 4rem !important;
 	font-weight: bold;
+    border-radius: 20px !important;
 }
 
 
+/* Responsivness */
 
-.done {
-    color: #bd1393;
-}
 
-.selected {
-    background: lime; 
+@media screen and (max-width: 1700px) {
+    td {
+	    width: 3rem !important;
+	    height: 3rem !important;
+    }
+    .main {margin-top: 4rem;}
 }
 
 
-
+@media screen and (max-width: 1500px) {
+    td {
+	    width: 2rem !important;
+	    height: 2rem !important;
+    }
+}
 
 
 
diff --git a/rannak/mangud/kaitseliitlane/sundmused/script.js b/rannak/mangud/kaitseliitlane/sundmused/script.js
index daa263d..3b92b1d 100644
--- a/rannak/mangud/kaitseliitlane/sundmused/script.js
+++ b/rannak/mangud/kaitseliitlane/sundmused/script.js
@@ -4,6 +4,10 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 
 
+
+
+//  Draggable Items
+
 const list_items = document.querySelectorAll(".list-item");
 const lists = document.querySelectorAll(".list");
 
@@ -25,33 +29,47 @@ for (let i=0; i < list_items.length; i++){
 		checkIfAllGood();
 	});
 
-	for (let j=0; j < lists.length; j++){
-		const list = lists[j];
+}
+
 
-		/* Event Listeners */
+//  Dropping Spots
 
-		list.addEventListener("dragenter",e => (e.preventDefault()));
+for (let j=0; j < lists.length; j++){
+	const list = lists[j];
 
-		list.addEventListener("dragover",e => {
-			e.preventDefault();
-			list.style.backgroundColor = "rgba(0,0,0,0.5)";
-		});
+	/* Event Listeners */
 
+	list.addEventListener("dragenter",e => (e.preventDefault()));
 
-		list.addEventListener("dragleave",e => {
-			list.style.backgroundColor = "rgba(0,0,0,0.3)";
-		});
+	list.addEventListener("dragover",e => {
+		e.preventDefault();
+		list.style.backgroundColor = "rgba(0,0,0,0.9)";
+		list.style.transform = "scale(1.3)";
+	});
 
 
-		list.addEventListener("drop",e => { 
-			if (list.children.length == 0 || list.className.includes("startBasket"))
-				list.append(draggedItem);
-			list.style.backgroundColor = "rgba(0,0,0,0.5)";
-		})
-	}
+	list.addEventListener("dragleave",e => {
+		list.style.backgroundColor = "rgba(0,0,0,0.3)";
+		list.style.transform = "scale(1)";
+	});
 
+
+	list.addEventListener("drop",e => { 
+		if (list.children.length == 0 || list.className.includes("startBasket"))
+			list.append(draggedItem);
+		list.style.backgroundColor = "rgba(0,0,0,0.3)";
+		list.style.transform = "scale(1)";
+
+	})
 }
 
+
+
+
+
+
+
+
 function checkIfAllGood(){
 	let rightDone = [];
 
@@ -75,3 +93,24 @@ function checkIfAllGood(){
         btn.onclick = () => location.href = "";
 	}
 }
+
+
+
+
+// Smooth scroll stuff
+
+// const ekraaniPikkus = window.innerHeight;
+// 
+// window.ondragover = function(e){
+//     //console.log(e.clientY);
+// 
+//     if (e.clientY > (ekraaniPikkus - 300)){
+//         window.scrollTo(0, 400); 
+//     }
+// 
+//     else if (e.clientY < (300))
+//         window.scrollTo(0, -400); 
+// }
+
+
+