From ea90f1c8a5fb5b666113ee21f81a5530127a0517 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Mon, 30 Jan 2023 00:10:22 +0200 Subject: Parorg Kuulsused New --- rannak/mangud/partorg/kuulsused.bak/index.html | 139 +++++++++++++++++ .../mangud/partorg/kuulsused.bak/pildid/avatar.png | Bin 0 -> 657556 bytes .../mangud/partorg/kuulsused.bak/pildid/kogan.jpg | Bin 0 -> 1615437 bytes .../mangud/partorg/kuulsused.bak/pildid/laar.jpg | Bin 0 -> 115333 bytes .../partorg/kuulsused.bak/pildid/lauristin.jpg | Bin 0 -> 123371 bytes .../mangud/partorg/kuulsused.bak/pildid/ruutel.jpg | Bin 0 -> 91185 bytes .../partorg/kuulsused.bak/pildid/savisaar.jpg | Bin 0 -> 87392 bytes .../mangud/partorg/kuulsused.bak/pildid/valk.jpg | Bin 0 -> 331930 bytes rannak/mangud/partorg/kuulsused.bak/script.js | 133 +++++++++++++++++ rannak/mangud/partorg/kuulsused.bak/styles.css | 101 +++++++++++++ rannak/mangud/partorg/kuulsused/index.html | 165 +++++++++++++-------- rannak/mangud/partorg/kuulsused/script.js | 70 ++++++++- rannak/mangud/partorg/kuulsused/styles.css | 59 ++++++-- 13 files changed, 582 insertions(+), 85 deletions(-) create mode 100644 rannak/mangud/partorg/kuulsused.bak/index.html create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg create mode 100644 rannak/mangud/partorg/kuulsused.bak/script.js create mode 100644 rannak/mangud/partorg/kuulsused.bak/styles.css (limited to 'rannak/mangud/partorg') diff --git a/rannak/mangud/partorg/kuulsused.bak/index.html b/rannak/mangud/partorg/kuulsused.bak/index.html new file mode 100644 index 0000000..52a5245 --- /dev/null +++ b/rannak/mangud/partorg/kuulsused.bak/index.html @@ -0,0 +1,139 @@ + + + + + + Kuulsused + + + + + + + +
+

Olulised isikud

+

Vii kokku inimese nimi ja nägu.

+ +
+
+ +
+ +
+ + + + + +
+ + + + + + + +
+
+ +
+ Mart Laar img +

+ 1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige. +

+
+
+ +
+
Mart Laar
+
Marju Lauristin
+
Arnold Rüütel
+
Edgar Savisaar
+
Jevgeni Kogan
+
Heinz Valk
+
+ +
+ Marju Lauristin img +

+ 1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige +

+
+
+ +
+
+ + + +
+
+ +
+ Arnold Rüütel img +

+ 1990-1992 ENSV/ EV Ülemnõukogu esimees. +

+
+
+ +
+ Savisaar img +

+ Üks Rahvarinde loojatest, 1990 Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja. +

+
+
+ +
+ Heniz img +

+ Kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime. +

+
+
+ +
+ Kogan img +

+ Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse saadikuterühma “Sojuz” tegevuses. +

+
+
+ +
+
+ + + + + + + diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png b/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png new file mode 100644 index 0000000..485a70c Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg new file mode 100644 index 0000000..9c592f3 Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg new file mode 100644 index 0000000..a7cea18 Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg new file mode 100644 index 0000000..67c788d Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg new file mode 100644 index 0000000..389287d Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg new file mode 100644 index 0000000..57815c8 Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg new file mode 100644 index 0000000..c7afa8c Binary files /dev/null and b/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg differ diff --git a/rannak/mangud/partorg/kuulsused.bak/script.js b/rannak/mangud/partorg/kuulsused.bak/script.js new file mode 100644 index 0000000..aa054dd --- /dev/null +++ b/rannak/mangud/partorg/kuulsused.bak/script.js @@ -0,0 +1,133 @@ +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; + + +// Draggable Items + +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(); + }); + + +} + + + + +// Dropping spots + +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.9)"; + list.style.transform = "scale(1.3)"; + }); + + + list.addEventListener("dragleave",e => { + list.style.backgroundColor = "rgba(0,0,0,0.3)"; + list.style.transform = "scale(1)"; + }); + + + list.addEventListener("drop",e => { + if (list.children.length == 0 || list.className.includes("startBasket")) + list.append(draggedItem); + list.style.backgroundColor = "rgba(0,0,0,0.3)"; + list.style.transform = "scale(1)"; + + }) +} + + + +// Smooth scroll stuff + +// const ekraaniPikkus = window.innerHeight; +// let d; +// if (ekraaniPikkus > 800) +// d = ekraaniPikkus / 8; +// else +// d = ekraaniPikkus / 4; +// +// console.log(ekraaniPikkus); +// console.log(document.body.scrollHeight); +// const maxScroll = document.body.scrollHeight; +// +// window.ondragover = function(e){ +// console.log("Pos: ",e.clientY); +// console.log(d); +// console.log("X: ", e.y); +// //console.log(e); +// +// if (e.clientY > (ekraaniPikkus - d)){ +// console.log("Should scroll down"); +// if (maxScroll > e.y+d) +// window.scrollTo(0, e.y + d); +// else +// window.scrollTo(0, maxScroll); +// } +// else if (e.clientY < (d)) +// window.scrollTo(0, e.y - d); +// } + + + + + +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); + } + } + } // For loop end + + if (rightDone.length == 6) { + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = "../plakat"; + } +} + + + +/* The Scrolling on thing while dragging */ +// window.scrollTo(0, 500); diff --git a/rannak/mangud/partorg/kuulsused.bak/styles.css b/rannak/mangud/partorg/kuulsused.bak/styles.css new file mode 100644 index 0000000..f4fb4c8 --- /dev/null +++ b/rannak/mangud/partorg/kuulsused.bak/styles.css @@ -0,0 +1,101 @@ +* { + box-sizing: border-box !important; +} + +.lists{ + margin-bottom: 20px !important; +} +/* Modal Stuff */ + + +.avatar { + border-radius: 20px; + 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: 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; +} + + +/* 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; +} + + +/* Other */ + + +.row { + margin: 0 5% !important; +} + +img { + max-width: 15rem !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; +} diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html index 4dfe755..b0503a2 100644 --- a/rannak/mangud/partorg/kuulsused/index.html +++ b/rannak/mangud/partorg/kuulsused/index.html @@ -2,8 +2,8 @@ - - Kuusused + + Kuulsused @@ -12,7 +12,7 @@
-

Kuulsused

+

Olulised isikud

Vii kokku inimese nimi ja nägu.

@@ -59,78 +59,115 @@
- -
-
-
- Mart Laar img -

- "1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige." -

-
-
+
-
-
Mart Laar
-
Marju Lauristin
-
Arnold Rüütel
-
Edgar Savisaar
-
Jevgeni Kogan
-
Heinz Valk
-
-
- Marju Lauristin img -

- "1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige" -

+
+
Mart Laar
+
Marju Lauristin
+
Arnold Rüütel
+
Edgar Savisaar
+
Jevgeni Kogan
+
Heinz Valk
+
+ + + + -
- +
+ Arnold Rüütel img +
+

+ 1990-1992 ENSV/ EV Ülemnõukogu esimees. +

+
+
+
-
-
-
- Arnold Rüütel img -

- "1990-1992 ENSV/ EV Ülemnõukogu esimees." -

-
-
+
+ Savisaar img +
+

+ Üks Rahvarinde loojatest, 1990 Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja. +

+
+
+
+ + +
+ Heniz img +
+

+ Kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime. +

+
+
+
-
- Savisaar img -

- "üks Rahvarinde loojatest, 1990 Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja" -

-
-
-
- Heniz img -

- "kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime." -

-
-
+
+ Kogan img +
+

+ Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse saadikuterühma “Sojuz” tegevuses. +

+
+
+
+ +
+ + + + + + +
+ +
-
- Kogan img -

- "Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse saadikuterühma “Sojuz” tegevuses." -

-
-
- -
-
- diff --git a/rannak/mangud/partorg/kuulsused/script.js b/rannak/mangud/partorg/kuulsused/script.js index 60c3ffa..1ab5cef 100644 --- a/rannak/mangud/partorg/kuulsused/script.js +++ b/rannak/mangud/partorg/kuulsused/script.js @@ -4,11 +4,15 @@ document.addEventListener('DOMContentLoaded', () => { }); + const list_items = document.querySelectorAll(".list-item"); const lists = document.querySelectorAll(".list"); let draggedItem = null; + +// Draggable Items + for (let i=0; i < list_items.length; i++){ const item = list_items[i]; @@ -16,25 +20,36 @@ for (let i=0; i < list_items.length; i++){ 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 */ +} + + + + +// Dropping spots + +for (let j=0; j < lists.length; j++){ + const list = lists[j]; + + /* Event Listeners */ - list.addEventListener("dragenter",e => (e.preventDefault())); + list.addEventListener("dragenter",e => (e.preventDefault())); list.addEventListener("dragover",e => { e.preventDefault(); - list.style.backgroundColor = "rgba(0,0,0,0.5)"; + list.style.backgroundColor = "rgba(0,0,0,0.9)"; }); @@ -46,12 +61,46 @@ for (let i=0; i < list_items.length; i++){ 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)"; + list.style.backgroundColor = "rgba(0,0,0,0.3)"; }) - } - } + + +// Smooth scroll stuff + +// const ekraaniPikkus = window.innerHeight; +// let d; +// if (ekraaniPikkus > 800) +// d = ekraaniPikkus / 8; +// else +// d = ekraaniPikkus / 4; +// +// console.log(ekraaniPikkus); +// console.log(document.body.scrollHeight); +// const maxScroll = document.body.scrollHeight; +// +// window.ondragover = function(e){ +// console.log("Pos: ",e.clientY); +// console.log(d); +// console.log("X: ", e.y); +// //console.log(e); +// +// if (e.clientY > (ekraaniPikkus - d)){ +// console.log("Should scroll down"); +// if (maxScroll > e.y+d) +// window.scrollTo(0, e.y + d); +// else +// window.scrollTo(0, maxScroll); +// } +// else if (e.clientY < (d)) +// window.scrollTo(0, e.y - d); +// } + + + + + function checkIfAllGood(){ let rightDone = []; @@ -73,3 +122,8 @@ function checkIfAllGood(){ btn.onclick = () => location.href = "../plakat"; } } + + + +/* The Scrolling on thing while dragging */ +// window.scrollTo(0, 500); diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css index f4fb4c8..108bde9 100644 --- a/rannak/mangud/partorg/kuulsused/styles.css +++ b/rannak/mangud/partorg/kuulsused/styles.css @@ -65,21 +65,51 @@ button:disabled{ } -/* Other */ +/* Mainer */ +.mainer { + display: flex; + align-items: center; + border: 3px solid white; + border-radius: 10px; + margin: .7rem; + min-height: 80%; +} + +.mainer .startBasket { + width: 40%; + padding: 1rem; +} + + + +/* Carousel */ +.carousel { + border-left: 5px solid white; + padding: 1rem !important; + margin: auto !important; + width: 60% !important; + height: auto !important; -.row { - margin: 0 5% !important; } -img { - max-width: 15rem !important; +.carousel-item{text-align: center !important;} +.carousel-item .text{padding-top: 10px !important;} + +.carousel-item img{ + margin: auto !important; + max-width: 35% !important; height: auto !important; - padding: .3rem; } - -.lists .list .list-item { +.carousel-item .list { + background-color: rgba(0, 0, 0, 0.3); + min-height: 3.7rem; + margin: .5rem; + border-radius: 8px !important; +} + +.list-item { background-color: #b2beb5 !important; color: #21201E; margin: 0.5rem 0; @@ -88,11 +118,14 @@ img { cursor: pointer; } -.lists .list { - background-color: rgba(0, 0, 0, 0.3); - min-height: 2.5rem; - margin: .5rem; - border-radius: 8px !important; + + +/* Other */ + +.modal-header img { + max-width: 15rem !important; + height: auto !important; + padding: .3rem; } .startBasket { -- cgit v1.2.3