Restructured parts of the website

views/parts/footer.dt

@@ -0,0 +1,5 @@
+p 
+	small 
+		| © Chris Josten, 2020. If not specified otherwise, all content on this 
+		| website is <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">
+		| licensed under the CC-BY 4.0</a>.

views/parts/menu.dt

@@ -1,14 +1 @@
-- void menuItem(string text, string link)
-	li
-		a(href="#{link}") #{text}
 
-header
-	img.logo(src="/static/img/logo.png", alt="The logo of the website: the letter C drawn in an inprofessional manner with wobbley eyes on top")
-	p Chris's webstekkie
-ul
-	- menuItem("home", "/");
-	- menuItem("posts", "/posts/");
-	- menuItem("projects", "/projects/");
-
-footer
-	p ©Chris Josten, 2020

views/parts/page.dt

@@ -1,5 +1,6 @@
 doctype html
-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")
@@ -7,10 +8,30 @@ html
 		link(rel="alternate stylesheet", href="/static/style/old.css", title="1999")
 		link(rel="shortcut icon", href="/static/img/logo.png")
 		meta(name="theme-color", content="#7f0602")
+		meta(name="og:site_name", content="#{Constants.SITE_NAME}")
 
 		block header
 	body
-		nav
+		- 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