fixes

Former-commit-id: 09885e5cd344caaee9cdc2005b7e88dcc5206213
author: Rasmus <rasmus.luha@gmail.com> 2023-05-14 16:12:01 +0300
committer: Rasmus <rasmus.luha@gmail.com> 2023-05-14 16:12:01 +0300
commit: 62caa37da257987c9585ac57ab64bb12ea481d0b (patch)
tree: c3d6ec3389258db0b807286ac008f7dcd8653636 /lehed
parent: 3c64a840a69b2685722765feadf0fec6e571b157 (diff)
6 files changed, 253 insertions, 3 deletions
diff --git a/lehed/juhend/index.html b/lehed/juhend/index.html
new file mode 100644
index 0000000..47dd207
--- /dev/null
+++ b/lehed/juhend/index.html
@@ -0,0 +1,164 @@
+<html lang="en">
+<head>
+    <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>Juhend</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">
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+    <!-- navbar -->
+    <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">
+          Digirännak
+          </span>
+        </a>
+        <!-- toggle button for mobile nav -->
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <!-- navbar links -->
+        <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="../projekt">Projekt</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../juhend">Juhend</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
+            </li>
+            <li class="nav-item d-md-none">
+              <a class="nav-link" href="../rollid">Rollid</a>
+            </li>
+            <li class="nav-item ms-2 d-none d-md-inline">
+              <a class="btn btn-secondary" href="../rollid">Rollid</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Sissejuhatus -->
+    <section id="sissejuhatus">
+        <h1 class="text-center text-white pb-3">Juhend</h1>
+    </section>
+
+
+    <!-- juhend -->
+    <section id="juhend">
+        <div class="container">
+
+
+          <!-- accordion -->
+          <div class="accordion accordion-flush justify-content-center" id="accordionFlush">
+
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="flush-headingOne">
+                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
+                  Enne alustamist
+                </button>
+              </h2>
+              <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush">
+                <div class="accordion-body">
+                  <p>
+                    Enne Rännakule asumist tutvu kindlasti 
+					<a href="lehed/rollid">rollidega</a>.
+					<br/>
+					Kahjuks ei ole digirännak telefoniga läbitav.
+				  </p>
+                  <p>
+					Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quae nesciunt vitae repellat quasi quibusdam minima? Quos dicta maxime dolore ab ex 
+					perspiciatis veritatis recusandae molestiae repellendus. Officiis fugit, cumque delectus dignissimos non repellendus quo.
+				  </p>
+                </div>
+              </div>
+            </div>
+
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="flush-headingTwo">
+                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
+                  Rännaku ajal
+                </button>
+              </h2>
+              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlush">
+                <div class="accordion-body">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, consequatur. Aliquam ea iste assumenda vel ipsa maiores ex distinctio temporibus autem quia.
+                   Omnis ipsa tempore nihil porro qui aut magnam. Temporibus quasi quo dicta excepturi nam perferendis eum molestias accusamus.</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                </div>
+              </div>
+            </div>
+
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="flush-headingThree">
+                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
+                Lõpetamine
+                </button>
+              </h2>
+              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlush">
+                <div class="accordion-body">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                </div>
+            </div>
+
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="flush-headingFour">
+                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
+                  Lisaks veel
+                </button>
+              </h2>
+              <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlush">
+                <div class="accordion-body">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                </div>
+              </div>
+            </div>
+
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="flush-headingFive">
+                <button class="accordion-button collapsed text-white fs-4" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
+                  Viimane Reegel
+                </button>
+              </h2>
+              <div id="flush-collapseFive" class="accordion-collapse collapse" aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlush">
+                <div class="accordion-body">
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ut provident delectus vel nemo eveniet ad saepe nobis sequi debitis?</p>
+                </div>
+              </div>
+            </div>
+
+
+          </div>
+        </div>
+    </section>
+
+
+
+
+
+
+
+
+
+
+    <!-- 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/lehed/juhend/styles.css b/lehed/juhend/styles.css
new file mode 100644
index 0000000..e19b377
--- /dev/null
+++ b/lehed/juhend/styles.css
@@ -0,0 +1,38 @@
+body{
+    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; }
+
+
+
+
+
+
+
+
+
+/* Accordion */
+.accordion-item, .accordion-header, .accordion-button{
+  background-color: transparent !important;
+  border: none !important;
+  text-decoration: none !important;
+}
diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html
index 1a077a6..88b01df 100644
--- a/lehed/oppematerjalid/index.html
+++ b/lehed/oppematerjalid/index.html
@@ -32,7 +32,7 @@
               <a class="nav-link" href="../projekt">Projekt</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="../../#juhend">Juhend</a>
+              <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
@@ -53,6 +53,16 @@
         <div class="container justify-content-center">
             <h1 class="text-center text-white">Õppematerjalid</h1>
         </div>
+        <div class="lingid">
+
+            <a class="link" target="_blank" href="https://pillerohtla.wixsite.com/ajarannak">
+                <h3 class="opilane">Õpilane</h3>
+            </a>
+
+            <a class="link" target="_blank" href="https://pillva.wixsite.com/ajarannak1991/">
+                <h3 class="opetaja">Õpetaja</h3>
+            </a>
+        </div>
     </section>
 
     <!-- JavaScript Bundle with Popper -->
diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css
index 74ca032..987edbd 100644
--- a/lehed/oppematerjalid/styles.css
+++ b/lehed/oppematerjalid/styles.css
@@ -1,6 +1,7 @@
 body{
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     background-color: #43464b;
+    max-height: 100vh !important;
 }
 
 /* NavBar */
@@ -20,3 +21,40 @@ body{
     font-weight: bolder;
 }
 .navbar a{ color: white; }
+
+
+/* Lingid */
+.lingid {
+    height: 70%;
+    display: flex;
+    align-items: center ;
+    justify-content: center;
+}
+
+.link{
+    text-decoration: none;
+    margin: 4rem;
+}
+
+h3{ 
+    font-size: 3.7rem; 
+    font-weight: 555; 
+}
+
+.opilane{color: #a3be8c}
+.opetaja{color: #d08770}
+
+
+.opilane:hover{
+    color: #a3be8c;
+    font-weight: bold;
+    font-weight: 3.8rem;
+}
+.opetaja:hover{
+    color: #d08770;
+    font-weight: bold;
+    font-weight: 3.8rem;
+}
+
+
+
diff --git a/lehed/projekt/index.html b/lehed/projekt/index.html
index 4a9da9e..3b7ff05 100644
--- a/lehed/projekt/index.html
+++ b/lehed/projekt/index.html
@@ -32,7 +32,7 @@
               <a class="nav-link" href="../projekt">Projekt</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="../../#juhend">Juhend</a>
+              <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html
index be810bf..a764e16 100644
--- a/lehed/rollid/index.html
+++ b/lehed/rollid/index.html
@@ -34,7 +34,7 @@
               <a class="nav-link" href="../projekt">Projekt</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="../../#juhend">Juhend</a>
+              <a class="nav-link" href="../juhend">Juhend</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="../oppematerjalid">Õppematerjalid</a>
author	Rasmus <rasmus.luha@gmail.com>	2023-05-14 16:12:01 +0300
committer	Rasmus <rasmus.luha@gmail.com>	2023-05-14 16:12:01 +0300
commit	62caa37da257987c9585ac57ab64bb12ea481d0b (patch)
tree	c3d6ec3389258db0b807286ac008f7dcd8653636 /lehed
parent	3c64a840a69b2685722765feadf0fec6e571b157 (diff)