diff options
| author | Rasmus <rasmus.luha@gmail.com> | 2023-07-01 18:21:39 +0300 |
|---|---|---|
| committer | Rasmus <rasmus.luha@gmail.com> | 2023-07-01 18:21:39 +0300 |
| commit | 4d38783da06d8a08cefe941a8e7d4770744b6f8d (patch) | |
| tree | f0712ce84696cbf50c34ae59c0857a4fa375cce2 /rannak/lopp | |
| parent | ac3bfb7728e9324e6a21035e7b321649550c60cb (diff) | |
Former-commit-id: b441f9f3c1511b83dccb5dfcf2fd9c48a2f703e8
Diffstat (limited to 'rannak/lopp')
| -rw-r--r-- | rannak/lopp/img/bg.jpg | bin | 0 -> 84522 bytes | |||
| -rw-r--r-- | rannak/lopp/index.html | 32 | ||||
| -rw-r--r-- | rannak/lopp/style.css | 47 |
3 files changed, 79 insertions, 0 deletions
diff --git a/rannak/lopp/img/bg.jpg b/rannak/lopp/img/bg.jpg Binary files differnew file mode 100644 index 0000000..7bc4219 --- /dev/null +++ b/rannak/lopp/img/bg.jpg diff --git a/rannak/lopp/index.html b/rannak/lopp/index.html new file mode 100644 index 0000000..1e35e18 --- /dev/null +++ b/rannak/lopp/index.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Sõnapilv</title> + <link rel="stylesheet" href="style.css" type="text/css"/> +</head> + + <body> + + <div class="wrapper"> + <h1>Sõnapilv</h1> + <p> + Oled jõudnud viimase ülesandeni! + Nüüd, kui mäng on läbi, arutlege oma grupis, + millised 3-5 märksõna seostuvad aastaga 1991. + Looge neist sõnadest sõnapilv tahvlile või + kasutage rakendust <strong><a href="https://www.mentimeter.com/" target="_blank">mentimeter</a></strong>. Selgitage + ülejäänud klassile, miks te valisite just need sõnad. + </p> + + <a href="../.."> + <button>Avalehele</button> + </a> + </div> + + </div> + + </body> +</html> diff --git a/rannak/lopp/style.css b/rannak/lopp/style.css new file mode 100644 index 0000000..a349ff8 --- /dev/null +++ b/rannak/lopp/style.css @@ -0,0 +1,47 @@ +body { + min-height: 100vh !important; + background-color: #43464b; + padding: 0; + margin: 0; + box-sizing: border-box; + background-image: url("img/bg.jpg"); + background-size: cover; + background-attachment: fixed; +} + + + +.wrapper { + display: flex; + min-height: 100vh; + height: 100%; + justify-content: center; + align-items: center; + text-align: center; + flex-direction: column; + padding:0 15%; + color: white; + color: black; + backdrop-filter: blur(2.3px); +} + + +a { + padding: 20px; + text-decoration: none; +} + +button { + background-color: rgba(0,136,169,1); + border-radius: 50px; + padding: 15px; + border: none; + cursor: pointer; + text-decoration: none; + font-size: 1.3rem; + color: white; +} + +h1 {font-size: 2.5rem} +p {font-size: 1.75rem} + |
