2020-04-18 10:00:23 +00:00
|
|
|
include _mixin/menu.pug
|
|
|
|
|
2020-03-01 21:17:44 +00:00
|
|
|
block root
|
|
|
|
doctype html
|
|
|
|
head
|
|
|
|
meta(charset='utf-8')
|
|
|
|
title 💮💮 deuxfleurs - #{title}
|
2020-03-02 22:54:46 +00:00
|
|
|
link(rel="stylesheet", href="/css/main.css")
|
2020-05-10 16:43:05 +00:00
|
|
|
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
|
2020-05-10 16:48:25 +00:00
|
|
|
section.center
|
|
|
|
img(src="/img/flower.svg", width="40")
|
|
|
|
|
|
|
|
|
img(src="/img/flower.svg", width="40")
|
2020-05-10 18:16:34 +00:00
|
|
|
+menu(root, element)
|
2020-05-10 16:43:05 +00:00
|
|
|
|
2020-04-18 15:17:54 +00:00
|
|
|
main
|
2020-05-10 16:43:05 +00:00
|
|
|
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'
|
|
|
|
}
|
|
|
|
})()
|