From c5d1a4aeca1da1c80a0e580ab0b60f8a13ce22d7 Mon Sep 17 00:00:00 2001
From: Quentin Dufour <quentin@deuxfleurs.fr>
Date: Sun, 10 May 2020 18:43:05 +0200
Subject: Rework theme

---
 src/_layout.pug | 43 +++++++++++++++++++++++++------------------
 1 file changed, 25 insertions(+), 18 deletions(-)

(limited to 'src/_layout.pug')

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&nbsp;
-        img(src='/img/flower.svg' width='38')
-        img(src='/img/flower.svg' width='38')
-      .menu-item
-        a(href='https://guichet.deuxfleurs.fr') compte
-        span &nbsp;|&nbsp; 
-      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'
+        }
+      })()
-- 
cgit v1.2.3