From 67bc896eafa702426be343914442b587a78a4917 Mon Sep 17 00:00:00 2001 From: Namonay Date: Fri, 13 Sep 2024 01:23:34 +0200 Subject: [PATCH] css + blank js + html --- script.js | 0 styles.css | 66 ++++++++++++++++++++++++++++ templates/home.html | 102 +++++++++++++++++++++++++++++++++++++------- 3 files changed, 152 insertions(+), 16 deletions(-) create mode 100644 script.js create mode 100644 styles.css diff --git a/script.js b/script.js new file mode 100644 index 0000000..e69de29 diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..49ff946 --- /dev/null +++ b/styles.css @@ -0,0 +1,66 @@ +body { + font-family: "Helvetica Neue", Helvetica, Arial; + font-weight: regular; +} +h1, h2 { + text-transform: uppercase; +} +header { + min-height: 100px; + background: #29AC51; + color: #fff; + text-align: center; + h1 { + padding: 30px; + margin: auto; + font-size: 50px; + } +} +#desc { + max-width: 550px; + text-align: center; + margin: auto; + padding: 50px 0px 25px 0px; +} +#counter { + max-width: 500px; + margin: auto; + padding: 25px 0 50px 0; + text-align: center; +} + h2 { + font-size: 50px; + font-family: 'Teko', sans-serif; + } + #days { + font-family: 'Aldrich', sans-serif; + font-size: 55px; + padding: 50px 0 50px 0; + color: red; + } + #record { + font-family: 'Teko', sans-serif; + font-size: 30px; +} +#incident-btn { + padding: 35px 45px 35px 45px; + max-width: 150px; + text-align: center; + margin: auto; + color: #fff; + text-transform: uppercase; + font-size: 30px; + background: #FF0000; + border-bottom: solid #A20000 4px; + cursor: pointer; + user-select: none; +} + +.btn-text { + text-align: center; + padding-top: 15px; +} + + + + diff --git a/templates/home.html b/templates/home.html index 0d4b8ce..7e69954 100644 --- a/templates/home.html +++ b/templates/home.html @@ -1,16 +1,86 @@ - - - - - Ca42 - - -

Ca42

- {% for date in dates %} -

{{date}}

- {% endfor %} -
- -
- - + + +
+

ca42

+
+
+

Nombres de jours sans problèmes sanitaires a 42 Angoulême.

+
+
+

Jours depuis le dernier problème:

+
+

+
+
+

+
+
+

Nombre total de problèmes :

+

+
+
Incident
+

Note: Button doesn't actually work yet...

\ No newline at end of file