summaryrefslogtreecommitdiff
path: root/rannak/mangud/kaitseliitlane/salakood/index.html
diff options
context:
space:
mode:
authorRasmus Luha <rasmus.luha@gmail.com>2023-01-14 00:06:13 +0200
committerRasmus Luha <rasmus.luha@gmail.com>2023-01-14 00:06:13 +0200
commit61f75569eb9464fbf0403f3af41d940e5cc79478 (patch)
tree1a183d16a53b15036bca3ae2069264294153495e /rannak/mangud/kaitseliitlane/salakood/index.html
parentad4cd6abd8abe20f4ff3be8ae822927a5e4dce84 (diff)
salakood mang
Diffstat (limited to 'rannak/mangud/kaitseliitlane/salakood/index.html')
-rw-r--r--rannak/mangud/kaitseliitlane/salakood/index.html259
1 files changed, 259 insertions, 0 deletions
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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 03:44:15 +0000