doctype html
html(prefix="og: http://ogp.me/ns#")
	- import constants;
	head
		meta(name="viewport", content="width=device-width; initial-scale=1")
		link(rel="stylesheet", href="/static/style/base.css")
		link(rel="stylesheet", href="/static/style/highlight.css", defer)
		link(rel="alternate stylesheet", href="/static/style/old.css", title="1999")
		link(rel="shortcut icon", href="/static/img/logo.png")
		link(rel="apple-touch-icon", href="/static/img/logo.png")
		meta(name="theme-color", content="#7f0602")
		meta(name="og:site_name", content="#{Constants.SITE_NAME}")

		block header
	body
		- void menuItem(string text, string link)
			li
				a(href="#{link}") #{text}

		section.header-navigation
			header
				img.logo(src="/static/img/logo.png", alt="The logo of the website: the letter C drawn in an unprofessional manner with wobbly eyes on put on top")
				p Chris's webstekkie
			nav
				ul
					- menuItem("home", "/");
					- menuItem("posts", "/posts/");
					- menuItem("projects", "/projects/");
			block sidebar
			footer.hide-small
				block footer
				include /parts/footer.dt
		main
			block content
		
		footer.hide-big
			block footer
			include /parts/footer.dt