Added content, projects and dark mode

views/pages/error.dt

@@ -8,5 +8,5 @@ block sidebar
 
 block content
 	header
-		h1.title #{error.message}
-	p #{error.debugMessage}
+		h1.title #{error.message} (#{error.code})
+	pre #{error.debugMessage}

views/pages/page.dt

@@ -9,4 +9,4 @@ block sidebar
 block content
 	header
 		h1.title #{content.title}
-	| !{content.content}
+	section !{content.content}

views/pages/project-list.dt

@@ -9,17 +9,20 @@ block sidebar
 block content
 	header
 		h1.title Projects
-	p Note: I'm not a graphic designer, so please ignore the icons.
+	p Since I'm not a graphic designer, I'd like you to pretend the abominations are actually icons.
 	- if (projectList.length == 0)
 		p No projects found
 	- foreach(project; projectList)
-		div.project
-			img(src="#{project.icon}")
-			h2 #{project.title}
-			p.platforms 
-				- foreach(platform; project.platforms)
-					span.platform #{platform}
-			p.technologies
-				- foreach(technology; project.technologies)
-					span.platform #{technology}
+		section.project-header
+			img.project-icon(src="#{project.icon}", alt="Icon of #{project.title}")
+			div
+				a(href="/projects/#{project.slug}", rel="bookmark")
+					h2.title #{project.title}
+				div.platforms-technologies
+					- foreach(platform; project.platforms)
+						span.tag #{platform}
+					| |
+					- foreach(technology; project.technologies)
+						span.tag #{technology}
+				p.project-description #{project.description}
 

views/pages/project.dt

@@ -0,0 +1,32 @@
+extends /parts/page
+block header
+	title #{content.title} - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	section
+		header.project-header
+			img.project-icon(src="#{content.icon}", alt="Icon of #{content.title}")
+			div
+				h1.title #{content.title}
+				span.project-description #{content.description}
+		- if (content.images.length > 0)
+			div.screenshots
+				- foreach(image; content.images)
+					a(href="#{image}")
+						img.screenshot(src="#{image}", alt="Image of #{content.title}")
+			p
+				i To easily scroll horizontally on a desktop, hold shift while using the scroll wheel
+		- else
+			p 
+				i This project has no images.
+		dl.project-platforms-technologies
+			dt Platforms
+			- foreach(platform; content.platforms)
+				dd.tag #{platform}
+			dt Technologies
+			- foreach(technology; content.technologies)
+				dd.tag #{technology}
+		| !{content.content}