From 1c973624785b77e97791be8c917c4c13b7418be0 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Sat, 5 Nov 2022 23:13:57 +0200 Subject: actual restructure, previuos commit premature --- rannak/kaart/css/kaart.css | 31 ++ rannak/kaart/index.html | 1011 ++++++++++++++++++++++++++++++++++++++++++++ rannak/kaart/js/kaart.js | 30 ++ 3 files changed, 1072 insertions(+) create mode 100644 rannak/kaart/css/kaart.css create mode 100644 rannak/kaart/index.html create mode 100644 rannak/kaart/js/kaart.js (limited to 'rannak/kaart') diff --git a/rannak/kaart/css/kaart.css b/rannak/kaart/css/kaart.css new file mode 100644 index 0000000..60bb1f9 --- /dev/null +++ b/rannak/kaart/css/kaart.css @@ -0,0 +1,31 @@ +svg path{ + fill: #00394f; + stroke: #eee !important; + stroke-width: .25 !important; +} + +svg path:hover { + fill: #006284; + transition: 0.6s !important; + cursor: pointer !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; +} + diff --git a/rannak/kaart/index.html b/rannak/kaart/index.html new file mode 100644 index 0000000..9160fd4 --- /dev/null +++ b/rannak/kaart/index.html @@ -0,0 +1,1011 @@ + + + + + + Rännak + + + + + + + + +
+
+
+

Kaardimäng

+

Leia esimesed kümme riiki, kes tunnustasid De Facto Eesti iseseisvust +
(testiks leia Eesti, Holland ja Portugal)

+
+ +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/kaart/js/kaart.js b/rannak/kaart/js/kaart.js new file mode 100644 index 0000000..4bb0afe --- /dev/null +++ b/rannak/kaart/js/kaart.js @@ -0,0 +1,30 @@ +const riigid = document.querySelectorAll("svg path") + +// Praegu Eesti, Portugal, Holland +const leitavad = ["EE", "PT", "NL"] +let leitud = []; + +// Add click listener +for (let i = 0; i < riigid.length; i++){ + if (leitavad.includes(riigid[i].id)){ + riigid[i].addEventListener("click", e => { + e.target.style.fill = "#00FF00"; + if (!leitud.includes(e.target.id)) + leitud.push(riigid[i].id); + + if (leitavad.length == leitud.length) + moveOnEnable(); + }) + } + else{ + riigid[i].addEventListener("click", e => { + e.target.style.fill = "#FF0000"; + }) + } +} + +function moveOnEnable(){ + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = "../rolliValik"; +} -- cgit v1.2.3