forked from Deuxfleurs/site
40 lines
1.1 KiB
Plaintext
40 lines
1.1 KiB
Plaintext
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
|
|
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)
|
|
|
|
main
|
|
block content
|
|
|
|
script.
|
|
(_ => {
|
|
const hamburger = document.getElementById('menu')
|
|
hamburger.onclick = _ => {
|
|
const nav = document.querySelector('body > aside > header > nav')
|
|
console.log(nav.style.display)
|
|
nav.style.display = nav.style.display != 'block' ? 'block' : 'none'
|
|
}
|
|
})()
|