summaryrefslogtreecommitdiff
path: root/rannak/mangud/kaitseliitlane
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/kaitseliitlane')
-rw-r--r--rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttfbin0 -> 284784 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/salakood/index.html56
-rw-r--r--rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpgbin0 -> 317441 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/salakood/style.css39
-rw-r--r--rannak/mangud/kaitseliitlane/sundmused/script.js73
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
Binary files differ
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
Binary files differ
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);
+// }
+
+
+
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 03:39:39 +0000