From c525b29ceb91c0abacfe9916aafb1b0b48d47880 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Fri, 24 Feb 2023 17:31:06 +0200 Subject: =?UTF-8?q?Soome=20m=C3=A4ng=20added?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pood/fonts/1001fonts-eutemia-i-eula.txt | 31 ++++ rannak/mangud/arimees/pood/fonts/Eutemia.ttf | Bin 0 -> 32564 bytes rannak/mangud/arimees/pood/index.html | 62 ++++++++ rannak/mangud/arimees/pood/pildid/avatar.png | Bin 0 -> 73556 bytes rannak/mangud/arimees/pood/pildid/kingad.png | Bin 0 -> 2672289 bytes rannak/mangud/arimees/pood/pildid/kohver.png | Bin 0 -> 5128984 bytes rannak/mangud/arimees/pood/pildid/kupsis.png | Bin 0 -> 64952 bytes rannak/mangud/arimees/pood/pildid/laud.png | Bin 0 -> 1280042 bytes rannak/mangud/arimees/pood/pildid/sai.png | Bin 0 -> 2596703 bytes rannak/mangud/arimees/pood/pildid/tugitool.png | Bin 0 -> 5801727 bytes rannak/mangud/arimees/pood/script.js | 69 +++++++++ rannak/mangud/arimees/pood/styles.css | 167 +++++++++++++++++++++ 12 files changed, 329 insertions(+) create mode 100644 rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt create mode 100644 rannak/mangud/arimees/pood/fonts/Eutemia.ttf create mode 100644 rannak/mangud/arimees/pood/index.html create mode 100644 rannak/mangud/arimees/pood/pildid/avatar.png create mode 100644 rannak/mangud/arimees/pood/pildid/kingad.png create mode 100644 rannak/mangud/arimees/pood/pildid/kohver.png create mode 100644 rannak/mangud/arimees/pood/pildid/kupsis.png create mode 100644 rannak/mangud/arimees/pood/pildid/laud.png create mode 100644 rannak/mangud/arimees/pood/pildid/sai.png create mode 100644 rannak/mangud/arimees/pood/pildid/tugitool.png create mode 100644 rannak/mangud/arimees/pood/script.js create mode 100644 rannak/mangud/arimees/pood/styles.css (limited to 'rannak/mangud/arimees/pood') diff --git a/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt b/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt new file mode 100644 index 0000000..b3cf91f --- /dev/null +++ b/rannak/mangud/arimees/pood/fonts/1001fonts-eutemia-i-eula.txt @@ -0,0 +1,31 @@ +1001Fonts Free For Commercial Use License (FFC) + +Preamble +In this license, 'Eutemia I' refers to the given .zip file, which may contain one or numerous fonts. These fonts can be of any type (.ttf, .otf, ...) and together they form a 'font family' or in short a 'typeface'. + +1. Copyright +Eutemia I is the intellectual property of its respective author, provided it is original, and is protected by copyright laws in many parts of the world. + +2. Usage +Eutemia I may be downloaded and used free of charge for both personal and commercial use. Personal use refers to all usage that does not generate financial income in a business manner, for instance: + + - personal scrapbooking for yourself + - recreational websites and blogs for friends and family + - prints such as flyers, posters, t-shirts for churches, charities, and non-profit organizations + +Commercial use refers to usage in a business environment, including: + + - business cards, logos, advertising, websites for companies + - t-shirts, books, apparel that will be sold for money + - flyers, posters for events that charge admission + - freelance graphic design work + - anything that will generate direct or indirect income + +3. Modification +Eutemia I may not be modified, altered, adapted or built upon without written permission by its respective author. This pertains all files within the downloadable font zip-file. + +4. Distribution +While Eutemia I may freely be copied and passed along to other individuals for private use as its original downloadable zip-file, it may not be sold or published without written permission by its respective author. + +5. Disclaimer +Eutemia I is offered 'as is' without any warranty. 1001fonts.com and the respective author of Eutemia I shall not be liable for any damage derived from using this typeface. By using Eutemia I you agree to the terms of this license. \ No newline at end of file diff --git a/rannak/mangud/arimees/pood/fonts/Eutemia.ttf b/rannak/mangud/arimees/pood/fonts/Eutemia.ttf new file mode 100644 index 0000000..c575e59 Binary files /dev/null and b/rannak/mangud/arimees/pood/fonts/Eutemia.ttf differ diff --git a/rannak/mangud/arimees/pood/index.html b/rannak/mangud/arimees/pood/index.html new file mode 100644 index 0000000..6c2f7b5 --- /dev/null +++ b/rannak/mangud/arimees/pood/index.html @@ -0,0 +1,62 @@ + + + + + + Pood + + + + + + + +
+

Pood

+

Leia toodete tolleaegne hind Eesti Markades, kasutades Rubla ja Marga vahelist kurssi.

+
+
+ +
+ +
+ + + +
+ + + + + + + + + + + + + diff --git a/rannak/mangud/arimees/pood/pildid/avatar.png b/rannak/mangud/arimees/pood/pildid/avatar.png new file mode 100644 index 0000000..3cb21cf Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/avatar.png differ diff --git a/rannak/mangud/arimees/pood/pildid/kingad.png b/rannak/mangud/arimees/pood/pildid/kingad.png new file mode 100644 index 0000000..ef106ae Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/kingad.png differ diff --git a/rannak/mangud/arimees/pood/pildid/kohver.png b/rannak/mangud/arimees/pood/pildid/kohver.png new file mode 100644 index 0000000..485b6db Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/kohver.png differ diff --git a/rannak/mangud/arimees/pood/pildid/kupsis.png b/rannak/mangud/arimees/pood/pildid/kupsis.png new file mode 100644 index 0000000..2419f89 Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/kupsis.png differ diff --git a/rannak/mangud/arimees/pood/pildid/laud.png b/rannak/mangud/arimees/pood/pildid/laud.png new file mode 100644 index 0000000..e3036dc Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/laud.png differ diff --git a/rannak/mangud/arimees/pood/pildid/sai.png b/rannak/mangud/arimees/pood/pildid/sai.png new file mode 100644 index 0000000..8add13c Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/sai.png differ diff --git a/rannak/mangud/arimees/pood/pildid/tugitool.png b/rannak/mangud/arimees/pood/pildid/tugitool.png new file mode 100644 index 0000000..c48bd50 Binary files /dev/null and b/rannak/mangud/arimees/pood/pildid/tugitool.png differ diff --git a/rannak/mangud/arimees/pood/script.js b/rannak/mangud/arimees/pood/script.js new file mode 100644 index 0000000..3b3e67b --- /dev/null +++ b/rannak/mangud/arimees/pood/script.js @@ -0,0 +1,69 @@ +document.addEventListener('DOMContentLoaded', () => { + let btn = document.querySelector('.modalButton'); + btn.click(); +}); + + + +const kurss = 15.6; +doneCounter = 0; + + +const kontrollBtns = document.querySelectorAll(".kontrolliKaarti"); +for (let nupp of kontrollBtns){ + nupp.addEventListener("click", (e) => { + let rublaHind = e.target.previousElementSibling.children[0].children[1].innerHTML; + let pakkumine = e.target.previousElementSibling.children[1].children[1].value; + + if (pakkumine*kurss == rublaHind){ + + //Change color + e.target.offsetParent.style.background = "#288654"; + e.target.previousElementSibling.children[0].style.borderRight = ".5rem solid #288654"; + e.target.previousElementSibling.children[1].style.borderLeft = ".5rem solid #288654"; + + //Change Element + + (e.target.previousElementSibling.children[1].children[1]).remove(); + const newEl = document.createElement("span"); + newEl.classList.add("symbol"); + newEl.innerHTML = pakkumine + " M"; + e.target.previousElementSibling.children[1].appendChild(newEl); + + e.target.remove(); + doneCounter++; + + + // InfoTxt + let infoTxt = document.querySelector(".infoTxt") + infoTxt.innerHTML = ""; + + if (doneCounter >= 6){ + enableAllGood(); + } + } + + + else{ + // Inputvalue Reset + e.target.previousElementSibling.children[1].children[1].value = ""; + + // InfoTxt + let infoTxt = document.querySelector(".infoTxt") + infoTxt.style.color = "red"; + infoTxt.innerHTML = "Proovi Uuesti!"; + + } + + + + }) +} + + + +function enableAllGood(){ + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = ""; +} diff --git a/rannak/mangud/arimees/pood/styles.css b/rannak/mangud/arimees/pood/styles.css new file mode 100644 index 0000000..58bc290 --- /dev/null +++ b/rannak/mangud/arimees/pood/styles.css @@ -0,0 +1,167 @@ +* {box-sizing: border-box;} + +body{ + background-color: #43464b; +} +h1{ + color: #2FF924; + font-weight: bold; +} + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100%; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0; + width: 100%; +} + +.closeModalButton { + border-radius: 50px; +} + +.modalButton{ + position: absolute; + top: 0; + right: 0; + padding: 6px; + padding: 9px 25px; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + margin: 3%; + font-size: 1.2rem; +} + +.modalButton:hover{ + background-color: rgba(0,136,169,0.8); +} + +/* To unduck chrome modal pic size */ +.modal-header img { + max-width: 15rem; + height: auto; + padding: .3rem; +} + + + + + +/* Move On */ + +.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; +} + + + +/* Pood Itself */ +.main { + padding: 1% 10%; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +h3, h5 { + text-align: center; +} + + + + + +/* PoeKaart */ + +.card { + margin: 2rem .5rem; + padding: .5rem; + width: calc(20% - 1rem); + color: black; + background-color: #D22730; +} + +.card img { + height: 57%; +} + + +.card-body{ + padding: 0; + margin: 0; +} +.cardInnerWrapper { + background-color: white; + display:flex; + paddig: 0; + margin: 0; +} + +.rublaHind, .symbol{ + font-size: 1.5rem; +} + +.uno { + width: 50%; + border-right: .5rem solid #D22730; +} + +.dos { + border-left: .5rem solid #D22730; + width: 50%; +} + +.dos input { + width: 80%; + margin-bottom: 1rem; +} + +.kontrolliKaarti{ + margin-top: 1rem; + display: inline-block; + border: none; + padding: 3px 6px; + margin-botton: 0; + font-size: 1.07rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #006E33; + color: white; +} + + + + + +/* Media Querries*/ + +@media screen and (max-width: 1650px) { + .card{ + width: calc(25% - 1rem); + } +} -- cgit v1.2.3