From ba837f70632519d58ae0f3f95bfad0dbb8051fc0 Mon Sep 17 00:00:00 2001 From: Rasmus Date: Sat, 1 Apr 2023 16:15:52 +0300 Subject: Loosung ja Baltikett --- rannak/mangud/direktor/baltikett/index.html | 121 +++++++++++++++++++++ .../direktor/baltikett/pildid/EVkuulutamine.jpg | Bin 0 -> 78339 bytes rannak/mangud/direktor/baltikett/pildid/avatar.jpg | Bin 0 -> 137594 bytes .../mangud/direktor/baltikett/pildid/baltikett.jpg | Bin 0 -> 90772 bytes .../mangud/direktor/baltikett/pildid/hirvepark.jpg | Bin 0 -> 186590 bytes .../direktor/baltikett/pildid/interrinne.jpg | Bin 0 -> 79800 bytes .../mangud/direktor/baltikett/pildid/laulupidu.jpg | Bin 0 -> 722236 bytes .../mangud/direktor/baltikett/pildid/teletorn.jpg | Bin 0 -> 69745 bytes rannak/mangud/direktor/baltikett/script.js | 47 ++++++++ rannak/mangud/direktor/baltikett/styles.css | 98 +++++++++++++++++ 10 files changed, 266 insertions(+) create mode 100644 rannak/mangud/direktor/baltikett/index.html create mode 100644 rannak/mangud/direktor/baltikett/pildid/EVkuulutamine.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/avatar.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/baltikett.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/hirvepark.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/interrinne.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/laulupidu.jpg create mode 100644 rannak/mangud/direktor/baltikett/pildid/teletorn.jpg create mode 100644 rannak/mangud/direktor/baltikett/script.js create mode 100644 rannak/mangud/direktor/baltikett/styles.css (limited to 'rannak/mangud/direktor/baltikett') diff --git a/rannak/mangud/direktor/baltikett/index.html b/rannak/mangud/direktor/baltikett/index.html new file mode 100644 index 0000000..f4e44cd --- /dev/null +++ b/rannak/mangud/direktor/baltikett/index.html @@ -0,0 +1,121 @@ + + + + + Baltikett + + + + + + + + +
+

Baltikett

+

+ Joonlauaga (vali parempoolsest rippmenüüst joonlaua ikoon + (vasakpoolse paneeli võid ruumi tegemiseks sulgeda)) + saab mitme klikiga mööda joont kaugust mõõta. Selleks, + et saada võimalikult täpne tulemus, zoomi kaardile lähemale + või kaugemale, vastavalt vajadusele.
Leia Baltiketi pikkus Eestis + ning sinu kodukoha kaugus ketist. +

+ +
+
+ + + + +
+ + +
+ + +
+ + + + + + + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ + + + + + +
+ + + +
+ + + + + + + + + + diff --git a/rannak/mangud/direktor/baltikett/pildid/EVkuulutamine.jpg b/rannak/mangud/direktor/baltikett/pildid/EVkuulutamine.jpg new file mode 100644 index 0000000..f462f69 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/EVkuulutamine.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/avatar.jpg b/rannak/mangud/direktor/baltikett/pildid/avatar.jpg new file mode 100644 index 0000000..37ae271 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/avatar.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/baltikett.jpg b/rannak/mangud/direktor/baltikett/pildid/baltikett.jpg new file mode 100644 index 0000000..f395c65 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/baltikett.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/hirvepark.jpg b/rannak/mangud/direktor/baltikett/pildid/hirvepark.jpg new file mode 100644 index 0000000..b94f2b0 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/hirvepark.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/interrinne.jpg b/rannak/mangud/direktor/baltikett/pildid/interrinne.jpg new file mode 100644 index 0000000..3d6d386 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/interrinne.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/laulupidu.jpg b/rannak/mangud/direktor/baltikett/pildid/laulupidu.jpg new file mode 100644 index 0000000..6ad8ad9 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/laulupidu.jpg differ diff --git a/rannak/mangud/direktor/baltikett/pildid/teletorn.jpg b/rannak/mangud/direktor/baltikett/pildid/teletorn.jpg new file mode 100644 index 0000000..c539324 Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/teletorn.jpg differ diff --git a/rannak/mangud/direktor/baltikett/script.js b/rannak/mangud/direktor/baltikett/script.js new file mode 100644 index 0000000..f5d1016 --- /dev/null +++ b/rannak/mangud/direktor/baltikett/script.js @@ -0,0 +1,47 @@ +document.addEventListener('DOMContentLoaded', () => { + let btn = document.querySelector('.modalButton'); + btn.click(); +}); + + + +const inputs = document.querySelectorAll('input'); +let asulaVal; +let kaugusVal; +let teekondVal; + +for (input of inputs){ + input.addEventListener('input', () => { + getInputs() + }); +} + + +function getInputs(){ + let teekond = document.querySelector('.teekondInput'); + let asula = document.querySelector('.asulaInput'); + let kaugus = document.querySelector('.kaugusInput'); + + asulaVal = asula.value; + kaugusVal = kaugus.value; + teekondVal = teekond.value; + + if (asulaVal != '' && kaugusVal != '' && teekondVal != '') + allGood(); +} + + + +/// All Done /// + + + +function allGood(){ + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + localStorage.setItem("roll", "Direktori"); + localStorage.setItem("asula", asulaVal); + localStorage.setItem("kaugus", kaugusVal); + localStorage.setItem("teekond", teekondVal); + btn.onclick = () => location.href = "../../../endPage"; +} diff --git a/rannak/mangud/direktor/baltikett/styles.css b/rannak/mangud/direktor/baltikett/styles.css new file mode 100644 index 0000000..cc1f6ec --- /dev/null +++ b/rannak/mangud/direktor/baltikett/styles.css @@ -0,0 +1,98 @@ +* { + box-sizing: border-box; +} +h1 { + color: #154734; + font-weight: bold; +} +body{ + background-color: #4D5157; +} + +.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; +} + + + + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100%; + max-width: 15rem; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0; + width: 100%; +} + + + + +.closeModalButton { + border-radius: 50px; +} + + +.modalButton{ + display: inline-block; + padding: 6px 12px; + margin-left: 30px; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + font-size: 1rem; +} + + + +.modalButton:hover{ + background-color: rgba(0,136,169,0.8); +} + +span{ + font-size: .1rem; +} + + +/* Mainer */ +.inputWrapper{ + margin-top: 1rem; + display: flex; + items-align: center; + justify-content: center; +} + +.rightWrapper{ + margin-left: 2rem; +} + + +input{margin: .3rem;} + +.main{padding: 2.5%;} +iframe{ + border: solid .5rem black; + border-radius: 10px; +} -- cgit v1.2.3