diff options
Diffstat (limited to 'rannak/mangud/kaitseliitlane/salakood/index.html')
| -rw-r--r-- | rannak/mangud/kaitseliitlane/salakood/index.html | 259 |
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> |