summaryrefslogtreecommitdiff
path: root/rannak/mangud/kaitseliitlane/kuulsused
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/kaitseliitlane/kuulsused')
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/index.html127
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpgbin78339 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpgbin137594 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpgbin90772 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpgbin186590 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpgbin79800 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpgbin722236 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpgbin69745 -> 0 bytes
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/script.js77
-rw-r--r--rannak/mangud/kaitseliitlane/kuulsused/styles.css94
10 files changed, 0 insertions, 298 deletions
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html
deleted file mode 100644
index d2225b6..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/index.html
+++ /dev/null
@@ -1,127 +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>Kuusused</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">Sündmused</h1>
- <p>Vii sündmus kokku pildiga.</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.jpg"/>
- </div>
-
- <div class="modal-body">
- Tunnen, et sündinuna sõjaeelses iseseisvas Eesti Vabariigis,
- olen kui ühenduslüli kahe iseseisvusaja vahel.
- See, mis toimub praegu, on ajalugu - meie iseseisvuse taastulemise lugu!
- <br/>
- Olen seda lugu talletanud oma fotoaparaadiga “Zenit”, sest kes minevikku
- ei mäleta elab tulevikuta. Ja meil on tulevikku!
- <br/>
- Noored eestlased! Me peame mäletama neid murrangulisi sündmuseid ja
- ei tohi neid unustada ka 30 aasta pärast!
- <br/>
- <strong>
- Lehtise neid fotosid ja vaata, kas oskad pildi ja allkirja kokku viia?
- </strong>
- </div>
-
- </div>
- </div>
- </div>
-
-
- <!-- Esimene rida -->
- <div class="lists">
- <div class="row">
-
- <div class="col imgBox text-center">
- <img src="pildid/baltikett.jpg" alt="Baltikett img">
- <div id="baltikett" class="list"></div>
- </div>
-
- <div class="list col startBasket text-center">
- <div id="interrinne" class="list-item" draggable="true">Interrinne 1990</div>
- <div id="hirvepark" class="list-item" draggable="true">Hirvepark 1987</div>
- <div id="EV" class="list-item" draggable="true">EV väljakuulutamine 1991</div>
- <div id="baltikett" class="list-item" draggable="true">Baltikett 1989</div>
- <div id="teletorn" class="list-item" draggable="true">Teletorni kaitsmine 1991</div>
- <div id="laulupidu" class="list-item" draggable="true">Öölaulupidu 1988</div>
- </div>
-
- <div class="col imgBox text-center">
- <img src="pildid/laulupidu.jpg" alt="Laulupidu img">
- <div id="laulupidu" class="list"></div>
- </div>
-
- </div>
- </div>
-
- <!-- Teine rida -->
-
- <div class="lists">
- <div class="row">
-
- <div class="col-3 imgBox text-center">
- <img src="pildid/hirvepark.jpg" alt="Hirvepark img">
- <div id="hirvepark" class="list"></div>
- </div>
-
- <div class="col-3 imgBox text-center">
- <img src="pildid/teletorn.jpg" alt="Teletorn img">
- <div id="teletorn" class="list"></div>
- </div>
-
- <div class="col-3 imgBox text-center">
- <img src="pildid/EVkuulutamine.jpg" alt="EV välja kuulutamine img">
- <div id="EV" class="list"></div>
- </div>
-
- <div class="col-3 imgBox text-center">
- <img src="pildid/interrinne.jpg" alt="Interrinne img">
- <div id="interrinne" 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/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg
deleted file mode 100644
index f462f69..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg
deleted file mode 100644
index 37ae271..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg
deleted file mode 100644
index f395c65..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg
deleted file mode 100644
index b94f2b0..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg
deleted file mode 100644
index 3d6d386..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg
deleted file mode 100644
index 6ad8ad9..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg b/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg
deleted file mode 100644
index c539324..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg
+++ /dev/null
Binary files differ
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js
deleted file mode 100644
index daa263d..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/script.js
+++ /dev/null
@@ -1,77 +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;
-
-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();
- });
-
- 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.5)";
- });
-
-
- list.addEventListener("dragleave",e => {
- list.style.backgroundColor = "rgba(0,0,0,0.3)";
- });
-
-
- 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)";
- })
- }
-
-}
-
-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);
- console.log(rightDone.length);
- console.log(rightDone);
- }
- }
- } // For loop end
-
- if (rightDone.length == 6) {
- const btn = document.querySelector(".moveOn");
- btn.disabled = false;
- btn.onclick = () => location.href = "";
- }
-}
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css
deleted file mode 100644
index c007ae5..0000000
--- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css
+++ /dev/null
@@ -1,94 +0,0 @@
-* {
- box-sizing: border-box !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;
- cursor: not-allowed;
-}
-
-.row {
- margin: 0 5% !important;
-}
-
-img {
- max-width: 100% !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;
-}
-
-
-/* Modal Stuff */
-
-.avatar {
- border-radius: 20px;
- width: 100% !important;
- 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: 25px !important;
- 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;
-}