include _mixin/menu.pug
block root
doctype html
head
meta(charset='utf-8')
title 💮💮 deuxfleurs - #{title}
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")
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)
main
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'
}
})()