From ea90f1c8a5fb5b666113ee21f81a5530127a0517 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Mon, 30 Jan 2023 00:10:22 +0200 Subject: Parorg Kuulsused New --- .../kaitseliitlane/salakood/fonts/28DaysLater.ttf | Bin 0 -> 284784 bytes rannak/mangud/kaitseliitlane/salakood/index.html | 56 ++++++++-------- .../mangud/kaitseliitlane/salakood/pildid/bk.jpg | Bin 0 -> 317441 bytes rannak/mangud/kaitseliitlane/salakood/style.css | 39 +++++++++-- rannak/mangud/kaitseliitlane/sundmused/script.js | 73 ++++++++++++++++----- 5 files changed, 116 insertions(+), 52 deletions(-) create mode 100644 rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttf create mode 100644 rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg (limited to 'rannak/mangud/kaitseliitlane') 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 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/salakood/fonts/28DaysLater.ttf 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 @@

Salakood

- Kaitseliitlane edastab meile salakirjas teate, mille on koostanud 4 torni valvavat kaitseliitlast. -
- Kas need 4 saatsid selle äkki Soome YLES raadiole? + Dešifreeri sõnum valides numbri, ning leides sellele sobiva tähe.

@@ -40,31 +38,33 @@
Kood
- 25-A | - 24-B | - 23-C | - 22-D | - 21-E | - 20-F | - 19-G | - 18-H | - 17-I | - 16-J | - 15-K | - 14-L | - 13-M | - 12-N | - 11-O | - 10-P | - 9-R | - 8-S | - 7-T | - 6-U | - 5-V | - 4-Õ | - 3-Ä | - 2-Ö | - 1-Ü + + + 25:A | + 24:B | + 23:C | + 22:D | + 21:E | + 20:F | + 19:G | + 18:H | + 17:I | + 16:J | + 15:K | + 14:L | + 13:M | + 12:N | + 11:O | + 10:P | + 9:R | + 8:S | + 7:T | + 6:U | + 5:V | + 4:Õ | + 3:Ä | + 2:Ö | + 1:Ü
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 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg 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); +// } + + + -- cgit v1.2.3