site/src/_layout.pug

48 lines
1.4 KiB
Text
Raw Normal View History

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}
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
2020-05-16 13:25:52 +00:00
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")
2020-05-10 16:43:05 +00:00
2020-05-16 13:25:52 +00:00
h1
a(href="/") deuxfleurs
nav.computer_block
section.center
img(src="/img/flower.svg", width="40")
|
img(src="/img/flower.svg", width="40")
ul
li
a(href="https://plume.deuxfleurs.fr/timeline/1") Actualités
li
2021-12-28 10:22:03 +00:00
a(href="https://wiki.deuxfleurs.fr") Wiki
li
a(href="https://guichet.deuxfleurs.fr") Mon compte
2022-03-10 10:11:10 +00:00
hr
2020-05-16 13:25:52 +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
2020-05-16 13:25:52 +00:00
2020-05-10 16:43:05 +00:00
script.
(_ => {
const hamburger = document.getElementById('menu')
hamburger.onclick = _ => {
2020-05-16 13:25:52 +00:00
const nav = document.querySelector('body > aside > header > nav')
2020-05-10 16:43:05 +00:00
console.log(nav.style.display)
nav.style.display = nav.style.display != 'block' ? 'block' : 'none'
}
})()