diff options
Diffstat (limited to 'src/_layout.pug')
| -rw-r--r-- | src/_layout.pug | 43 |
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' + } + })() |