salakood mang

author: Rasmus Luha <rasmus.luha@gmail.com> 2023-01-14 00:06:13 +0200
committer: Rasmus Luha <rasmus.luha@gmail.com> 2023-01-14 00:06:13 +0200
commit: 61f75569eb9464fbf0403f3af41d940e5cc79478 (patch)
tree: 1a183d16a53b15036bca3ae2069264294153495e
parent: ad4cd6abd8abe20f4ff3be8ae822927a5e4dce84 (diff)
23 files changed, 622 insertions, 59 deletions
diff --git a/rannak/mangud/index.html b/rannak/mangud/index.html
index 624823e..9d592d2 100644
--- a/rannak/mangud/index.html
+++ b/rannak/mangud/index.html
@@ -16,8 +16,8 @@
 	<div>
       <h3>Kaitseliitlane</h3>
 	  <ol>
-		<li><a href="kaitseliitlane/kuulsused">Kuulsused</a></li>
-		<li></li>
+		<li><a href="kaitseliitlane/sundmused">Sündmused</a></li>
+		<li><a href="kaitseliitlane/salakood">Salakood</a></li>
 		<li></li>
 	  </ol>
 	</div>
diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html
new file mode 100644
index 0000000..26502a6
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/salakood/index.html
@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+
+  <title>Salakood</title>
+
+  <link rel="stylesheet" href="style.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>
+
+    <!-- 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>Salakood</h1>
+
+	  <p>
+        Kaitseliitlane edastab meile salakirjas teate, mille on koostanud 4 torni valvavat kaitseliitlast.
+        <br/>
+        Kas need 4 saatsid selle äkki Soome YLES raadiole?
+      </p>
+
+	  <div class="text-center">
+
+		<div class="col">
+          <button class="moveOn" disabled>Liigu Edasi</button>
+		</div>
+
+        <div class="text-center inputBox">
+
+          <input type="text" placeholder="Täht" id="inputId" maxlength="1">
+          <button type="button" class="subBtn subDisabled" onclick="getInputValue();">Proovi</button>
+
+          <div class="infoWrapper">
+            <div class="infoTxt"></div>
+            <h6><strong>Kood</strong></h6>
+            <span>25-A | </span>
+            <span>24-B | </span>
+            <span>23-C | </span>
+            <span>22-D | </span>
+            <span>21-E | </span>
+            <span>20-F | </span>
+            <span>19-G | </span>
+            <span>18-H | </span>
+            <span>17-I | </span>
+            <span>16-J | </span>
+            <span>15-K | </span>
+            <span>14-L | </span>
+            <span>13-M | </span>
+            <span>12-N | </span>
+            <span>11-O | </span>
+            <span>10-P | </span>
+            <span>9-R | </span>
+            <span>8-S | </span>
+            <span>7-T | </span>
+            <span>6-U | </span>
+            <span>5-V | </span>
+            <span>4-Õ | </span>
+            <span>3-Ä | </span>
+            <span>2-Ö | </span>
+            <span>1-Ü</span>
+          </div>
+
+        </div>
+
+
+	  </div>
+    </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">
+            Kui ma kuulsin, et teletorni rünnatakse, sõitsin kohe siia.
+            <br/>
+            Torni juures on ühelt poolt vene tankid ja teisalt sadu inimesi,
+            kes seda kaitsevad. Kuuldatavasti kaitsevad tornis sidekeskust 4 kaitseliitlast,
+            kes edastasid Soome YLES raadiole teate meie olukorrast.
+            <br/>
+            <strong>
+            Teade on loomulikult kodeeritud. Kas murrad selle läbi?
+            </strong>
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+
+
+
+	<!-- Crossword -->
+
+	<div class="main">
+
+	  <table class="text-center text-white">
+        <!-- Essa Rida-->
+	    <tr>
+		  <td class="selected">7</td>
+		  <td>11</td>
+		  <td>9</td>
+		  <td>12</td>
+		  <td>17</td>
+		  <td></td>
+		  <td>9</td>
+		  <td>1</td>
+		  <td>12</td>
+		  <td>12</td>
+		  <td>25</td>
+		  <td>7</td>
+		  <td>17</td>
+		  <td></td>
+		  <td class="done">4.</td>
+		  <td class="done">30.</td>
+	    </tr>
+
+        <!-- Teine Rida-->
+	    <tr>
+		  <td>5</td>
+		  <td>25</td>
+		  <td>14</td>
+		  <td>5</td>
+		  <td>25</td>
+		  <td>13</td>
+		  <td>21</td>
+		  <td></td>
+		  <td>8</td>
+		  <td>17</td>
+		  <td>22</td>
+		  <td>21</td>
+		  <td>15</td>
+		  <td>21</td>
+		  <td>8</td>
+		  <td>15</td>
+		  <td>6</td>
+		  <td>8</td>
+		  <td>7</td>
+		  <td></td>
+	    </tr>
+
+        <!-- Kolmas Rida-->
+	    <tr>
+		  <td class="done">2</td>
+		  <td class="done">2.</td>
+		  <td>15</td>
+		  <td>11</td>
+		  <td>9</td>
+		  <td>9</td>
+		  <td>6</td>
+		  <td>8</td>
+		  <td>21</td>
+		  <td>14</td>
+		  <td class="done">.</td>
+		  <td></td>
+		  <td>21</td>
+		  <td>14</td>
+		  <td>21</td>
+		  <td>15</td>
+		  <td>7</td>
+		  <td>21</td>
+		  <td>9</td>
+		  <td class="done">,</td>
+		  <td></td>
+	    </tr>
+        
+        <!-- Neljas Rida-->
+	    <tr>
+		  <td>9</td>
+		  <td>25</td>
+		  <td>25</td>
+		  <td>22</td>
+		  <td>17</td>
+		  <td>11</td>
+		  <td>14</td>
+		  <td>21</td>
+		  <td>5</td>
+		  <td>17</td>
+		  <td></td>
+		  <td>11</td>
+		  <td>14</td>
+		  <td>21</td>
+		  <td>13</td>
+		  <td>25</td>
+		  <td>8</td>
+		  <td class="done">.</td>
+	    </tr>
+
+        <!-- Viies Rida-->
+	    <tr>
+		  <td>14</td>
+		  <td>17</td>
+		  <td>20</td>
+		  <td>7</td>
+		  <td>17</td>
+		  <td>22</td>
+		  <td></td>
+		  <td>1</td>
+		  <td>14</td>
+		  <td>21</td>
+		  <td>5</td>
+		  <td>25</td>
+		  <td>14</td>
+		  <td class="done">.</td>
+		  <td></td>
+	    </tr>
+
+
+        <!-- Kuues Rida-->
+	    <tr>
+		  <td>11</td>
+		  <td>14</td>
+		  <td>6</td>
+		  <td>15</td>
+		  <td>11</td>
+		  <td>9</td>
+		  <td>22</td>
+		  <td></td>
+		  <td>15</td>
+		  <td>9</td>
+		  <td>17</td>
+		  <td>17</td>
+		  <td>7</td>
+		  <td>17</td>
+		  <td>14</td>
+		  <td>17</td>
+		  <td>12</td>
+		  <td>21</td>
+		  <td class="done">.</td>
+	    </tr>
+
+	  </table>
+	
+	</div> <!-- End of main class-->
+
+  <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/avatar.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg
index 37ae271..37ae271 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/avatar.jpg
+++ b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg
diff --git a/rannak/mangud/kaitseliitlane/salakood/script.js b/rannak/mangud/kaitseliitlane/salakood/script.js
new file mode 100644
index 0000000..1945187
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/salakood/script.js
@@ -0,0 +1,141 @@
+document.addEventListener('DOMContentLoaded', () => {
+    let btn = document.querySelector('.modalButton');
+    btn.click();
+});
+
+
+let counter = 0;
+
+
+function message(msg, color){
+    messageBox = document.querySelector(".infoTxt");
+    messageBox.innerHTML = msg;
+    messageBox.style.color = color;
+}
+
+
+
+
+
+// Grid event added
+function clickEventAdder(){
+    for (let node of document.querySelectorAll("td")) {
+
+        node.addEventListener("click", () => {
+
+            if (!node.classList.contains("selected"))
+                node.classList.add("selected");
+
+            let curNode = node;
+            for (let node of document.querySelectorAll("td")) {
+                if (node != curNode && node.classList.contains("selected"))
+                    node.classList.remove("selected");
+            }
+        });
+
+    } // outerFor
+} // FuncEnd
+clickEventAdder();
+
+
+
+
+
+
+function getInputValue() {
+    // Selecting the input element and get its value 
+    let inputVal = document.getElementById("inputId").value;
+
+    if (inputVal == "")
+        message("Palun vali täht.", "red");
+    else
+        kontrolliVastus(inputVal.toLowerCase());
+}
+
+let koodid = {"a": 25,
+              "b": 24,
+              "c": 23,
+              "d": 22,
+              "e": 21,
+              "f": 20,
+              "g": 19,
+              "h": 18,
+              "i": 17,
+              "j": 16,
+              "k": 15,
+              "l": 14,
+              "m": 13,
+              "n": 12,
+              "o": 11,
+              "p": 10,
+              "r": 9,
+              "s": 8,
+              "t": 7,
+              "u": 6,
+              "v": 5,
+              "õ": 4,
+              "ä": 3,
+              "ö": 2,
+              "ü": 1,
+             };
+
+function kontrolliVastus(vastus){
+
+    let toCheck = document.querySelector(".selected");
+
+    if (toCheck.classList.contains("done"))
+        message("Juba Õige!", "lime");
+
+    else if (toCheck.innerHTML == "")
+        message("Siin on tühik.", "lime");
+
+    else if (koodid[vastus] == toCheck.innerHTML){
+        message("Õige!", "lime");
+        toCheck.innerHTML = vastus.toUpperCase();
+        toCheck.classList.add("done");
+        counter += 1;
+
+        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");
+
+            for (let node of document.querySelectorAll("td")) {
+                if (node.classList.contains("selected"))
+                    node.classList.remove("selected");
+            }
+        }
+
+    }
+
+    else
+        message("Proovi uuesti.", "red");
+    
+}
+
+
+function enterSubmit(){
+    document.getElementById('inputId')
+    .addEventListener('keyup', event => {
+            if (event.code === 'Enter')
+            {
+                event.preventDefault();
+                getInputValue();
+            }
+        });
+}
+enterSubmit()
+
+
+
+// If Done
+
+function moveOnEnable(){
+    const btn = document.querySelector(".moveOn");
+    btn.disabled = false;
+    btn.onclick = () => location.href = "#";
+
+    // 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
new file mode 100644
index 0000000..537477f
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/salakood/style.css
@@ -0,0 +1,152 @@
+* {
+  box-sizing: border-box;
+}
+
+body{
+    background-color: #212121 !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;
+}
+
+/* Retsept Lõpus*/
+
+.retsept {
+    margin-top: 5%;
+    width:60%;
+    color: #AFFF80;
+    text-align: center;
+    font-size: 1.2rem;
+}
+
+
+
+/* Modal Stuff */
+
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+    max-width: 15rem !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
+
+
+.closeModalButton {
+  border-radius: 50px;
+}
+
+.modalButton{
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 6px;
+    padding: 9px 25px;
+    background-color: rgba(0,136,169,1) !important;
+    border: none !important;
+    border-radius: 50px !important;
+    cursor: pointer !important;
+    transition: all 0.3 ease 0 !important;
+    margin: 3% !important;
+    font-size: 1.2rem !important;
+}
+
+.modalButton:hover{
+    background-color: rgba(0,136,169,0.8) !important;
+}
+
+
+/* Input Box styles */
+
+input {
+    width: 7ch;
+}
+
+.inputBox{
+    margin-top: 10px !important;
+}
+
+.subBtn{
+    display: inline-block;
+    border: none;
+    padding: 3px 6px;
+    margin-botton: 0;
+    font-size: .95rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 2px;
+    color: white;
+    background-color: #93bdbd;
+}
+
+.subDisabled{
+    cursor: not-allowed;
+}
+
+
+/* Koodi Styles*/
+
+.infoWrapper{
+    color: white;
+    margin: 1rem;
+}
+
+
+
+/* Main */
+
+.main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+td {
+	border: 4px solid white !important;
+	width: 4rem !important;
+	height: 4rem !important;
+	font-weight: bold;
+}
+
+
+
+.done {
+    color: #bd1393;
+}
+
+.selected {
+    background: lime; 
+}
+
+
+
+
+
+
+@media screen and (min-width: 1900px) {
+    .main {
+        margin-top: 5rem;
+    }
+}
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html
index d2225b6..d2225b6 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/index.html
+++ b/rannak/mangud/kaitseliitlane/sundmused/index.html
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg
index f462f69..f462f69 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/EVkuulutamine.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/EVkuulutamine.jpg
diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg
new file mode 100644
index 0000000..37ae271
--- /dev/null
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg
index f395c65..f395c65 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/baltikett.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/baltikett.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg
index b94f2b0..b94f2b0 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/hirvepark.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/hirvepark.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg
index 3d6d386..3d6d386 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/interrinne.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/interrinne.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg
index 6ad8ad9..6ad8ad9 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/laulupidu.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/laulupidu.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg b/rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg
index c539324..c539324 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/pildid/teletorn.jpg
+++ b/rannak/mangud/kaitseliitlane/sundmused/pildid/teletorn.jpg
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/sundmused/script.js
index daa263d..daa263d 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/script.js
+++ b/rannak/mangud/kaitseliitlane/sundmused/script.js
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css
index c007ae5..5e2d661 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css
+++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css
@@ -59,7 +59,7 @@ img {
 .avatar {
     border-radius: 20px;
     width: 100% !important;
-    width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css
index 79b5177..f4fb4c8 100644
--- a/rannak/mangud/partorg/kuulsused/styles.css
+++ b/rannak/mangud/partorg/kuulsused/styles.css
@@ -5,7 +5,9 @@
 .lists{
     margin-bottom: 20px !important;
 }
-                
+/* Modal Stuff */
+
+
 .avatar {
     border-radius: 20px;
     width: 100% !important;
@@ -17,6 +19,32 @@
     width: 100% !important;
 }
 
+.closeModalButton {
+  border-radius: 50px;
+}
+
+.modalButton{
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 6px;
+    padding: 9px 25px;
+    background-color: rgba(0,136,169,1) !important;
+    border: none !important;
+    border-radius: 50px !important;
+    cursor: pointer !important;
+    transition: all 0.3 ease 0 !important;
+    margin: 3% !important;
+    font-size: 1.2rem !important;
+}
+
+.modalButton:hover{
+    background-color: rgba(0,136,169,0.8) !important;
+}
+
+
+/* Move On */
+
 .moveOn{
     display: inline-block;
     border: none;
@@ -36,6 +64,10 @@ button:disabled{
     cursor: not-allowed;
 }
 
+
+/* Other */
+
+
 .row {
     margin: 0 5% !important;
 }
@@ -67,30 +99,3 @@ img {
 	height: 100% !important;
 	min-height: 2rem;
 }
-
-
-/* Modal Stuff */
-
-
-.closeModalButton {
-  border-radius: 50px;
-}
-
-.modalButton{
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 6px;
-    padding: 9px 25px;
-    background-color: rgba(0,136,169,1) !important;
-    border: none !important;
-    border-radius: 50px !important;
-    cursor: pointer !important;
-    transition: all 0.3 ease 0 !important;
-    margin: 3% !important;
-    font-size: 1.2rem !important;
-}
-
-.modalButton:hover{
-    background-color: rgba(0,136,169,0.8) !important;
-}
diff --git a/rannak/mangud/partorg/plakat/style.css b/rannak/mangud/partorg/plakat/style.css
index c2ed47b..bc5c2c4 100644
--- a/rannak/mangud/partorg/plakat/style.css
+++ b/rannak/mangud/partorg/plakat/style.css
@@ -1,6 +1,4 @@
 body {
-    margin: 0 !important;
-    padding: 0 !important;
     height: 100% !important;
     overflow: hidden !important;
     color: white !important;
@@ -12,8 +10,10 @@ body {
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
+
 .modalHeaderWrapper{
     text-align: center;
     margin: 0 !important;
diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
index a5d6004..73bfa90 100644
--- a/rannak/mangud/partorg/sonaragastik/style.css
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -31,7 +31,7 @@ button:disabled{
 .avatar {
     border-radius: 20px;
     width: 100% !important;
-    width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index 6a29459..fa7a05a 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -36,6 +36,7 @@ button:disabled{
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index 147df2f..4807294 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -42,6 +42,7 @@ button:disabled{
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
diff --git a/rannak/mangud/uliopilane/ajatelg/styles.css b/rannak/mangud/uliopilane/ajatelg/styles.css
index 3365a11..15b93d8 100644
--- a/rannak/mangud/uliopilane/ajatelg/styles.css
+++ b/rannak/mangud/uliopilane/ajatelg/styles.css
@@ -9,39 +9,18 @@ html {
 	box-sizing: border-box !important;
 }
 
-body{
-    background-color: #111 !important;
-}
+body{background-color: #111 !important;}
+.pealkiri {width: 100vw !important;}
 
-.pealkiri {
-    width: 100vw !important;
-}
 
-/* Green Btn */
-.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;
-}
+/* Modal Stuff */
 
-button:disabled{
-    opacity: 0.5;
-    cursor: not-allowed;
-}
 
-/* Modal Stuff */
 
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
@@ -76,6 +55,29 @@ button:disabled{
 }
 
 
+
+/* Green Btn */
+
+.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;
+}
+
+
 /* Left side Part */
 
 
diff --git a/rannak/mangud/uliopilane/tSark/style.css b/rannak/mangud/uliopilane/tSark/style.css
index 9696ffc..1179fb0 100644
--- a/rannak/mangud/uliopilane/tSark/style.css
+++ b/rannak/mangud/uliopilane/tSark/style.css
@@ -65,6 +65,7 @@ button:disabled{
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
diff --git a/rannak/mangud/uliopilane/utlused/utlused.css b/rannak/mangud/uliopilane/utlused/utlused.css
index 3835300..41b2ad0 100644
--- a/rannak/mangud/uliopilane/utlused/utlused.css
+++ b/rannak/mangud/uliopilane/utlused/utlused.css
@@ -38,6 +38,7 @@ button:disabled{
 .avatar {
     border-radius: 20px;
     width: 100% !important;
+    max-width: 15rem !important;
 }
 
 .modalHeaderWrapper{
author	Rasmus Luha <rasmus.luha@gmail.com>	2023-01-14 00:06:13 +0200
committer	Rasmus Luha <rasmus.luha@gmail.com>	2023-01-14 00:06:13 +0200
commit	61f75569eb9464fbf0403f3af41d940e5cc79478 (patch)
tree	1a183d16a53b15036bca3ae2069264294153495e
parent	ad4cd6abd8abe20f4ff3be8ae822927a5e4dce84 (diff)