Better system + main page debut

2024-09-09 23:34:18 +02:00
parent 6c96cae51d
commit ccc632a418
6 changed files with 72 additions and 3 deletions
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,3 +1,25 @@
-h1 {
-    color: red;
+body {
+    background-color: #11111b;
+    padding:0;
+    margin:0;
+}
+
+.footer {
+    margin: 0;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    display: flex;
+    background-color: #b4befe;
+    justify-content: center;
+}
+
+.footer > a {
+    padding: 10px;
+    margin: 5px;
+    background-color: #94e2d5;
+    border-radius: 5px;
+    color: #1e1e2e;
+    font-family: "Segoe UI";
+    font-size: 20px;
 }
--- a/static/html/index.html
+++ b/static/html/index.html
@@ -1,10 +1,18 @@
 <!doctype html>
 <html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="static/js/index.js" defer="true"></script>
    <title>VOTE!</title>
 <link rel="stylesheet" href="static/css/index.css">
 </head>
 <body>
-    <h1>Bonjour cher voyageur</h1>
+    <div id="app" class="app"></div>
+    <div id="footer" class="footer">
+        <a href="/">Voter</a>
+        <a href="/results">Résultats</a>
+        <a href="/archives">Archives</a>
+    </div>
 </body>
 </html>
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -0,0 +1,16 @@
+App = {
+    div: document.getElementById("app"),
+    current_page: 0,
+    vote_plus_id: null,
+    vote_plus_nickname: null,
+    vote_plus_reason: null,
+    vote_moins_id: null,
+    vote_moins_nickname: null,
+    vote_moins_reason: null
+}
+
+load_page(App["current_page"])
+
+function load_page(id) {
+    console.log("He he")
+}