From 61f75569eb9464fbf0403f3af41d940e5cc79478 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Sat, 14 Jan 2023 00:06:13 +0200 Subject: salakood mang --- rannak/mangud/kaitseliitlane/kuulsused/index.html | 127 ---------- .../kuulsused/pildid/EVkuulutamine.jpg | Bin 78339 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/avatar.jpg | Bin 137594 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/baltikett.jpg | Bin 90772 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/hirvepark.jpg | Bin 186590 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/interrinne.jpg | Bin 79800 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/laulupidu.jpg | Bin 722236 -> 0 bytes .../kaitseliitlane/kuulsused/pildid/teletorn.jpg | Bin 69745 -> 0 bytes rannak/mangud/kaitseliitlane/kuulsused/script.js | 77 ------ rannak/mangud/kaitseliitlane/kuulsused/styles.css | 94 -------- rannak/mangud/kaitseliitlane/salakood/index.html | 259 +++++++++++++++++++++ .../kaitseliitlane/salakood/pildid/avatar.jpg | Bin 0 -> 137594 bytes rannak/mangud/kaitseliitlane/salakood/script.js | 141 +++++++++++ rannak/mangud/kaitseliitlane/salakood/style.css | 152 ++++++++++++ rannak/mangud/kaitseliitlane/sundmused/index.html | 127 ++++++++++ .../sundmused/pildid/EVkuulutamine.jpg | Bin 0 -> 78339 bytes .../kaitseliitlane/sundmused/pildid/avatar.jpg | Bin 0 -> 137594 bytes .../kaitseliitlane/sundmused/pildid/baltikett.jpg | Bin 0 -> 90772 bytes .../kaitseliitlane/sundmused/pildid/hirvepark.jpg | Bin 0 -> 186590 bytes .../kaitseliitlane/sundmused/pildid/interrinne.jpg | Bin 0 -> 79800 bytes .../kaitseliitlane/sundmused/pildid/laulupidu.jpg | Bin 0 -> 722236 bytes .../kaitseliitlane/sundmused/pildid/teletorn.jpg | Bin 0 -> 69745 bytes rannak/mangud/kaitseliitlane/sundmused/script.js | 77 ++++++ rannak/mangud/kaitseliitlane/sundmused/styles.css | 94 ++++++++ 24 files changed, 850 insertions(+), 298 deletions(-) delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/index.html delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/script.js delete mode 100644 rannak/mangud/kaitseliitlane/kuulsused/styles.css create mode 100644 rannak/mangud/kaitseliitlane/salakood/index.html create mode 100644 rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg create mode 100644 rannak/mangud/kaitseliitlane/salakood/script.js create mode 100644 rannak/mangud/kaitseliitlane/salakood/style.css create mode 100644 rannak/mangud/kaitseliitlane/sundmused/index.html create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg create mode 100644 rannak/mangud/kaitseliitlane/sundmused/script.js create mode 100644 rannak/mangud/kaitseliitlane/sundmused/styles.css (limited to 'rannak/mangud/kaitseliitlane') diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html deleted file mode 100644 index d2225b6..0000000 --- a/rannak/mangud/kaitseliitlane/kuulsused/index.html +++ /dev/null @@ -1,127 +0,0 @@ - - - - - - Kuusused - - - - - - - -
-

Sündmused

-

Vii sündmus kokku pildiga.

- -
-
- -
- -
- - - - - -
- - - - - - - -
-
- -
- Baltikett img -
-
- -
-
Interrinne 1990
-
Hirvepark 1987
-
EV väljakuulutamine 1991
-
Baltikett 1989
-
Teletorni kaitsmine 1991
-
Öölaulupidu 1988
-
- -
- Laulupidu img -
-
- -
-
- - - -
-
- -
- Hirvepark img -
-
- -
- Teletorn img -
-
- -
- EV välja kuulutamine img -
-
- -
- Interrinne img -
-
- - -
-
- - - - - - - diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg deleted file mode 100644 index f462f69..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg deleted file mode 100644 index 37ae271..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg deleted file mode 100644 index f395c65..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg deleted file mode 100644 index b94f2b0..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg deleted file mode 100644 index 3d6d386..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg deleted file mode 100644 index 6ad8ad9..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg deleted file mode 100644 index c539324..0000000 Binary files a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg and /dev/null differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js deleted file mode 100644 index daa263d..0000000 --- a/rannak/mangud/kaitseliitlane/kuulsused/script.js +++ /dev/null @@ -1,77 +0,0 @@ -document.addEventListener('DOMContentLoaded', () => { - let btn = document.querySelector('.modalButton'); - btn.click(); -}); - - -const list_items = document.querySelectorAll(".list-item"); -const lists = document.querySelectorAll(".list"); - -let draggedItem = null; - -for (let i=0; i < list_items.length; i++){ - const item = list_items[i]; - - /* Event Listeners */ - item.addEventListener("dragstart", e => { - draggedItem = item; - setTimeout(() => (item.style.display = "none"), 0); - }); - - item.addEventListener("dragend", e => { - setTimeout(() => { - draggedItem.style.display = "block"; - draggedItem = null}, 0); - checkIfAllGood(); - }); - - for (let j=0; j < lists.length; j++){ - const list = lists[j]; - - /* Event Listeners */ - - list.addEventListener("dragenter",e => (e.preventDefault())); - - list.addEventListener("dragover",e => { - e.preventDefault(); - list.style.backgroundColor = "rgba(0,0,0,0.5)"; - }); - - - list.addEventListener("dragleave",e => { - list.style.backgroundColor = "rgba(0,0,0,0.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)"; - }) - } - -} - -function checkIfAllGood(){ - let rightDone = []; - - for (let j=0; j < lists.length; j++){ - const list = lists[j]; - if (list.className.includes("startBasket")) - continue; - else if (list.children.length == 1){ - 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 - - if (rightDone.length == 6) { - const btn = document.querySelector(".moveOn"); - btn.disabled = false; - btn.onclick = () => location.href = ""; - } -} diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css deleted file mode 100644 index c007ae5..0000000 --- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css +++ /dev/null @@ -1,94 +0,0 @@ -* { - box-sizing: border-box !important; -} - -.moveOn{ - display: inline-block; - border: none; - padding: 6px 12px; - margin-botton: 0; - font-size: 1rem; - font-weight: normal; - text-align: center; - cursor: pointer; - border-radius: 4px; - background-color: #4BB543; - color: white; -} - -button:disabled{ - opacity: 0.5; - cursor: not-allowed; -} - -.row { - margin: 0 5% !important; -} - -img { - max-width: 100% !important; - height: auto !important; - padding: .3rem; -} - - -.lists .list .list-item { - background-color: #b2beb5 !important; - color: #21201E; - margin: 0.5rem 0; - height: 2.5rem; - border-radius: 8px !important; - cursor: pointer; -} - -.lists .list { - background-color: rgba(0, 0, 0, 0.3); - min-height: 2.5rem; - margin: .5rem; - border-radius: 8px !important; -} - -.startBasket { - height: 100% !important; - min-height: 2rem; -} - - -/* Modal Stuff */ - -.avatar { - border-radius: 20px; - width: 100% !important; - width: 100% !important; -} - -.modalHeaderWrapper{ - text-align: center; - margin: 0 !important; - width: 100% !important; -} - - - - -.closeModalButton { - border-radius: 50px; -} - -.modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 25px !important; - 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; -} diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html new file mode 100644 index 0000000..26502a6 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/salakood/index.html @@ -0,0 +1,259 @@ + + + + + + Salakood + + + + + + + + + + + +
+

Salakood

+ +

+ Kaitseliitlane edastab meile salakirjas teate, mille on koostanud 4 torni valvavat kaitseliitlast. +
+ Kas need 4 saatsid selle äkki Soome YLES raadiole? +

+ +
+ +
+ +
+ +
+ + + + +
+
+
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-Ü +
+ +
+ + +
+
+ + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
71191217911212257174.30.
52514525132181722211521815687
22.151199682114.211421157219,
92525221711142151711142113258.
141720717221142152514.
111461511922159171771714171221.
+ +
+ + + + + + + + + diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg new file mode 100644 index 0000000..37ae271 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg differ diff --git a/rannak/mangud/kaitseliitlane/salakood/script.js b/rannak/mangud/kaitseliitlane/salakood/script.js new file mode 100644 index 0000000..1945187 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/salakood/script.js @@ -0,0 +1,141 @@ +document.addEventListener('DOMContentLoaded', () => { + let btn = document.querySelector('.modalButton'); + btn.click(); +}); + + +let counter = 0; + + +function message(msg, color){ + messageBox = document.querySelector(".infoTxt"); + messageBox.innerHTML = msg; + messageBox.style.color = color; +} + + + + + +// Grid event added +function clickEventAdder(){ + for (let node of document.querySelectorAll("td")) { + + node.addEventListener("click", () => { + + if (!node.classList.contains("selected")) + node.classList.add("selected"); + + let curNode = node; + for (let node of document.querySelectorAll("td")) { + if (node != curNode && node.classList.contains("selected")) + node.classList.remove("selected"); + } + }); + + } // outerFor +} // FuncEnd +clickEventAdder(); + + + + + + +function getInputValue() { + // Selecting the input element and get its value + let inputVal = document.getElementById("inputId").value; + + if (inputVal == "") + message("Palun vali täht.", "red"); + else + kontrolliVastus(inputVal.toLowerCase()); +} + +let koodid = {"a": 25, + "b": 24, + "c": 23, + "d": 22, + "e": 21, + "f": 20, + "g": 19, + "h": 18, + "i": 17, + "j": 16, + "k": 15, + "l": 14, + "m": 13, + "n": 12, + "o": 11, + "p": 10, + "r": 9, + "s": 8, + "t": 7, + "u": 6, + "v": 5, + "õ": 4, + "ä": 3, + "ö": 2, + "ü": 1, + }; + +function kontrolliVastus(vastus){ + + let toCheck = document.querySelector(".selected"); + + if (toCheck.classList.contains("done")) + message("Juba Õige!", "lime"); + + else if (toCheck.innerHTML == "") + message("Siin on tühik.", "lime"); + + else if (koodid[vastus] == toCheck.innerHTML){ + message("Õige!", "lime"); + toCheck.innerHTML = vastus.toUpperCase(); + toCheck.classList.add("done"); + counter += 1; + + if (counter >= 90) { + moveOnEnable(); + message("Tubli, kõik valmis
Kogu Sõnum: TORNI RÜNNATI 4.30. VALVAME SIDEKESKUST 22. KORRUSEL. ELEKTER, RAADIOSIDE OLEMAS. LIFTID ÜLEVAL. OLUKORD KRIITILINE.", "lime"); + + for (let node of document.querySelectorAll("td")) { + if (node.classList.contains("selected")) + node.classList.remove("selected"); + } + } + + } + + else + message("Proovi uuesti.", "red"); + +} + + +function enterSubmit(){ + document.getElementById('inputId') + .addEventListener('keyup', event => { + if (event.code === 'Enter') + { + event.preventDefault(); + getInputValue(); + } + }); +} +enterSubmit() + + + +// If Done + +function moveOnEnable(){ + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = "#"; + + // Proovi btn + const subButton = document.querySelector(".subBtn"); + subButton.disabled = true; + +} diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css new file mode 100644 index 0000000..537477f --- /dev/null +++ b/rannak/mangud/kaitseliitlane/salakood/style.css @@ -0,0 +1,152 @@ +* { + box-sizing: border-box; +} + +body{ + background-color: #212121 !important; +} + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; + cursor: not-allowed; +} + +/* Retsept Lõpus*/ + +.retsept { + margin-top: 5%; + width:60%; + color: #AFFF80; + text-align: center; + font-size: 1.2rem; +} + + + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100% !important; + max-width: 15rem !important; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0 !important; + width: 100% !important; +} + + + +.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 */ + +input { + width: 7ch; +} + +.inputBox{ + margin-top: 10px !important; +} + +.subBtn{ + display: inline-block; + border: none; + padding: 3px 6px; + margin-botton: 0; + font-size: .95rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 2px; + color: white; + background-color: #93bdbd; +} + +.subDisabled{ + cursor: not-allowed; +} + + +/* Koodi Styles*/ + +.infoWrapper{ + color: white; + margin: 1rem; +} + + + +/* Main */ + +.main { + display: flex; + justify-content: center; + align-items: center; +} + +td { + border: 4px solid white !important; + width: 4rem !important; + height: 4rem !important; + font-weight: bold; +} + + + +.done { + color: #bd1393; +} + +.selected { + background: lime; +} + + + + + + +@media screen and (min-width: 1900px) { + .main { + margin-top: 5rem; + } +} diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html new file mode 100644 index 0000000..d2225b6 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/sundmused/index.html @@ -0,0 +1,127 @@ + + + + + + Kuusused + + + + + + + +
+

Sündmused

+

Vii sündmus kokku pildiga.

+ +
+
+ +
+ +
+ + + + + +
+ + + + + + + +
+
+ +
+ Baltikett img +
+
+ +
+
Interrinne 1990
+
Hirvepark 1987
+
EV väljakuulutamine 1991
+
Baltikett 1989
+
Teletorni kaitsmine 1991
+
Öölaulupidu 1988
+
+ +
+ Laulupidu img +
+
+ +
+
+ + + +
+
+ +
+ Hirvepark img +
+
+ +
+ Teletorn img +
+
+ +
+ EV välja kuulutamine img +
+
+ +
+ Interrinne img +
+
+ + +
+
+ + + + + + + diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg new file mode 100644 index 0000000..f462f69 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg new file mode 100644 index 0000000..37ae271 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg new file mode 100644 index 0000000..f395c65 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg new file mode 100644 index 0000000..b94f2b0 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg new file mode 100644 index 0000000..3d6d386 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg new file mode 100644 index 0000000..6ad8ad9 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg new file mode 100644 index 0000000..c539324 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg differ diff --git a/rannak/mangud/kaitseliitlane/sundmused/script.js b/rannak/mangud/kaitseliitlane/sundmused/script.js new file mode 100644 index 0000000..daa263d --- /dev/null +++ b/rannak/mangud/kaitseliitlane/sundmused/script.js @@ -0,0 +1,77 @@ +document.addEventListener('DOMContentLoaded', () => { + let btn = document.querySelector('.modalButton'); + btn.click(); +}); + + +const list_items = document.querySelectorAll(".list-item"); +const lists = document.querySelectorAll(".list"); + +let draggedItem = null; + +for (let i=0; i < list_items.length; i++){ + const item = list_items[i]; + + /* Event Listeners */ + item.addEventListener("dragstart", e => { + draggedItem = item; + setTimeout(() => (item.style.display = "none"), 0); + }); + + item.addEventListener("dragend", e => { + setTimeout(() => { + draggedItem.style.display = "block"; + draggedItem = null}, 0); + checkIfAllGood(); + }); + + for (let j=0; j < lists.length; j++){ + const list = lists[j]; + + /* Event Listeners */ + + list.addEventListener("dragenter",e => (e.preventDefault())); + + list.addEventListener("dragover",e => { + e.preventDefault(); + list.style.backgroundColor = "rgba(0,0,0,0.5)"; + }); + + + list.addEventListener("dragleave",e => { + list.style.backgroundColor = "rgba(0,0,0,0.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)"; + }) + } + +} + +function checkIfAllGood(){ + let rightDone = []; + + for (let j=0; j < lists.length; j++){ + const list = lists[j]; + if (list.className.includes("startBasket")) + continue; + else if (list.children.length == 1){ + 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 + + if (rightDone.length == 6) { + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = ""; + } +} diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css new file mode 100644 index 0000000..5e2d661 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css @@ -0,0 +1,94 @@ +* { + box-sizing: border-box !important; +} + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; + cursor: not-allowed; +} + +.row { + margin: 0 5% !important; +} + +img { + max-width: 100% !important; + height: auto !important; + padding: .3rem; +} + + +.lists .list .list-item { + background-color: #b2beb5 !important; + color: #21201E; + margin: 0.5rem 0; + height: 2.5rem; + border-radius: 8px !important; + cursor: pointer; +} + +.lists .list { + background-color: rgba(0, 0, 0, 0.3); + min-height: 2.5rem; + margin: .5rem; + border-radius: 8px !important; +} + +.startBasket { + height: 100% !important; + min-height: 2rem; +} + + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100% !important; + max-width: 15rem !important; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0 !important; + width: 100% !important; +} + + + + +.closeModalButton { + border-radius: 50px; +} + +.modalButton{ + position: absolute; + top: 0; + right: 0; + padding: 25px !important; + 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; +} -- cgit v1.2.3