From 2863a49dd0cdae245a741f533c8861c1c8b97fd6 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Sat, 17 Sep 2022 00:17:34 +0300 Subject: init commit --- rannak/mangud/kaitseliitlane/kuulsused/index.html | 105 +++++++++++++++++++++ .../kaitseliitlane/kuulsused/pildid/galileo.jpg | Bin 0 -> 785072 bytes .../kaitseliitlane/kuulsused/pildid/ilves.jpg | Bin 0 -> 14525 bytes .../kaitseliitlane/kuulsused/pildid/kaljulaid.jpg | Bin 0 -> 17039 bytes .../kaitseliitlane/kuulsused/pildid/karis.jpg | Bin 0 -> 17011 bytes .../kaitseliitlane/kuulsused/pildid/meri.jpg | Bin 0 -> 17891 bytes .../kaitseliitlane/kuulsused/pildid/pats.jpg | Bin 0 -> 69867 bytes .../kaitseliitlane/kuulsused/pildid/queen.jpg | Bin 0 -> 18966 bytes .../kaitseliitlane/kuulsused/pildid/ruutel.jpg | Bin 0 -> 13224 bytes rannak/mangud/kaitseliitlane/kuulsused/script.js | 71 ++++++++++++++ rannak/mangud/kaitseliitlane/kuulsused/styles.css | 29 ++++++ 11 files changed, 205 insertions(+) create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/index.html create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/galileo.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/ilves.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/kaljulaid.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/karis.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/meri.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/pats.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/queen.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/pildid/ruutel.jpg create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/script.js create mode 100644 rannak/mangud/kaitseliitlane/kuulsused/styles.css (limited to 'rannak/mangud/kaitseliitlane/kuulsused') diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html new file mode 100644 index 0000000..f692fd2 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/kuulsused/index.html @@ -0,0 +1,105 @@ + + + + + + Kuusused + + + + + + + +
+

Kuulsused

+

Vii kokku inimese nimi ja nägu.

+ +
+
+ Liigu Edasi +
+
+ +
+ + +
+
+ +
+ Konstantin Päts img +
+
+ +
+
Konstantin Päts
+
Alar Karis
+
Lennart Meri
+
Arnold Rüütel
+
Toomas Hendrik Ilves
+
Kersti Kaljulaid
+
Elizabth II
+
Galileo Galilei
+
+ +
+ Alar Karis img +
+
+ +
+
+ + + +
+
+ +
+ Arnold Rüütel img +
+
+ +
+ Galileo img +
+
+ +
+ Queen img +
+
+ +
+
+ + + +
+
+ +
+ Kersti Kaljulaid img +
+
+ +
+ Toomas Hendrik Ilves img +
+
+ +
+ Lennart Meri img +
+
+ +
+
+ + + + + + + diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/galileo.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/galileo.jpg new file mode 100644 index 0000000..311780c Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/galileo.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/ilves.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/ilves.jpg new file mode 100644 index 0000000..026be4a Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/ilves.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/kaljulaid.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/kaljulaid.jpg new file mode 100644 index 0000000..2b1a230 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/kaljulaid.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/karis.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/karis.jpg new file mode 100644 index 0000000..ebaf172 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/karis.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/meri.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/meri.jpg new file mode 100644 index 0000000..978f915 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/meri.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/pats.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/pats.jpg new file mode 100644 index 0000000..07b4fff Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/pats.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/queen.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/queen.jpg new file mode 100644 index 0000000..bc0aea5 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/queen.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/ruutel.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/ruutel.jpg new file mode 100644 index 0000000..5cf9c07 Binary files /dev/null and b/rannak/mangud/kaitseliitlane/kuulsused/pildid/ruutel.jpg differ diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js new file mode 100644 index 0000000..c2ef0d7 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/kuulsused/script.js @@ -0,0 +1,71 @@ +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 == 8) { + const button = document.querySelector(".btn"); + button.classList.remove('disabled'); + button.setAttribute('aria-disabled', false); + } +} diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css new file mode 100644 index 0000000..0a6d4b3 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/kuulsused/styles.css @@ -0,0 +1,29 @@ +* { + box-sizing: border-box !important; +} + +img { + max-width: 15rem !important; + height: auto !important; + padding: .3rem; +} + +.lists .list .list-item { + background-color: #B6977D !important; + color: #21201E; + margin: 0.3rem 0; + height: 2.5rem; + border-radius: 8px !important; +} + +.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; +} -- cgit v1.2.3