doctype html
html(prefix="og: http://ogp.me/ns#")
	- import constants;
	- import vibe.d;
	head
		//- Kick off loading the css as fast as possible
		meta(name="viewport", content="width=device-width; initial-scale=1")
		link(rel="stylesheet", href="/static/style/base.css")

		- string page_image = "/static/img/logo.png";
		- string page_title;
		- string page_type;
		- string page_url;
		- string page_description;
		block meta_data

		- if (page_title !is null)
			title& #{page_title} - #{Constants.SITE_NAME}
			meta(name="og:title", content=page_title)
		- else
			title& #{Constants.SITE_NAME}
		
		meta(name="og:site_name", content=Constants.SITE_NAME)
		- if (page_image !is null)
			meta(name="og:image", content=Constants.SITE_URL ~ page_image)
		- if (page_type !is null)
			meta(name="og:type", content=page_type)
		- if (page_url !is null)
			meta(name="og:url", content=Constants.SITE_URL ~ page_url)
		- if (page_description !is null)
			meta(name="og:description", content=page_description)
		block extra_meta_data

		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")

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

		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 #{trWeb("template.page.name")}

		section.main-sidebar
			block sidebar

		nav
			ul
				- menuItem("template.menu.home", "/");
				- menuItem("template.menu.posts", "/posts/");
				- menuItem("template.menu.projects", "/projects/");
				- menuItem("template.menu.contact", "/contact");

		main
			block content

		footer
			block footer
			include parts/footer