aboutsummaryrefslogtreecommitdiff
path: root/src/_layout.pug
diff options
context:
space:
mode:
Diffstat (limited to 'src/_layout.pug')
-rw-r--r--src/_layout.pug33
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'
}