diff options
88 files changed, 453 insertions, 345 deletions
diff --git a/img/rahvas.jpg b/img/rahvas.jpg Binary files differnew file mode 100644 index 0000000..094dafb --- /dev/null +++ b/img/rahvas.jpg diff --git a/img/rahvas.png b/img/rahvas.png Binary files differnew file mode 100644 index 0000000..b1aaede --- /dev/null +++ b/img/rahvas.png @@ -3,30 +3,22 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="stylesheet" href="styles.css"> <title>Digirännak</title> - <!-- Fonts --> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - - <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap" rel="stylesheet"> - <!-- 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"> + <link rel="stylesheet" href="styles.css"> </head> -<body class="bg-dark"> - <section id="intro"> +<body> + <section id="intro"> <!-- navbar --> - <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-5"> + <nav class="navbar navbar-expand-md"> <div class="container fs-5"> <!-- navbar brand / title --> <a class="navbar-brand" href="#intro"> - <span class="text-secondary fw-bold"> + <span> Digirännak </span> </a> @@ -59,44 +51,31 @@ </nav> + + + <!-- Intro ja alusta Digiränakut --> - <div class="rannakuNupp d-flex align-items-center justify-content-center container"> + <div class="rannakuNupp"> - <div class="row justify-content-center"> - <div class="col text-center text-md-start"> - <div class="neon-button-wrapper"> - <a href="rannak/kaart" class="neon-button">Rännakule</a> - </div> - </div> - <div> - - <div class="row justify-content-center"> - <div class="col text-center fs-4 text-muted"> - Esmalt loe - <a class="text-reset text-decoration-none" href="#juhend"> - <span class="fw-bold">Juhendit</span>! - </a> - </div> - </div> + <a class="mainBtn" href="rannak/kaart" class="neon-button"><span>Rännakule</span></a> </div> + + </section> <!-- juhend --> - <section id="juhend"> <div class="container"> - <div class="text-center pt-5 pb-3"> - <h2 class="text-white fs-1">Juhend</h2> - <p class="lead text-muted pt-2">Juhend teeb digirännaku läbimise kergemaks ja mugavamaks, Loe see kindlasti läbi.</p> + <div class="juhendUpper"> + <h2>Juhend</h2> </div> - <!-- accordion --> <div class="accordion accordion-flush justify-content-center" id="accordionFlush"> @@ -109,7 +88,8 @@ <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush"> <div class="accordion-body"> <p> - <a href="lehed/rollid">Enne Rännakule asumist tutvu kindlasti rollidega.</a> + Enne Rännakule asumist tutvu kindlasti + <a href="lehed/rollid">rollidega</a>. <br/> Kahjuks ei ole digirännak telefoniga läbitav. </p> @@ -182,11 +162,11 @@ </div> - </div> </div> </section> + <script src="main.js"></script> <!-- JavaScript Bundle with Popper --> diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html index dd83513..1a077a6 100644 --- a/lehed/oppematerjalid/index.html +++ b/lehed/oppematerjalid/index.html @@ -5,18 +5,14 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Õppematerjalid</title> - <link rel="stylesheet" href="styles.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - - <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> <!-- 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"> + <link rel="stylesheet" href="styles.css"> </head> -<body class="bg-dark"> +<body> <!-- navbar --> - <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2"> + <nav class="navbar navbar-expand-md"> <div class="container fs-5"> <!-- navbar brand / title --> <a class="navbar-brand" href="../../#intro"> diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css index 9b02532..74ca032 100644 --- a/lehed/oppematerjalid/styles.css +++ b/lehed/oppematerjalid/styles.css @@ -1,3 +1,22 @@ body{ - font-family: 'Cormorant SC', serif !important; -}
\ No newline at end of file + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + background-color: #43464b; +} + +/* NavBar */ +.navbar{ + margin: 1.2rem; + margin-top: 0; + border-bottom: 2px solid white; +} + +.navbar span{ + font-weight: bold !important; + color: white !important; +} + +.navbar a:hover{ + color: snow; + font-weight: bolder; +} +.navbar a{ color: white; } diff --git a/lehed/projekt/index.html b/lehed/projekt/index.html index 84f8a6a..4a9da9e 100644 --- a/lehed/projekt/index.html +++ b/lehed/projekt/index.html @@ -5,18 +5,14 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Projekt</title> - <link rel="stylesheet" href="styles.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - - <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> <!-- 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"> + <link rel="stylesheet" href="styles.css"> </head> -<body class="bg-dark"> +<body> <!-- navbar --> - <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2"> + <nav class="navbar navbar-expand-md"> <div class="container fs-5"> <!-- navbar brand / title --> <a class="navbar-brand" href="../../#intro"> diff --git a/lehed/projekt/styles.css b/lehed/projekt/styles.css index 9b02532..0c12a82 100644 --- a/lehed/projekt/styles.css +++ b/lehed/projekt/styles.css @@ -1,3 +1,24 @@ body{ - font-family: 'Cormorant SC', serif !important; -}
\ No newline at end of file + background-color: #43464b; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + +/* NavBar */ +.navbar{ + margin: 1.2rem; + margin-top: 0; + border-bottom: 2px solid white; +} + +.navbar span{ + font-weight: bold !important; + color: white !important; +} + +.navbar a:hover{ + color: snow; + font-weight: bolder; +} +.navbar a{ color: white; } + diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html index 0a53683..be810bf 100644 --- a/lehed/rollid/index.html +++ b/lehed/rollid/index.html @@ -4,18 +4,14 @@ <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rollid</title> - - <link rel="stylesheet" href="styles.css"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> <!-- 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"> + <link rel="stylesheet" href="styles.css"> </head> -<body class="bg-dark"> +<body> <!-- navbar --> <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2"> @@ -178,14 +174,40 @@ <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab"> <div class="row"> - <div class="col-lg-8"> - <h2 class="arimeesPealkiri">Ärimees</h2> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p> - </div> - - <div class="col-lg-4"> - <img src="pildid/arimees.jpg" alt="must-valge ärimees" class="img-fluid"> + <div> + <h2 class="arimeesPealkiri">TOIVO, ärimees. Sündinud 1965.</h2> + + <video controls > + <source src="vids/arimees.mp4" type="video/mp4" /> + </video> + + <p> + Olen Toivo, omadele Toits. 22-aastane, sündinud 1965.aastal. + <br><br> + Olen eluaeg Tallinnas elanud. Juba poisikesena hakkasin ma väikestviisi äri ajama: müüsin + poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat. + No ja nii see vaikselt hakkas looma, see minu äritegevus, noh. + <br><br> + Õppisin Pirital, 36. keskkoolis, hinded olid peamiselt kolmed, aga soome keelt ma õppisin. + Soome keelt sai telekast õppida, sest tallinlased ja põhjaeestlased lasid omale televiisorisse + paigaldada lisajubina, mis abil said vaadata Soome televisiooni saateid. Vene keel tuli ka + kuidagi iseenesest, mul on ka venelastest sõpru. + <br><br> + Keskas käies hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. Oma esimese “soomlase” + sain 1986. aastal. Lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. See osutus Pekkaks + ja nii me sõbrunesimegi. Pekka käis igal kuul Tallinnas ja hakkas mulle kilekottides riideid ja muud + kraami kaasa tooma. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid. + Võtsin sõber Urmase ka kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja + ja rahvas tuli! Valuutat oli enamasti välismaalastel ja ka vähestel eesti inimestel, kel on sidemeid läänes. + Tegelikult nõukogude inimene valuutat omada ei tohigi, kui sul seda ilma nö loata oli, võisid karistuse kaela + saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. + <br><br> + Minu sissetulek oli ikka kordades suurem, kui mu vanematel. 1988ndal sain endale osta auto Ford Fiesta. + See oli tumesinine ja teenis mind paar aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid + on juba meie tänavatel päris palju. Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga + oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks. + </p> + </div> </div> </div> @@ -193,7 +215,7 @@ <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab"> <div class="row"> <div> - <h2 class="perenainePealkiri">VIRGE, Perenaine. Sündinud 1955, 35-aastane</h2> + <h2 class="perenainePealkiri">VIRGE, perenaine. Sündinud 1955, 35-aastane</h2> <video controls > <source src="vids/perenaine.mp4" type="video/mp4" /> @@ -227,16 +249,53 @@ <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab"> <div class="row"> - <div class="col-lg-8"> - <h2 class="kaitseliitlanePealkiri">Kaitseliitlane</h2> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p> - <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p> - <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam, quaerat.</p> - </div> - - <div class="col-lg-4"> - <img src="pildid/kaitseliitlane.jpg" alt="must-valge kaitseliitlane" class="img-fluid"> + <div> + <h2 class="kaitseliitlanePealkiri">VAHUR, kaitseliitlane. Sündinud 1938, 53-aastane</h2> + + <video controls > + <source src="vids/kaitseliitlane.mp4" type="video/mp4" /> + </video> + + <p> + Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal + Kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei + meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid Eesti mehi! + Tagasi koju jõudsime ainult mina ja vennas. 1956. aastal, tükk aega pärast Stalini surma. + Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupoja tarkus ja isamaa-armastus. + Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma! + <br><br> + Kaks päeva tagasi, 19. augustil, saatsime Kaitseliiduga Tartust Tallinnasse rühma, + kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla. + <br><br> + Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal + juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle. + Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud + kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt + vene ohvitserilt saadud TT nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… + Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on + ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud – isegi kui neil enam sama suurt + pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas: + „Ükskord me võidame niikuinii!“. Vaat nüüd on see aeg käes! + <br><br> + Kui läheb laskmiseks, hakkame vastu nii palju kui suudame. Tähtis on, et see kõik jõuaks + välismaa lehtedesse – nii, nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm. + KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid + meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu, + nii et ei mingit sõimamist või kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki + üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema, + siis see ka nendeni jõuaks… Kui aga dessantväelased alustavad… + <br><br><br> + Saa vabaks, Eesti meri, + <br> + Saa vabaks, Eesti pind! + <br> + Siis tuisku ega tormi + <br> + ei karda Eesti rind! + <br><br> +   -Viktor Konstantin Oxford (Oksvort) + </p> + </div> </div> </div> diff --git a/lehed/rollid/styles.css b/lehed/rollid/styles.css index 638a630..595cbdc 100644 --- a/lehed/rollid/styles.css +++ b/lehed/rollid/styles.css @@ -1,18 +1,12 @@ -/* -@font-face { - font-family: 'fontUno'; - src: url('fonts/FirstSchool.ttf'); -} -*/ - @font-face { font-family: 'fontUno'; src: url('fonts/test/C059-BdIta.otf'); } body{ - font-family: 'Cormorant SC', serif !important; max-width: 100% !important; + background-color: #43464b; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } button{ @@ -34,6 +28,31 @@ video { } + + +/* NavBar */ +.navbar{ + margin: 1.2rem; + margin-top: 0; + border-bottom: 2px solid white; +} + +.navbar span{ + font-weight: bold !important; + color: white !important; +} + +.navbar a:hover{ + color: snow; + font-weight: bolder; +} +.navbar a{ color: white; } + + + + + + /* Pealkirjade värvid */ .uliopilanePealkiri { @@ -68,3 +87,13 @@ video { margin-left: 0px; } } + + + +#nav-opilane-tab{ color: #4169E1 !important} +#nav-arimees-tab{ color: #2FF924 !important} +#nav-perenaine-tab{ color: #FEDD00 !important} +#nav-partorg-tab{ color: #a1000e !important} +#nav-kaitseliitlane-tab{color: #156734 !important} +#nav-direktor-tab{ color: #ED8B00 !important} + diff --git a/lehed/rollid/vids/arimees.mp4.REMOVED.git-id b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id new file mode 100644 index 0000000..0b300e6 --- /dev/null +++ b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id @@ -0,0 +1 @@ +38c0efe1a140f97e3cf177dfbe8c26f6069b77f7
\ No newline at end of file diff --git a/lehed/rollid/vids/avatars/arimees.jpg b/lehed/rollid/vids/avatars/arimees.jpg Binary files differnew file mode 100644 index 0000000..a9b589f --- /dev/null +++ b/lehed/rollid/vids/avatars/arimees.jpg diff --git a/lehed/rollid/vids/screens/direktor.jpg b/lehed/rollid/vids/avatars/direktor.jpg Binary files differindex b89268d..b89268d 100644 --- a/lehed/rollid/vids/screens/direktor.jpg +++ b/lehed/rollid/vids/avatars/direktor.jpg diff --git a/lehed/rollid/vids/avatars/kaitseliitlane.jpg b/lehed/rollid/vids/avatars/kaitseliitlane.jpg Binary files differnew file mode 100644 index 0000000..3ff0a3a --- /dev/null +++ b/lehed/rollid/vids/avatars/kaitseliitlane.jpg diff --git a/lehed/rollid/vids/screens/partorg.jpg b/lehed/rollid/vids/avatars/partorg.jpg Binary files differindex 53d3b8e..53d3b8e 100644 --- a/lehed/rollid/vids/screens/partorg.jpg +++ b/lehed/rollid/vids/avatars/partorg.jpg diff --git a/lehed/rollid/vids/screens/perenaine.jpg b/lehed/rollid/vids/avatars/perenaine.jpg Binary files differindex 481db36..481db36 100644 --- a/lehed/rollid/vids/screens/perenaine.jpg +++ b/lehed/rollid/vids/avatars/perenaine.jpg diff --git a/lehed/rollid/vids/screens/uliopilane.jpg b/lehed/rollid/vids/avatars/uliopilane.jpg Binary files differindex 9c4d344..9c4d344 100644 --- a/lehed/rollid/vids/screens/uliopilane.jpg +++ b/lehed/rollid/vids/avatars/uliopilane.jpg diff --git a/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id new file mode 100644 index 0000000..1153e6c --- /dev/null +++ b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id @@ -0,0 +1 @@ +9d735d29d8ffdfa7b8b69146394d3c601c4a912e
\ No newline at end of file diff --git a/rannak/endPage/main.js b/rannak/endPage/main.js index 7f21f65..0cfc56b 100644 --- a/rannak/endPage/main.js +++ b/rannak/endPage/main.js @@ -7,17 +7,18 @@ if (localStorage.roll != undefined){ delete localStorage.roll; if (roll == 'Kaitseliitlase'){ - document.querySelector('h3').innerHTML = 'Baltiketti andmed:'; - spans[1].innerHTML = 'Asula: ' + localStorage.asula; - spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus; + document.querySelector('h3').innerHTML = 'Soomusmasinate teekond:'; + spans[1].innerHTML = 'Asukoht: ' + localStorage.asula; + //spans[2].innerHTML = 'Soomusmasinad möödusid sinust: ' + localStorage.kaugus ' km kauguselt.'; + spans[2].innerHTML = `Soomusmasinad möödusid sinust: ${localStorage.kaugus} km kauguselt.` delete localStorage.asula; delete localStorage.kaugus; } else if (roll == 'Direktori'){ - document.querySelector('h3').innerHTML = 'Baltiketti andmed:'; - spans[3].innerHTML = 'Baltiketi pikkus: ' + localStorage.teekond; + document.querySelector('h3').innerHTML = 'Balti keti andmed:'; + spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond; spans[1].innerHTML = 'Asula: ' + localStorage.asula; spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus; diff --git a/rannak/mangud/arimees/muusika/index.html b/rannak/mangud/arimees/muusika/index.html index e1e80ab..6a1e1ce 100644 --- a/rannak/mangud/arimees/muusika/index.html +++ b/rannak/mangud/arimees/muusika/index.html @@ -17,9 +17,9 @@ <div class="container text-white text-center"> <h1>Muusika</h1> <p> - Vajuta lingile ja vaata muusikavideosid, või kuula siinsamas, - <br/> - ning järjesta siis need vastavalt oma eelistustele. + Vajuta lingile ja vaata muusikavideosid youtubes ning seejärel + järjesta vastavalt oma eelistustele. + Põhjenda oma esikohta tekstiväljal. </p> <div class="text-center"> diff --git a/rannak/mangud/arimees/muusika/pildid/avatar.png b/rannak/mangud/arimees/muusika/pildid/avatar.png Binary files differindex 3cb21cf..533c38d 100644 --- a/rannak/mangud/arimees/muusika/pildid/avatar.png +++ b/rannak/mangud/arimees/muusika/pildid/avatar.png diff --git a/rannak/mangud/arimees/muusika/script.js b/rannak/mangud/arimees/muusika/script.js index 8803bbe..0bcaae0 100644 --- a/rannak/mangud/arimees/muusika/script.js +++ b/rannak/mangud/arimees/muusika/script.js @@ -27,6 +27,7 @@ for(el of selectors){ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + localStorage.setItem("roll", "Ärimehe"); + btn.onclick = () => location.href = "../../../endPage"; } diff --git a/rannak/mangud/arimees/pood/index.html b/rannak/mangud/arimees/pood/index.html index f52a103..16233d2 100644 --- a/rannak/mangud/arimees/pood/index.html +++ b/rannak/mangud/arimees/pood/index.html @@ -14,26 +14,24 @@ <body> - <!-- Button trigger modal --> - <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> - <div class="container text-white text-center"> + <h1>Pood</h1> <p> - Vali kataloogidest erineivaid tooteid, mida soovid osta + Sirvi lehekülgi „Anttila“ ja „Ellose“ kataloogidest ning koosta ostunimekiri. <br/> - ning arvuta ka nende kurss + Sul on 12 000 rubla. Kurss 1 FIM= 7,356 rubla. </p> <div class="text-center"> + <button class="moveOn" disabled>Liigu Edasi</button> - <div class="col"> - <button class="moveOn" disabled>Liigu Edasi</button> - </div> - + <!-- Button trigger modal --> + <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> </div> + </div> diff --git a/rannak/mangud/arimees/pood/pildid/avatar.png b/rannak/mangud/arimees/pood/pildid/avatar.png Binary files differindex 3cb21cf..533c38d 100644 --- a/rannak/mangud/arimees/pood/pildid/avatar.png +++ b/rannak/mangud/arimees/pood/pildid/avatar.png diff --git a/rannak/mangud/arimees/pood/script.js b/rannak/mangud/arimees/pood/script.js index 5a48c84..20efbe8 100644 --- a/rannak/mangud/arimees/pood/script.js +++ b/rannak/mangud/arimees/pood/script.js @@ -86,6 +86,6 @@ for (let i=0;i < cells.length; i++){ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../muusika"; } diff --git a/rannak/mangud/arimees/pood/style.css b/rannak/mangud/arimees/pood/style.css index 61bdfe7..d791cd9 100644 --- a/rannak/mangud/arimees/pood/style.css +++ b/rannak/mangud/arimees/pood/style.css @@ -49,24 +49,16 @@ button:disabled{ } - -.closeModalButton { - border-radius: 50px; -} - .modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 6px; - padding: 9px 25px; + 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; - margin: 3%; - font-size: 1.2rem; + font-size: 1rem; } .modalButton:hover{ diff --git a/rannak/mangud/arimees/soome/index.html b/rannak/mangud/arimees/soome/index.html index 824a450..2961059 100644 --- a/rannak/mangud/arimees/soome/index.html +++ b/rannak/mangud/arimees/soome/index.html @@ -18,9 +18,9 @@ <h1>Õpime soome keelt</h1> <p> - Leia sõnastikust soomekeelsetele sõnadele vasted ja asenda need kirja. + Leia sõnastikust soomekeelsete sõnadel vasted ja asenda need kirja sees. <br/> - PS: Pane sõnad ka õigesse käändesse. + NB! Pane sõnad õigesse käändesse. </p> <div class="text-center"> @@ -72,7 +72,7 @@ <div class="content"> <div class="leftSide"> - <h3>Sõnastik</h3> + <h3>Soome-eesti sõnastik</h3> <ul> <li>halba - odav</li> diff --git a/rannak/mangud/arimees/soome/pildid/avatar.png b/rannak/mangud/arimees/soome/pildid/avatar.png Binary files differindex 3cb21cf..533c38d 100644 --- a/rannak/mangud/arimees/soome/pildid/avatar.png +++ b/rannak/mangud/arimees/soome/pildid/avatar.png diff --git a/rannak/mangud/arimees/soome/script.js b/rannak/mangud/arimees/soome/script.js index 946f029..f22f6da 100644 --- a/rannak/mangud/arimees/soome/script.js +++ b/rannak/mangud/arimees/soome/script.js @@ -61,6 +61,6 @@ for (let w of words){ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../pood"; } diff --git a/rannak/mangud/arimees/soome/style.css b/rannak/mangud/arimees/soome/style.css index cb70806..eb860e0 100644 --- a/rannak/mangud/arimees/soome/style.css +++ b/rannak/mangud/arimees/soome/style.css @@ -7,7 +7,6 @@ body{ background-color: #43464b; - font-family: 'fontUno'; } @@ -80,6 +79,7 @@ button:disabled{ /* Main */ .content { + font-family: 'fontUno'; margin-top: 3rem; display: flex; height: 100%; diff --git a/rannak/mangud/direktor/baltikett/index.html b/rannak/mangud/direktor/baltikett/index.html index f4e44cd..0630c4c 100644 --- a/rannak/mangud/direktor/baltikett/index.html +++ b/rannak/mangud/direktor/baltikett/index.html @@ -14,12 +14,12 @@ <div class="container text-center text-white align-items-center"> <h1 class="pb-1 pt-2">Baltikett</h1> <p> - 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.<br>Leia Baltiketi pikkus Eestis - ning sinu kodukoha kaugus ketist. + Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda). + Balti keti pikkust saad mõõta märkides alguspunkti ning seejärel liikuda klikkides + teekonna lõpuni. Selleks, et saada võimalikult täpne tulemus, + zoomi vastavalt vajadusele kaardile lähemale või kaugemale. + <br> + Mõõda Balti keti teekonna pikkus Eestis ning sinu kodukoha kaugus lähimast Balti keti punktist. </p> <div class="row"> @@ -48,7 +48,7 @@ <div class="modalHeaderWrapper"> <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> </div> - <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> </div> <div class="modal-body"> diff --git a/rannak/mangud/direktor/baltikett/pildid/avatar.jpg b/rannak/mangud/direktor/baltikett/pildid/avatar.jpg Binary files differdeleted file mode 100644 index 37ae271..0000000 --- a/rannak/mangud/direktor/baltikett/pildid/avatar.jpg +++ /dev/null diff --git a/rannak/mangud/direktor/baltikett/pildid/avatar.png b/rannak/mangud/direktor/baltikett/pildid/avatar.png Binary files differnew file mode 100644 index 0000000..7b13556 --- /dev/null +++ b/rannak/mangud/direktor/baltikett/pildid/avatar.png diff --git a/rannak/mangud/direktor/baltikett/script.js b/rannak/mangud/direktor/baltikett/script.js index f5d1016..5d58c87 100644 --- a/rannak/mangud/direktor/baltikett/script.js +++ b/rannak/mangud/direktor/baltikett/script.js @@ -39,9 +39,8 @@ function getInputs(){ 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"; + btn.onclick = () => location.href = "../loosung"; } diff --git a/rannak/mangud/direktor/baltikett/styles.css b/rannak/mangud/direktor/baltikett/styles.css index cc1f6ec..42a2fa0 100644 --- a/rannak/mangud/direktor/baltikett/styles.css +++ b/rannak/mangud/direktor/baltikett/styles.css @@ -2,7 +2,7 @@ box-sizing: border-box; } h1 { - color: #154734; + color: #ED8B00; font-weight: bold; } body{ diff --git a/rannak/mangud/direktor/kone/index.html b/rannak/mangud/direktor/kone/index.html index b00a94b..0406ee6 100644 --- a/rannak/mangud/direktor/kone/index.html +++ b/rannak/mangud/direktor/kone/index.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> - <title>Koosta Kõne</title> + <title>Koosta kõne</title> <!-- 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"> @@ -14,10 +14,10 @@ <div class="container text-white text-center"> - <h1>Koosta Kõne</h1> + <h1>Koosta kõne</h1> <p> - Loe 1984. aasta kõne, ning kirjuta see ümber, nii, et see sobituks tänapäeva. + Kirjuta 1984. aasta kõne ümber nii, et see sobituks praegusesse, 1991. aastasse! </p> <div class="text-center"> diff --git a/rannak/mangud/direktor/kone/pildid/avatar.png b/rannak/mangud/direktor/kone/pildid/avatar.png Binary files differindex 94d7a31..7b13556 100644 --- a/rannak/mangud/direktor/kone/pildid/avatar.png +++ b/rannak/mangud/direktor/kone/pildid/avatar.png diff --git a/rannak/mangud/direktor/kone/script.js b/rannak/mangud/direktor/kone/script.js index ba1d77b..91bdd44 100644 --- a/rannak/mangud/direktor/kone/script.js +++ b/rannak/mangud/direktor/kone/script.js @@ -20,6 +20,7 @@ kone.addEventListener('input', () => { function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + localStorage.setItem("roll", "Direktori"); + btn.onclick = () => location.href = "../../../endPage"; } diff --git a/rannak/mangud/direktor/kone/style.css b/rannak/mangud/direktor/kone/style.css index fa58e1d..a05b772 100644 --- a/rannak/mangud/direktor/kone/style.css +++ b/rannak/mangud/direktor/kone/style.css @@ -92,4 +92,5 @@ button:disabled{ background-color: #43464b; border: none; text-align: left; + word-wrap: break-word; } diff --git a/rannak/mangud/direktor/loosung/index.html b/rannak/mangud/direktor/loosung/index.html index aff0e19..f032d79 100644 --- a/rannak/mangud/direktor/loosung/index.html +++ b/rannak/mangud/direktor/loosung/index.html @@ -17,9 +17,7 @@ <h1>Loosung</h1> <p> - Loe ja uuri alltoodud sündmuste kohta ning vali neist siis üks - <br> - ja koosta selle kohta loosung. + Vali üks oluline sündmus ja koosta loosung! </p> <div class="text-center"> @@ -106,30 +104,32 @@ <div class="info"> - <h4>Loe sündmustest Lähemalt ning vali siis üks:</h4> + <h4>Loe sündmustest Lähemalt siin:</h4> <div class="innerWrapper"> <div> <input type="radio" id="sundmus" name="sundmuseValik" value="hirvepark"> - <a href="https://et.wikipedia.org/wiki/Hirvepargi_miiting" target="_blank">Hirvepargi miiting</a> + <a href="https://et.wikipedia.org/wiki/Hirvepargi_miiting" target="_blank">Hirvepargi miiting 1987</a> </div> + <div> - <input type="radio" id="sundmus" name="sundmuseValik" value="ratas"> - <a href="https://et.wikipedia.org/wiki/Roheliste_rattaretk" target="_blank">Roheliste rattaretk</a> + <input type="radio" id="sundmus" name="sundmuseValik" value="muinsus"> + <a href="https://et.wikipedia.org/wiki/Tartu_muinsuskaitsep%C3%A4evad" target="_blank">Tartu muinsuskaitsepäevad 1988</a> </div> + <div> - <input type="radio" id="sundmus" name="sundmuseValik" value="muinsus"> - <a href="https://et.wikipedia.org/wiki/Tartu_muinsuskaitsep%C3%A4evad" target="_blank">Tartu muinsuskaitsepäevad</a> + <input type="radio" id="sundmus" name="sundmuseValik" value="ratas"> + <a href="https://et.wikipedia.org/wiki/Roheliste_rattaretk" target="_blank">Roheliste rattaretk 1988</a> </div> <div> <input type="radio" id="sundmus" name="sundmuseValik" value="laulupidu"> - <a href="https://et.wikipedia.org/wiki/%C3%96%C3%B6laulupidu" target="_blank">Öölaulupidu</a> + <a href="https://et.wikipedia.org/wiki/%C3%96%C3%B6laulupidu" target="_blank">Öölaulupidu 1988</a> </div> <div> <input type="radio" id="sundmus" name="sundmuseValik" value="baltikett"> - <a href="https://et.wikipedia.org/wiki/Balti_kett" target="_blank">Balti kett</a> + <a href="https://et.wikipedia.org/wiki/Balti_kett" target="_blank">Balti kett 1989</a> </div> <div> diff --git a/rannak/mangud/direktor/loosung/pildid/avatar.png b/rannak/mangud/direktor/loosung/pildid/avatar.png Binary files differindex 94d7a31..7b13556 100644 --- a/rannak/mangud/direktor/loosung/pildid/avatar.png +++ b/rannak/mangud/direktor/loosung/pildid/avatar.png diff --git a/rannak/mangud/direktor/loosung/script.js b/rannak/mangud/direktor/loosung/script.js index 191d743..576ad4d 100644 --- a/rannak/mangud/direktor/loosung/script.js +++ b/rannak/mangud/direktor/loosung/script.js @@ -98,14 +98,30 @@ document.querySelector("#loosung").addEventListener("input", () => {CheckIfAllGo +// BulletPoints eventListener +bulletBtns = document.querySelectorAll("#sundmus"); +bulletBtns.forEach(element => { + element.addEventListener('change', () => CheckIfAllGood()); +}); + + + + + + -// Funcs // + + + + + + +// Other Funcs // function CheckIfAllGood(){ //let radioBtn = document.querySelector("input[name='sundmuseValik']:checked"); let loosung = document.querySelector("#loosung"); - if (document.querySelector("input[name='sundmuseValik']:checked") != null && changedArr.length >= 3 && loosung.innerHTML != "Muuda loosung enda omaks!"){ moveOnEnable(); @@ -119,6 +135,6 @@ function CheckIfAllGood(){ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../kone"; } diff --git a/rannak/mangud/index.html b/rannak/mangud/index.html index 908b763..1710f75 100644 --- a/rannak/mangud/index.html +++ b/rannak/mangud/index.html @@ -19,8 +19,8 @@ <h3>Kaitseliitlane</h3> <ol> <li><a href="kaitseliitlane/sundmused">Sündmused</a></li> - <li><a href="kaitseliitlane/salakood">Salakood</a></li> <li><a href="kaitseliitlane/soomusmasinad">Soomusmasinad</a></li> + <li><a href="kaitseliitlane/salakood">Salakood</a></li> </ol> </div> @@ -45,9 +45,9 @@ <div> <h3>Partorg</h3> <ol> + <li><a href="partorg/plakat">Plakat</a></li> <li><a href="partorg/kuulsused">Kuulsused</a></li> <li><a href="partorg/sonaragastik">Sõnarägastik</a></li> - <li></li> </ol> </div> @@ -55,17 +55,17 @@ <h3>Ärimees</h3> <ol> <li><a href="arimees/soome">Soome</a></li> - <li><a href="arimees/muusika">Muusika</a></li> <li><a href="arimees/pood">Pood</a></li> + <li><a href="arimees/muusika">Muusika</a></li> </ol> </div> <div> <h3>Direktor</h3> <ol> - <li><a href="direktor/kone">Kõne</a></li> <li><a href="direktor/baltikett">Baltikett</a></li> <li><a href="direktor/loosung">Loosung</a></li> + <li><a href="direktor/kone">Kõne</a></li> </ol> </div> diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html index 798c802..e550f2f 100644 --- a/rannak/mangud/kaitseliitlane/salakood/index.html +++ b/rannak/mangud/kaitseliitlane/salakood/index.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> - <title>Salakood</title> + <title>Kodeeritud sõnum</title> <!-- 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"> @@ -14,10 +14,13 @@ <body> <div class="container text-white text-center"> - <h1>Salakood</h1> + <h1>Kodeeritud sõnum</h1> <p> - Dešifreeri sõnum valides numbri ning leides sellele sobiva tähe. + Sõnumi igale numbrile vastab tähestikust üks täht. + <br> + Asenda numbrid tähega ning dešifreeri sõnum. + Rohelisega märgitud numbrid ei muutu. </p> <div class="text-center"> @@ -85,7 +88,7 @@ <div class="modalHeaderWrapper"> <h2 class="modal-title" id="myModalLabel">Sissejuhatus</h2> </div> - <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> </div> <div class="modal-body"> diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg Binary files differdeleted file mode 100644 index 37ae271..0000000 --- a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg +++ /dev/null diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png Binary files differnew file mode 100644 index 0000000..a8bc347 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg Binary files differdeleted file mode 100644 index 622516a..0000000 --- a/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg +++ /dev/null diff --git a/rannak/mangud/kaitseliitlane/salakood/script.js b/rannak/mangud/kaitseliitlane/salakood/script.js index 3fe29b3..9d57a93 100644 --- a/rannak/mangud/kaitseliitlane/salakood/script.js +++ b/rannak/mangud/kaitseliitlane/salakood/script.js @@ -102,7 +102,7 @@ function kontrolliVastus(vastus){ if (counter >= 90) { moveOnEnable(); - message("Tubli, kõik valmis<br/>Kogu Sõnum: TORNI RÜNNATI 4.30. VALVAME SIDEKESKUST 22. KORRUSEL. ELEKTER, RAADIOSIDE OLEMAS. LIFTID ÜLEVAL. OLUKORD KRIITILINE.", "lime"); + message("Tubli, sõnum dešifreeritud.<br/>Kogu Sõnum: TORNI RÜNNATI 4.30. VALVAME SIDEKESKUST 22. KORRUSEL. ELEKTER, RAADIOSIDE OLEMAS. LIFTID ÜLEVAL. OLUKORD KRIITILINE.", "lime"); for (let node of document.querySelectorAll("td")) { if (node.classList.contains("selected")) @@ -137,8 +137,8 @@ enterSubmit() function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = "#"; - + localStorage.setItem("roll", "Kaitseliitlase"); + btn.onclick = () => location.href = "../../../endPage"; // Proovi btn const subButton = document.querySelector(".subBtn"); subButton.disabled = true; diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css index 13630f5..130792b 100644 --- a/rannak/mangud/kaitseliitlane/salakood/style.css +++ b/rannak/mangud/kaitseliitlane/salakood/style.css @@ -2,12 +2,8 @@ box-sizing: border-box; } -body{ - background-color: #4D5157; -} -h1 { - color: #154734; -} +body{ background-color: #4D5157; } +h1 { color: #154734; } .moveOn{ display: inline-block; @@ -38,7 +34,8 @@ button:disabled{ max-width: 15rem; } -.modalHeaderWrapper{ +#myModalLabel { + color: #000; text-align: center; margin: 0; width: 100%; @@ -47,7 +44,7 @@ button:disabled{ .closeModalButton { - border-radius: 50px; + border-radius: 50px; } .modalButton{ @@ -127,10 +124,6 @@ input { font-size: 1.1rem; } -span, h6, table, h1, h2{ - font-family:'fontUno'; -} - h2 { color: white; diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html index 3eae230..9e44942 100644 --- a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html +++ b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html @@ -12,13 +12,12 @@ <body class="text-white"> <div class="container text-center text-white align-items-center"> - <h1 class="pb-1 pt-2">Soomusmasinad</h1> + <h1 class="pb-1 pt-2">Soomusmasinate teekond</h1> <p> - 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 - ning liigu hiirega klõpsates mööda valitud teekonda soomusmasinate teekonnani. + Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda). + Vahemaa mõõtmiseks märgi oma kooli asukoht kaardile ning seejärel kliki märgitud + teekonnale. Selleks, et saada võimalikult täpne tulemus, zoomi vastavalt + vajadusele kaardile lähemale või kaugemale. </p> <div class="row"> @@ -47,7 +46,7 @@ <div class="modalHeaderWrapper"> <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> </div> - <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> </div> <div class="modal-body"> diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png b/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png Binary files differnew file mode 100644 index 0000000..a8bc347 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/script.js b/rannak/mangud/kaitseliitlane/soomusmasinad/script.js index ca18bfe..4299812 100644 --- a/rannak/mangud/kaitseliitlane/soomusmasinad/script.js +++ b/rannak/mangud/kaitseliitlane/soomusmasinad/script.js @@ -39,5 +39,5 @@ function allGood(){ localStorage.setItem("roll", "Kaitseliitlase"); localStorage.setItem("asula", asulaVal); localStorage.setItem("kaugus", kaugusVal); - btn.onclick = () => location.href = "../../../endPage"; + btn.onclick = () => location.href = "../salakood"; } diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html index 7418239..ef95bc0 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/index.html +++ b/rannak/mangud/kaitseliitlane/sundmused/index.html @@ -3,7 +3,7 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=, initial-scale=1.0"> - <title>Murrangulised Sündmused</title> + <title>Murrangulised sündmused</title> <!-- 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"> @@ -13,8 +13,8 @@ <body class="text-white"> <div class="container text-center text-white align-items-center pb-5"> - <h1 class="pb-1 pt-2">Murrangulised Sündmused</h1> - <p>Vii sündmus kokku pildiga.</p> + <h1 class="pb-1 pt-2">Murrangulised sündmused</h1> + <p>Ühenda sündmus pildiga.</p> <div class="row"> <div> @@ -42,7 +42,7 @@ <div class="modalHeaderWrapper"> <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> </div> - <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> </div> <div class="modal-body"> @@ -57,7 +57,7 @@ ei tohi neid unustada ka 30 aasta pärast! <br/> <strong> - Lehtise neid fotosid ja vaata, kas oskad pildi ja allkirja kokku viia? + Lehtise fotosid ja vaata, kas oskad pildi ja allkirja kokku viia? </strong> </div> @@ -77,7 +77,7 @@ <div class="list col startBasket text-center"> <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead 1990</div> - <div id="hirvepark" class="list-item" draggable="true">Hirvepark miiting 1987</div> + <div id="hirvepark" class="list-item" draggable="true">Hirvepargi miiting 1987</div> <div id="EV" class="list-item" draggable="true">EV Ülemnõukogu otsus riiklikust iseseisvusest 1991</div> <div id="baltikett" class="list-item" draggable="true">Balti kett 1989</div> <div id="teletorn" class="list-item" draggable="true">Teletorni kaitsmine 1991</div> diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png Binary files differnew file mode 100644 index 0000000..a8bc347 --- /dev/null +++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png diff --git a/rannak/mangud/kaitseliitlane/sundmused/script.js b/rannak/mangud/kaitseliitlane/sundmused/script.js index 3b92b1d..3a18674 100644 --- a/rannak/mangud/kaitseliitlane/sundmused/script.js +++ b/rannak/mangud/kaitseliitlane/sundmused/script.js @@ -90,7 +90,7 @@ function checkIfAllGood(){ if (rightDone.length == 6) { const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../soomusmasinad/index.html"; } } diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html index 94f952e..1e1a997 100644 --- a/rannak/mangud/partorg/kuulsused/index.html +++ b/rannak/mangud/partorg/kuulsused/index.html @@ -3,7 +3,7 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Olulised Isikud</title> + <title>Olulised isikud</title> <!-- 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"> @@ -13,8 +13,8 @@ <body class="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> + <h1 class="pb-1 pt-2">Olulised isikud</h1> + <p>Ühenda nimi ja nägu.</p> <div class="row"> <div> diff --git a/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg Binary files differindex 9c592f3..1eff647 100644 --- a/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg +++ b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg diff --git a/rannak/mangud/partorg/kuulsused/script.js b/rannak/mangud/partorg/kuulsused/script.js index 1ab5cef..beb04d6 100644 --- a/rannak/mangud/partorg/kuulsused/script.js +++ b/rannak/mangud/partorg/kuulsused/script.js @@ -119,7 +119,7 @@ function checkIfAllGood(){ if (rightDone.length == 6) { const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = "../plakat"; + btn.onclick = () => location.href = "../sonaragastik"; } } diff --git a/rannak/mangud/partorg/plakat/index.html b/rannak/mangud/partorg/plakat/index.html index 0ac5e90..9dc2bac 100644 --- a/rannak/mangud/partorg/plakat/index.html +++ b/rannak/mangud/partorg/plakat/index.html @@ -15,9 +15,7 @@ <div class="container text-center text-white align-items-center pb-5"> <h1>Plakatid</h1> <p> - Leia iga plakati õige ajastu, ning muuda ka plakati teksti. - <br> - NB: Uut loosungit saad lisada pärast seda, kui oled valinud õige ajastu. + Plakati kujundamiseks määra esmalt õige ajastu ning seejärel kirjuta uus loosung </p> <div class="row"> @@ -76,19 +74,19 @@ <div class="nav nav-tabs" id="nav-tab" role="tablist"> <button class="nav-link active" id="nav-60ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-60ndad" type="button" role="tab" aria-controls="nav-60ndad" aria-selected="true"> - Stalin + 1 </button> <button class="nav-link" id="nav-70ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-70ndad" type="button" role="tab" aria-controls="nav-70ndad" aria-selected="false"> - Veekogud + 2 </button> <button class="nav-link" id="nav-90ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-90ndad" type="button" role="tab" aria-controls="nav-90ndad" aria-selected="false"> - Viisaastak + 3 </button> <button class="nav-link" id="nav-80ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-80ndad" type="button" role="tab" aria-controls="nav-80ndad" aria-selected="false"> - Malev + 4 </button> diff --git a/rannak/mangud/partorg/plakat/script.js b/rannak/mangud/partorg/plakat/script.js index 7ec4b7e..7b19edd 100644 --- a/rannak/mangud/partorg/plakat/script.js +++ b/rannak/mangud/partorg/plakat/script.js @@ -315,5 +315,5 @@ parem.forEach(el => { function checkIfAllGood(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../kuulsused"; } diff --git a/rannak/mangud/partorg/plakat/styles.css b/rannak/mangud/partorg/plakat/styles.css index b2405f9..bc7ee44 100644 --- a/rannak/mangud/partorg/plakat/styles.css +++ b/rannak/mangud/partorg/plakat/styles.css @@ -2,7 +2,7 @@ box-sizing: border-box; } h1 { - color: #154734; + color: #a1000e; font-weight: bold; } body{ @@ -161,7 +161,6 @@ input:disabled{ .stalin { background: url("img/stalin.jpg") no-repeat center; background-size: 100% 100%; - font-size: 1rem; text-align: center; color: black; } @@ -170,7 +169,6 @@ input:disabled{ .veekogud { background: url("img/veekogud.jpg") no-repeat center; background-size: 100% 100%; - font-size: 1rem; text-align: center; color: black; } @@ -179,7 +177,6 @@ input:disabled{ .malev { background: url("img/malev.jpg") no-repeat center; background-size: 100% 100%; - font-size: 1rem; text-align: center; color: black; } @@ -188,7 +185,6 @@ input:disabled{ .viisAastak { background: url("img/viisAastak.jpg") no-repeat center; background-size: 100% 100%; - font-size: 1rem; text-align: center; color: black; } @@ -199,6 +195,7 @@ input:disabled{ .addedText, .oldAddedText { position: absolute; + font-size: 1.5rem; } diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html index f955058..039f79b 100644 --- a/rannak/mangud/partorg/sonaragastik/index.html +++ b/rannak/mangud/partorg/sonaragastik/index.html @@ -16,7 +16,8 @@ <h1>Sõnarägastik</h1> <p>Lahenda sõnarägastik, leia üles kõik 10 sõna <br/> - Peale iga sõna leidmist vajuta <strong>"proovi"</strong>. + Peale iga sõna leidmist vajuta <strong>"proovi"</strong> + , et see nimekirjas lahendatuna ära märkida. </p> diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js index 2e6ffb4..e137e37 100644 --- a/rannak/mangud/partorg/sonaragastik/script.js +++ b/rannak/mangud/partorg/sonaragastik/script.js @@ -4,6 +4,11 @@ document.addEventListener('DOMContentLoaded', () => { }); +// Vars +curZindex = 1; + + + function randomLetters(){ for (let node of document.querySelectorAll("td")) { if (node.textContent != "") continue; @@ -84,10 +89,12 @@ function proovi(){ //console.log("hetkeKlass: ",hetkeKlass); for (let el of dones){ - if (horisontaalis.includes(hetkeKlass)) + if (horisontaalis.includes(hetkeKlass)){ el.classList.add("doneH"); - else + } + else{ el.classList.add("doneV"); + } } //console.log(document.querySelector(".V"+hetkeKlass).classList); diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css index 4b003d9..7b896aa 100644 --- a/rannak/mangud/partorg/sonaragastik/style.css +++ b/rannak/mangud/partorg/sonaragastik/style.css @@ -96,11 +96,12 @@ button:disabled{ /* Adding classes */ .selected { - background-color: #ECAC76; + background-color: #ECAC76 !important; } .doneV{ - background-color: #284F8F; + /*background-color: #284F8F;*/ + background-color: #C5E17A; } .doneH{ diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html index 4823f03..8b2cd6f 100644 --- a/rannak/mangud/perenaine/kuulamine/index.html +++ b/rannak/mangud/perenaine/kuulamine/index.html @@ -17,7 +17,7 @@ <h1>Kuulamine</h1> <p> - Kuula helifaili ja/või loe teksti ning vasta allolevatele küsimustele. + Kuula helifaili ja/või loe teksti ning täida tabel! </p> <div class="text-center"> @@ -165,7 +165,7 @@ <div class="tableWrapper"> <h3 class="minuPlaan">MINU SUKKPÜKSTE HANKIMISE PLAAN:</h3> - <p>NB: Sisesta vastused õigetes käänetes. Kui veerg on korrektne, muutub see roheliseks.</p> + <p>NB: Sisesta vastused nimetavas käänetes. Kui veerg on korrektne, muutub see roheliseks.</p> <table class="table table-dark table-striped"> diff --git a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png Binary files differindex 60987d3..41c1bb9 100644 --- a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png +++ b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png diff --git a/rannak/mangud/perenaine/memori/img/avatar.png b/rannak/mangud/perenaine/memori/img/avatar.png Binary files differindex 60987d3..41c1bb9 100644 --- a/rannak/mangud/perenaine/memori/img/avatar.png +++ b/rannak/mangud/perenaine/memori/img/avatar.png diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html index ea507dd..30970c2 100644 --- a/rannak/mangud/perenaine/memori/index.html +++ b/rannak/mangud/perenaine/memori/index.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> - <title>Talongimemori</title> + <title>Talongimemory</title> <!-- 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"> @@ -13,7 +13,7 @@ <div class="left"> <div class="left-text"> - <h1>Talongimemori</h1> + <h1>Talongimemory</h1> <p>Mängu läbimiseks leia üles kõik kümme talongipaari</p> </div> @@ -43,7 +43,7 @@ No on alles aeg! Poelettidel valitseb selline tühjus, et tikutoosigi pole osta! <br/> Talongimajandus leevendab olukorda niipalju, et nüüd on vähemalt VÕIMALUS midagi saada! Sest ega talong ju kaupa poes ei kindlusta. Kui kell 16 tööl lõpetan, lähen kohe järjekorda. <br/> Kell 17 pannakse kaup välja. Kunagi ei tea, kas õnnestub midagi saada või lõpeb kaup enne otsa. <br/> <br/> - Talongide peal on kogu esmatarbe kaup: <br/> + Talongide peal on esmatarbe kaup: <br/> <strong>või, nisujahu, tangained, makaronitooted, sool, suhkur, alkohol, tuletikud, wc paber, pesupulber. Nii tore oleks, kui saaks neid kõiki topelt! Talongimemoiin aitab!</strong> diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js index 8d74ec9..332e98b 100644 --- a/rannak/mangud/perenaine/memori/script.js +++ b/rannak/mangud/perenaine/memori/script.js @@ -76,5 +76,5 @@ cards.forEach(card => card.addEventListener('click', flipCard)); function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + btn.onclick = () => location.href = "../kuulamine"; } diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html index 0200a88..99b7721 100644 --- a/rannak/mangud/perenaine/ristsona/index.html +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -201,7 +201,7 @@ </tr> <!-- Viies Rida--> - <tr> + <tr class="enneVastust"> <td></td> <td class="kurk"><span>R</span></td> <td class="majonees"><span>M</span></td> @@ -219,7 +219,7 @@ <!-- Kuues Rida--> <tr class="vastus"> - <td>→</span></td> + <td><span>→</span></td> <td class="kurk"><span>K</span></td> <td class="majonees"><span>A</span></td> <td class="porgand"><span>R</span></td> diff --git a/rannak/mangud/perenaine/ristsona/pildid/avatar.png b/rannak/mangud/perenaine/ristsona/pildid/avatar.png Binary files differindex 60987d3..41c1bb9 100644 --- a/rannak/mangud/perenaine/ristsona/pildid/avatar.png +++ b/rannak/mangud/perenaine/ristsona/pildid/avatar.png diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js index a76eda3..1416897 100644 --- a/rannak/mangud/perenaine/ristsona/script.js +++ b/rannak/mangud/perenaine/ristsona/script.js @@ -206,7 +206,8 @@ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = ""; + localStorage.setItem("roll", "Perenaise"); + btn.onclick = () => location.href = "../../../endPage"; // Retsept const middlePart = document.querySelector("table"); diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css index dea1b5e..72a9bad 100644 --- a/rannak/mangud/perenaine/ristsona/style.css +++ b/rannak/mangud/perenaine/ristsona/style.css @@ -146,6 +146,10 @@ td { border: 5px solid lime; } +.enneVastust td{ + border-bottom: 5px solid lime; +} + .kurk, .majonees, .vorst, .porgand, .õun, .sool, .pipar, .hernes, .muna, .sibul, .hapukoor, .kartul { diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html index 1f7244d..a55c8fe 100644 --- a/rannak/mangud/uliopilane/ajatelg/index.html +++ b/rannak/mangud/uliopilane/ajatelg/index.html @@ -16,7 +16,7 @@ <div class="text-center text-white align-items-center pealkiri"> <h1 class="pb-1 pt-2">Ajatelg</h1> - <p>Pane sündumsed ajateljel õigsse järjekorda</p> + <p>Pane sündumsed ajateljel õigesse järjekorda</p> <div class="row"> <div> @@ -74,7 +74,7 @@ <div id="iseseisvus" class="list-item" draggable="true">Ülemnõukogu otsus Eesti riiklikust iseseisvusest</div> <div id="kett" class="list-item" draggable="true">Balti kett Tallinnast Vilniuseni</div> <div id="august" class="list-item" draggable="true">Augustiputš</div> - <div id="lipp" class="list-item" draggable="true">Eesti lipp taas pika Hermani tornis</div> + <div id="lipp" class="list-item" draggable="true">Eesti lipp taas Pika Hermanni tornis</div> <div id="muinsuskaitse" class="list-item" draggable="true">Tartu muinsuskaitsepäevad</div> <div id="fosforiit" class="list-item" draggable="true">Fosforiidisõda</div> <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead</div> diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html index 2d8bb52..13049f8 100644 --- a/rannak/mangud/uliopilane/tSark/index.html +++ b/rannak/mangud/uliopilane/tSark/index.html @@ -67,13 +67,14 @@ <div class="side"> - <h1>T-särgi Kujundamine</h1> + <h1>T-särgi kujundamine</h1> <p> - Kujunda enda T-särk. Edasi liikumiseks peab olema - kasutatud kõik kujundamise võimalused. Kui arvad, et särk on valmis, - siis kontorlli nupuga, kas särk on valmis". + Kujunda enda T-särk. Edasi liikumiseks tuleb + ära kasutada kõik kujundamise võimalused. + Kui arvad, et särk on valmis, siis + vajuta „Kontrolli, kas särk valmis“. <br/> - Pilti võid otsida veebist või valida ka oma arvutist. + Pildi võid otsida veebist või valida ka oma arvutist. <br/> <br/> <span class="kuiEiLeiaTeksti">Kui sa ei leia teksti, siis tõenöoliselt on see pildi all :)</span> diff --git a/rannak/mangud/uliopilane/tSark/main.js b/rannak/mangud/uliopilane/tSark/main.js index a91fbec..e854bcd 100644 --- a/rannak/mangud/uliopilane/tSark/main.js +++ b/rannak/mangud/uliopilane/tSark/main.js @@ -450,7 +450,7 @@ const chkBtn = document.querySelector(".checkMoveOn"); chkBtn.addEventListener("click", (e) => { if (stuffDone.length >= 3){ - message("Korras! Soovi korral tee screenshot (Win+Shift+S)", "#4BB543"); + message("Korras! Soovi korral tee screenshot (Win+Shift+S/Cmd+Shift+4)", "#4BB543"); moveOnEnable(); } else diff --git a/rannak/mangud/uliopilane/utlused/index.html b/rannak/mangud/uliopilane/utlused/index.html index 9eefd7b..c411057 100644 --- a/rannak/mangud/uliopilane/utlused/index.html +++ b/rannak/mangud/uliopilane/utlused/index.html @@ -99,25 +99,22 @@ <div class="container"> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään (A. Mattiiseni laul 1988)"</span></div> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii" (Eestimaa Laul 11.09.1988)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään!"(A. Mattiiseni laul 1988)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii!"(Eestimaa Laul 11.09.1988)</span></div> </div> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse! (15.05.1990)"</span></div> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega" (ans. Justamendi laul 1987)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse!"(15.05.1990)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega"(ans. Justamendi laul 1987)</span></div> </div> <div class="row"> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!" (15.05.1990)</span></div> - <div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad (15.05.1990)"</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!"(15.05.1990)</span></div> + <div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad."(15.05.1990)</span></div> </div> </div> - - </div> - <script src="main.js"></script> diff --git a/rannak/rolliValik/index.html b/rannak/rolliValik/index.html index 509e296..ef7f284 100644 --- a/rannak/rolliValik/index.html +++ b/rannak/rolliValik/index.html @@ -35,11 +35,14 @@ <div class="col"> <div class="card h-100"> - <img src="pildid/kaitseliitlane.jpg" class="card-img-top" alt="Kaitseliitlase Pilt"> + <img src="pildid/kaitseliitlane.png" class="card-img-top" alt="Kaitseliitlase Pilt"> <div class="card-body"> <h5 class="card-title"><strong>Kaitseliitlane</strong></h5> - <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi autem voluptatibus aliquid, praesentium, vel aut consequatur expedita laudantium ducimus, saepe laborum a consectetur quas nam?</p> - <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> --> + <p class="card-text"> + Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, + sest vanaisa ja isa olid Eesti ajal Kaitseliitlased – nagu nüüd minagi. + </p> + <a href="../mangud/kaitseliitlane/sundmused" class="btn btn-lg btn-dark">Vali!</a> </div> </div> </div> @@ -54,7 +57,7 @@ <br/> Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad. </p> - <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> --> + <a href="../mangud/direktor/baltikett" class="btn btn-lg btn-dark">Vali!</a> </div> </div> </div> @@ -67,7 +70,7 @@ <h5 class="card-title"><strong>Partorg</strong></h5> <br/> <p class="card-text">Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11- aastasena koos vanematega oma esiisade maale, Eesti NSVsse.</p> - <a href="../mangud/partorg/kuulsused" class="btn btn-lg btn-dark">Vali!</a> + <a href="../mangud/partorg/plakat" class="btn btn-lg btn-dark">Vali!</a> </div> </div> </div> @@ -80,7 +83,7 @@ <h5 class="card-title"><strong>Perenaine</strong></h5> <br/> <p class="card-text">Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. Igapäevaelu nõuab päris suuri oskusi, et ära elada.</p> - <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> --> + <a href="../mangud/perenaine/memori" class="btn btn-lg btn-dark">Vali!</a> </div> </div> </div> @@ -88,11 +91,15 @@ <div class="col"> <div class="card h-100"> - <img src="pildid/arimees.jpg" class="card-img-top" alt="Ärimehe Pilt"> + <img src="pildid/arimees.png" class="card-img-top" alt="Ärimehe Pilt"> <div class="card-body"> <h5 class="card-title"><strong>Ärimees</strong></h5> - <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rem eveniet aut excepturi cupiditate explicabo quasi, quam, pariatur qui nemo deserunt aspernatur! Nostrum consequatur molestiae quasi.</p> - <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> --> + <p class="card-text"> + Olen Toivo, omadele Toits. Olen eluaeg Tallinnas elanud. + <br> + Juba poisikesena hakkasin ma väikestviisi äri ajama + </p> + <a href="../mangud/arimees/soome" class="btn btn-lg btn-dark">Vali!</a> </div> </div> </div> diff --git a/rannak/rolliValik/pildid/arimees.png b/rannak/rolliValik/pildid/arimees.png Binary files differnew file mode 100644 index 0000000..0b90375 --- /dev/null +++ b/rannak/rolliValik/pildid/arimees.png diff --git a/rannak/rolliValik/pildid/direktor.png b/rannak/rolliValik/pildid/direktor.png Binary files differindex 94d7a31..7b13556 100644 --- a/rannak/rolliValik/pildid/direktor.png +++ b/rannak/rolliValik/pildid/direktor.png diff --git a/rannak/rolliValik/pildid/kaitseliitlane.png b/rannak/rolliValik/pildid/kaitseliitlane.png Binary files differnew file mode 100644 index 0000000..522d016 --- /dev/null +++ b/rannak/rolliValik/pildid/kaitseliitlane.png diff --git a/rannak/rolliValik/pildid/perenaine.png b/rannak/rolliValik/pildid/perenaine.png Binary files differindex 60987d3..41c1bb9 100644 --- a/rannak/rolliValik/pildid/perenaine.png +++ b/rannak/rolliValik/pildid/perenaine.png diff --git a/rannak/rolliValik/pildid/tmp/arimees.jpg b/rannak/rolliValik/pildid/tmp/arimees.jpg Binary files differdeleted file mode 100644 index 3cb21cf..0000000 --- a/rannak/rolliValik/pildid/tmp/arimees.jpg +++ /dev/null diff --git a/rannak/rolliValik/pildid/tmp/direktor.jpg b/rannak/rolliValik/pildid/tmp/direktor.jpg Binary files differdeleted file mode 100644 index 74f2cf5..0000000 --- a/rannak/rolliValik/pildid/tmp/direktor.jpg +++ /dev/null diff --git a/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg b/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg Binary files differdeleted file mode 100644 index 37ae271..0000000 --- a/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg +++ /dev/null diff --git a/rannak/rolliValik/pildid/tmp/partorg.jpg b/rannak/rolliValik/pildid/tmp/partorg.jpg Binary files differdeleted file mode 100644 index 2df392c..0000000 --- a/rannak/rolliValik/pildid/tmp/partorg.jpg +++ /dev/null diff --git a/rannak/rolliValik/pildid/tmp/perenaine.jpg b/rannak/rolliValik/pildid/tmp/perenaine.jpg Binary files differdeleted file mode 100644 index 94c5b54..0000000 --- a/rannak/rolliValik/pildid/tmp/perenaine.jpg +++ /dev/null diff --git a/rannak/rolliValik/pildid/tmp/uliopilane.jpg b/rannak/rolliValik/pildid/tmp/uliopilane.jpg Binary files differdeleted file mode 100644 index 7e42755..0000000 --- a/rannak/rolliValik/pildid/tmp/uliopilane.jpg +++ /dev/null @@ -1,22 +1,92 @@ -/* Main */ -:root { - /*--clr-neon: hsl(317 100% 54%);*/ - --clr-neon: hsl(189 100% 51%); - --clr-bg: hsl(323 21% 16%); - } - -*, -*::before, -*::after { - box-sizing: border-box; -} +*{ box-sizing: border-box; } body { min-height: 100vh !important; - background: var(--clr-bg); - font-family: 'Cormorant SC', serif !important; + background-color: #43464b; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + + + + +/* NavBar */ +.navbar{ + margin: 1.2rem; + margin-top: 0; + border-bottom: 2px solid white; +} + +.navbar span{ + font-weight: bold; + color: white; +} + +.navbar a:hover{ + color: snow; + font-weight: bolder; +} +.navbar a{ color: white; } + + + +/* Background image */ +.rannakuNupp{ + margin: .5% 1%; + display: flex; + justify-content: center; + align-items: center; + height: 85%; + border-radius: 10px; + width: auto; + background-color: #90949b; + background-image: url('img/rahvas.jpg'); + background-size: cover; + background-blend-mode: multiply; +} + + + + +/* Button */ +.mainBtn{ + color: #fff; + font-weight: 777; + font-size: 1.5rem; + letter-spacing: .1rem; + text-decoration: none; + text-transform: uppercase; + padding: 10px 30px; + transition: .5s; +} + +.mainBtn:hover{ + color: #32311e; + letter-spacing: .25rem; + background: #fef899; + font-weight: 888; + +} + + +/* juhend */ +.juhendUpper{ + color: white; + text-align: center; + margin: 4rem; + margin-bottom: 0; +} + + +/* Accordion */ +.accordion-item, .accordion-header, .accordion-button{ + background-color: transparent !important; + border: none !important; + text-decoration: none !important; } + + + /* Media Queries*/ @media only screen and (max-width: 1080px) { #intro{ @@ -48,85 +118,3 @@ body { height: 100vh !important; } } - - - -/* Starting button */ -.rannakuNupp{ - height: 80vh; -} - -.neon-button-wrapper { - display: grid; - place-items: center; - font-family: "Balsamiq Sans", cursive; - color: var(--clr-neon); -} -.neon-button { - font-size: 3rem; - - display: inline-block; - cursor: pointer; - text-decoration: none; - color: var(--clr-neon); - border: var(--clr-neon) 0.125em solid; - padding: 0.25em 1em; - border-radius: 0.25em; - - text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor; - - box-shadow: inset 0 0 0.5em 0 var(--clr-neon), 0 0 0.5em 0 var(--clr-neon); - - position: relative; -} - -.neon-button::before { - pointer-events: none; - content: ""; - position: absolute; - background: var(--clr-neon); - top: 120%; - left: 0; - width: 100%; - height: 100%; - - transform: perspective(1em) rotateX(40deg) scale(1, 0.35); - filter: blur(1em); - opacity: 0.7; -} - -.neon-button::after { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - box-shadow: 0 0 2em 0.5em var(--clr-neon); - opacity: 0; - background-color: var(--clr-neon); - z-index: -1; - transition: opacity 100ms linear; -} - -.neon-button:hover, -.neon-button:focus { - color: var(--clr-bg); - text-shadow: none; -} - -.neon-button:hover::before, -.neon-button:focus::before { - opacity: 1; -} -.neon-button:hover::after, -.neon-button:focus::after { - opacity: 1; -} - -/* Accordion */ -.accordion-item, .accordion-header, .accordion-button{ - background-color: transparent !important; - border: none !important; - text-decoration: none !important; -}
\ No newline at end of file |
