diff options
Diffstat (limited to 'rannak/mangud/partorg/kuulsused.bak')
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/index.html | 139 | ||||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png | bin | 657556 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg | bin | 1615437 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg | bin | 115333 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg | bin | 123371 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg | bin | 91185 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg | bin | 87392 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg | bin | 331930 -> 0 bytes | |||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/script.js | 133 | ||||
-rwxr-xr-x | rannak/mangud/partorg/kuulsused.bak/styles.css | 101 |
10 files changed, 0 insertions, 373 deletions
diff --git a/rannak/mangud/partorg/kuulsused.bak/index.html b/rannak/mangud/partorg/kuulsused.bak/index.html deleted file mode 100755 index 52a5245..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/index.html +++ /dev/null @@ -1,139 +0,0 @@ -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=, initial-scale=1.0"> - <title>Kuulsused</title> - <link rel="stylesheet" href="styles.css"> - <!-- Bootstrap - CSS only --> - <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> -</head> - -<body class="bg-dark text-white"> - - <div class="container text-center text-white align-items-center pb-5"> - <h1 class="pb-1 pt-2">Olulised isikud</h1> - <p>Vii kokku inimese nimi ja nägu.</p> - - <div class="row"> - <div> - <button class="moveOn" disabled>Liigu Edasi</button> - </div> - - </div> - - <!-- Button trigger modal --> - <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> - - - </div> - - - <!-- Modal --> - <div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> - <div class="modal-dialog" role="document"> - <div class="modal-content"> - - <div class="modal-header"> - <div class="modalHeaderWrapper"> - <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> - </div> - <img class="avatar" alt="avatar" src="pildid/avatar.png"/> - </div> - - <div class="modal-body"> - Seltsimehed noored, olen meie ajakirjandusest, mis kahjuks ei ole enam maailma eesrindlikum, - välja lõiganud mitmete tänapäeva ENSV elus üht või teistpidi silma paistnud inimeste pildid. - <br/> - Mõned neist inimestest mulle ei meeldi, natsionalistid! Kas ka teie tunnete neid inimesi? - <br/> - Teeme proovi, <strong>ühendage nimi ja talle sobiv foto.</strong> - <br/> <br/> - Huvitav kas neid inimesi mäletatakse ka aastate pärast? - </div> - - </div> - </div> - </div> - - - <!-- Esimene rida --> - <div class="lists"> - <div class="row"> - - <div class="col imgBox text-center"> - <img src="pildid/laar.jpg" alt="Mart Laar img"> - <p> - 1990-1992 Eesti Vabariigi Ülemnõukogu liige. Eesti muinsuskaitse seltsi, Eesti komitee, Eesti kongressi liige. - </p> - <div id="laar" class="list"></div> - </div> - - <div class="list col startBasket text-center"> - <div id="laar" class="list-item" draggable="true">Mart Laar</div> - <div id="lauristin" class="list-item" draggable="true">Marju Lauristin</div> - <div id="ruutel" class="list-item" draggable="true">Arnold Rüütel</div> - <div id="savisaar" class="list-item" draggable="true">Edgar Savisaar</div> - <div id="kogan" class="list-item" draggable="true">Jevgeni Kogan</div> - <div id="valk" class="list-item" draggable="true">Heinz Valk</div> - </div> - - <div class="col imgBox text-center"> - <img src="pildid/lauristin.jpg" alt="Marju Lauristin img"> - <p> - 1990-1992 EV Ülemnõukogu liige, juhataja asetäitja, 1990 Eesti Komitee liige - </p> - <div id="lauristin" class="list"></div> - </div> - - </div> - </div> - - <!-- Teine rida --> - - <div class="lists"> - <div class="row"> - - <div class="col-3 imgBox text-center"> - <img src="pildid/ruutel.jpg" alt="Arnold Rüütel img"> - <p> - 1990-1992 ENSV/ EV Ülemnõukogu esimees. - </p> - <div id="ruutel" class="list"></div> - </div> - - <div class="col-3 imgBox text-center"> - <img src="pildid/savisaar.jpg" alt="Savisaar img"> - <p> - Üks Rahvarinde loojatest, 1990 Eesti NSV Valitsuse esimees, 20.08.1991 Eesti Vabariigi peaministri kohusetäitja. - </p> - <div id="savisaar" class="list"></div> - </div> - - <div class="col-3 imgBox text-center"> - <img src="pildid/valk.jpg" alt="Heniz img"> - <p> - Kunstnik, Rahvarinde üks asutajaliikmeid, suurepärane kõnepidaja, andis meie revolutsioonile nime. - </p> - <div id="valk" class="list"></div> - </div> - - <div class="col imgBox text-center"> - <img src="pildid/kogan.jpg" alt="Kogan img"> - <p> - Interrinde üks loojatest (1988) ning hiljem selle esimees. NSVL Rahvasaadikute kongressi liige, osales impeeriumimeelse saadikuterühma “Sojuz” tegevuses. - </p> - <div id="kogan" class="list"></div> - </div> - - </div> - </div> - - <script src="script.js"></script> - - <!-- JavaScript Bundle with Popper --> - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> -</body> -</html> diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png b/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png Binary files differdeleted file mode 100755 index 485a70c..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/avatar.png +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg Binary files differdeleted file mode 100755 index 9c592f3..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/kogan.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg Binary files differdeleted file mode 100755 index a7cea18..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/laar.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg Binary files differdeleted file mode 100755 index 67c788d..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/lauristin.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg Binary files differdeleted file mode 100755 index 389287d..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/ruutel.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg Binary files differdeleted file mode 100755 index 57815c8..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/savisaar.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg b/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg Binary files differdeleted file mode 100755 index c7afa8c..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/pildid/valk.jpg +++ /dev/null diff --git a/rannak/mangud/partorg/kuulsused.bak/script.js b/rannak/mangud/partorg/kuulsused.bak/script.js deleted file mode 100755 index aa054dd..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/script.js +++ /dev/null @@ -1,133 +0,0 @@ -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 deleted file mode 100755 index f4fb4c8..0000000 --- a/rannak/mangud/partorg/kuulsused.bak/styles.css +++ /dev/null @@ -1,101 +0,0 @@ -* { - 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; -} |