Add first src files

src/404.pug

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  head
+    title Error
+    style.
+      html { color-scheme: light dark; }
+      body { width: 35em; margin: 0 auto; font-family: Tahoma, Verdana, Arial, sans-serif; }
+  body
+    h1 An error occurred
+    p Sorry, the page you are looking does not exist.

src/50x.pug

@@ -0,0 +1,13 @@
+doctype html
+html(lang="en")
+  head
+    title Error
+    style.
+      html { color-scheme: light dark; }
+      body { width: 35em; margin: 0 auto; font-family: Tahoma, Verdana, Arial, sans-serif; }
+  body
+    h1 An error occurred
+    p Sorry, the page you are looking for is currently unavailable.<br>Please try again later.
+    p If you are the system administrator of this resource then you should check the error log for details.
+    p
+      em Faithfully yours, nginx.

src/data/snippets.json

@@ -0,0 +1,12 @@
+[
+    {
+        "title": "Seconds since last pacman sync",
+        "slug": "seconds-since-last-pacman-sync",
+        "snippet": "echo $(expr $(date +%s) - $(grep -rn -A 1 %INSTALLDATE% /var/lib/pacman/local/*/desc | grep -oP '\\d{10,}$' | sort | tail -1))",
+        "tags": [
+            "archlinux",
+            "linux",
+            "pacman"
+        ]
+    }
+]

src/index.pug

@@ -0,0 +1,6 @@
+doctype html
+html(lang='en')
+  head
+    title Portfolio - Daniel de Cloet
+  body
+    span#out

src/js/app.js

@@ -0,0 +1,3 @@
+const snippets = require('../data/snippets.json');
+
+console.log(snippets);