diff options
Diffstat (limited to 'rannak/mangud/perenaine/ristsona')
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/index.html | 243 | ||||
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/script.js | 13 | ||||
| -rw-r--r-- | rannak/mangud/perenaine/ristsona/style.css | 27 |
3 files changed, 283 insertions, 0 deletions
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html new file mode 100644 index 0000000..96df3bc --- /dev/null +++ b/rannak/mangud/perenaine/ristsona/index.html @@ -0,0 +1,243 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + + <title>Ristsõna</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 class="bg-dark"> + <div class="container text-white text-center"> + <h1>Ristsõna</h1> + <p>Lahenda ristsõna, vastuseks tuleb retsept?</p> + + <div class="align-items-center text-center"> + <div class="col"> + <a href="" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a> + </div> + </div> + + <form onsubmit="javascript:checkAnswer()" action="javascript:null"> + <input placeholder="vastus..."/> + </form> + </div> + + + <!-- Crossword --> + + <div class="main"> + + <div class="left text-center text-white"> + <ol> + <li></li> + <li></li> + <li></li> + <li></li> + <li></li> + <li></li> + </ol> + </div> + + <table class="text-center text-white"> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td class="kurk"><sup>1</sup>K</td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td class="kurk">U</td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td class="kurk">R</td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr class="vastus"> + <td>→</td> + <td class="kurk">K</td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + + <div class="right text-white"> + <ol start="7"> + <li></li> + <li></li> + <li></li> + <li></li> + <li></li> + <li></li> + </ol> + </div> + + </div> <!-- End of main class--> + + <script src="script.js"></script> +</body> +</html> diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js new file mode 100644 index 0000000..eac2fc2 --- /dev/null +++ b/rannak/mangud/perenaine/ristsona/script.js @@ -0,0 +1,13 @@ +console.log("Brrrr");; +let counter = 0; + +// Button func + +function moveOnEnable(){ + const button = document.querySelector(".btn"); + button.classList.remove('disabled'); + button.setAttribute('aria-disabled', false); + console.log("done"); + + counter = 0; +} diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css new file mode 100644 index 0000000..00c55b6 --- /dev/null +++ b/rannak/mangud/perenaine/ristsona/style.css @@ -0,0 +1,27 @@ +* { + box-sizing: border-box; +} + +table{ + margin: 20px auto; +} + +.vastus td{ + border: 5px solid lime !important; +} + +td { + border: 4px solid white !important; + width: 40px !important; + height: 40px !important; + font-weight: bold; +} + +.main{ + display: flex; +} + +.left, .right{ + margin: 10px; + width: calc((100vw - (13*40px) - 40px) / 2) !important; +} |