From e172166886515265c0077ca61531bdf4c8b0e08b Mon Sep 17 00:00:00 2001 From: Michiel Scholten Date: Tue, 5 Nov 2024 14:12:16 +0100 Subject: [PATCH] Styling --- src/alfagok/static/game.css | 41 +++++++++++++++++++++++++++++++- src/alfagok/templates/index.html | 14 ++++------- 2 files changed, 44 insertions(+), 11 deletions(-) diff --git a/src/alfagok/static/game.css b/src/alfagok/static/game.css index a1175f0..612cc98 100644 --- a/src/alfagok/static/game.css +++ b/src/alfagok/static/game.css @@ -1,6 +1,36 @@ body { background-color: #333; color: #FFF; + + max-width: 600px; + margin: 0 auto; + padding: 2rem 1rem; +} + +a.title { + color: #FF9800; + font-weight: bold; + text-decoration: none; + font-size: 1.5rem; +} + +.puzzleno { + border: 1px solid grey; + color: grey; + padding: .2em .5em; + border-radius: 1em; + text-align: right; + float: right; +} + +.instructions { + padding: 2rem 0; +} + +input[type="text"] { + box-sizing: border-box; + width: 100%; + padding: .5rem; } button { @@ -8,5 +38,14 @@ button { color: #333; border: 0; - padding: .2rem; + padding: .5rem; + margin-top: .5rem; + + cursor: pointer; + + width: 100%; +} + +ul { + list-style-type: none; } diff --git a/src/alfagok/templates/index.html b/src/alfagok/templates/index.html index 1e9f0a3..b9b7a4e 100644 --- a/src/alfagok/templates/index.html +++ b/src/alfagok/templates/index.html @@ -9,20 +9,14 @@ -
+
- alfagok puzzle # • + alfagok puzzel # • -

- -
+

Raad het woord van de dag. Elke gok geeft een hint over waar het woord zich in het alfabet bevindt.

-
    @@ -49,7 +43,7 @@

    Het woord van vandaag was .

    -

    +

    🔗 alfagok.diginaut.net