diff options
Diffstat (limited to 'src/_layout.pug')
| -rw-r--r-- | src/_layout.pug | 33 |
1 files changed, 17 insertions, 16 deletions
diff --git a/src/_layout.pug b/src/_layout.pug index 6dc80a1..1d0de5d 100644 --- a/src/_layout.pug +++ b/src/_layout.pug @@ -8,30 +8,31 @@ block root link(rel="stylesheet", href="/css/main.css") 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") + aside + 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 - section.center - img(src="/img/flower.svg", width="40") - | - img(src="/img/flower.svg", width="40") - +menu(root, element) + h1 + a(href="/") deuxfleurs + nav.computer_block + section.center + img(src="/img/flower.svg", width="40") + | + img(src="/img/flower.svg", width="40") + +menu(root, element) main block content - footer + script. (_ => { const hamburger = document.getElementById('menu') hamburger.onclick = _ => { - const nav = document.querySelector('body > header > nav') + const nav = document.querySelector('body > aside > header > nav') console.log(nav.style.display) nav.style.display = nav.style.display != 'block' ? 'block' : 'none' } |