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 %}
-
-
-
+
+
+
+
+
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