Rework theme

1 files changed, 25 insertions, 18 deletions

diff --git a/src/_layout.pug b/src/_layout.pug
index 9bd186b..781fefe 100644
--- a/src/_layout.pug
+++ b/src/_layout.pug
@@ -6,22 +6,29 @@ block root
     meta(charset='utf-8')
     title 💮💮 deuxfleurs - #{title}
     link(rel="stylesheet", href="/css/main.css")
-  header
-    .container
-      .menu-item
-        a(href='/') 
-          strong deuxfleurs 
-        img(src='/img/flower.svg' width='38')
-        img(src='/img/flower.svg' width='38')
-      .menu-item
-        a(href='https://guichet.deuxfleurs.fr') compte
-        span  |  
-      h1 #{title}
-  block main
+    meta(name="viewport", content="width=device-width, initial-scale=1.0")
+  body
+    header
+      a#menu(href="#").mobile_inline
+        svg(viewBox="0 0 100 80", width="40", height="40")
+          rect(width="100", height="20")
+          rect(y="30" width="100" height="20")
+          rect(y="60" width="100" height="20")
+
+      h1
+        a(href="/") deuxfleurs
+      nav.computer_block
+        +menu(root)
+        
     main
-      .container.spacing
-        nav
-          strong
-            a(href="/") Accueil
-          +menu(root)
-        block content
+      block content
+    footer
+    script.
+      (_ => {
+        const hamburger = document.getElementById('menu')
+        hamburger.onclick = _ => {
+          const nav = document.querySelector('body > header > nav')
+          console.log(nav.style.display)
+          nav.style.display = nav.style.display != 'block' ? 'block' : 'none'
+        }
+      })()