commit 4a9cfda0bdae45494fc9e1ce3f680e194a43c7aa
Author: Henk Kalkwater <chris@netsoj.nl>
Date:   Wed Jun 24 10:08:28 2020 +0200

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b00a98c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,15 @@
+.dub
+docs.json
+__dummy.html
+docs/
+/mijnblog
+mijnblog.so
+mijnblog.dylib
+mijnblog.dll
+mijnblog.a
+mijnblog.lib
+mijnblog-test-*
+*.exe
+*.o
+*.obj
+*.lst
diff --git a/default.nix b/default.nix
new file mode 100644
index 0000000..f5e21b4
--- /dev/null
+++ b/default.nix
@@ -0,0 +1,2 @@
+{ pkgs ? import <nixpkgs> {} }:
+pkgs.callPackage ./mijnblog.nix {}
diff --git a/dub.json b/dub.json
new file mode 100644
index 0000000..9c4a598
--- /dev/null
+++ b/dub.json
@@ -0,0 +1,13 @@
+{
+	"authors": [
+		"Chris Josten"
+	],
+	"copyright": "Copyright © 2019, Chris Josten",
+	"dependencies": {
+		"dyaml": "~>0.8.0",
+		"vibe-d": "~>0.8.6"
+	},
+	"description": "A blog based on Markdown and JSON",
+	"license": "AGPLv3",
+	"name": "mijnblog"
+}
diff --git a/dub.selections.json b/dub.selections.json
new file mode 100644
index 0000000..a285e5c
--- /dev/null
+++ b/dub.selections.json
@@ -0,0 +1,21 @@
+{
+	"fileVersion": 1,
+	"versions": {
+		"botan": "1.12.10",
+		"botan-math": "1.0.3",
+		"diet-ng": "1.6.0",
+		"dyaml": "0.8.0",
+		"eventcore": "0.8.48",
+		"fswatch": "0.5.0",
+		"libasync": "0.8.4",
+		"libevent": "2.0.2+2.0.16",
+		"memutils": "0.4.13",
+		"mir-linux-kernel": "1.0.1",
+		"openssl": "1.1.6+1.0.1g",
+		"stdx-allocator": "2.77.5",
+		"taggedalgebraic": "0.11.7",
+		"tinyendian": "0.2.0",
+		"vibe-core": "1.7.0",
+		"vibe-d": "0.8.6"
+	}
+}
diff --git a/dub.selections.json.bak b/dub.selections.json.bak
new file mode 100644
index 0000000..25a798d
--- /dev/null
+++ b/dub.selections.json.bak
@@ -0,0 +1,20 @@
+{
+	"fileVersion": 1,
+	"versions": {
+		"botan": "1.12.10",
+		"botan-math": "1.0.3",
+		"diet-ng": "1.5.0",
+		"dyaml": "0.8.0",
+		"eventcore": "0.8.43",
+		"libasync": "0.8.4",
+		"libevent": "2.0.2+2.0.16",
+		"memutils": "0.4.13",
+		"mir-linux-kernel": "1.0.1",
+		"openssl": "1.1.6+1.0.1g",
+		"stdx-allocator": "2.77.5",
+		"taggedalgebraic": "0.11.4",
+		"tinyendian": "0.2.0",
+		"vibe-core": "1.6.2",
+		"vibe-d": "0.8.6"
+	}
+}
diff --git a/dub.selections.nix b/dub.selections.nix
new file mode 100644
index 0000000..0f29e20
--- /dev/null
+++ b/dub.selections.nix
@@ -0,0 +1,194 @@
+# This file was generated by https://github.com/lionello/dub2nix v0.2.1
+[ {
+  fetch = {
+    type = "git";
+    url = "https://github.com/D-Programming-Deimos/libevent.git";
+    rev = "v2.0.2+2.0.16";
+    sha256 = "1axv0pv5w26i61m191570ydfxb3gghgn8yh654qjyxi0cxvn92bf";
+    fetchSubmodules = false;
+    date = "2016-11-29T18:50:57-08:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/hyv33akqdvhk978p1inmy0r64vimhrdl-libevent";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/kiith-sa/tinyendian.git";
+    rev = "v0.2.0";
+    sha256 = "086gf5aga52wr5rj2paq54daj8lafn980x77b706vvvqaz2mlis8";
+    fetchSubmodules = false;
+    date = "2018-06-10T11:04:28+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/9c7fsmi5am84j6dq2mp3va306x3ay291-tinyendian";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/libmir/mir-linux-kernel.git";
+    rev = "v1.0.1";
+    sha256 = "1gcaavsni47352nvw9s41zkaswd582cafq3931i0zinhd9s3clag";
+    fetchSubmodules = false;
+    date = "2018-08-04T16:03:31+07:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/qz6axwci8kb1477j9dzgq85nscjfyvj1-mir-linux-kernel";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/etcimon/botan-math.git";
+    rev = "v1.0.3";
+    sha256 = "0jbpgpd1sjkp5075xh0k7m4m2d3yahi5scx3ql35fj4yns2mn2fq";
+    fetchSubmodules = false;
+    date = "2016-08-23T10:45:25-04:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/dic7r8jab936cgqc9fck032r49nvgv07-botan-math";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/etcimon/memutils.git";
+    rev = "v0.4.13";
+    sha256 = "12mssymhimfsw6flkchqg0ql3qrs91dlh88xjdw5il8rb4h4ddfz";
+    fetchSubmodules = false;
+    date = "2018-10-09T11:51:45-04:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/hszwaxwm26bqp3h761j3kq1hsbs3hpra-memutils";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/s-ludwig/taggedalgebraic.git";
+    rev = "v0.11.7";
+    sha256 = "1q8pg3r1zw72114y76kgr73iylp77m4wrl180r6d632vc0x8r58f";
+    fetchSubmodules = false;
+    date = "2019-11-01T09:00:47+01:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/x1qwbzxp7nx0fpwvr4v30j0nnwf6pjcx-taggedalgebraic";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/vibe-d/vibe-core.git";
+    rev = "v1.7.0";
+    sha256 = "0mp8daspzn0ww9jr6nf0zwdj6ff6j7l4j5h6h450z18zn7kjkd8x";
+    fetchSubmodules = false;
+    date = "2019-09-17T23:40:53+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/g46p3lfzkcsrdcvxv25a2g2vhcfghdgr-vibe-core";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/vibe-d/vibe.d.git";
+    rev = "v0.8.6";
+    sha256 = "1zqan3rsjmkxnq8wxnzrj4vw912lnnp2fphzfz1sriyysj59b28f";
+    fetchSubmodules = false;
+    date = "2019-10-03T17:14:48+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/wsskmj5cs3p6nlkfc80z8bm90nxxvy0n-vibe.d";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/wilzbach/stdx-allocator.git";
+    rev = "v2.77.5";
+    sha256 = "03av8zp5p6vf6fg005xbmwnjfw96jyrr4dcj4m56c4a3vx7v72pk";
+    fetchSubmodules = false;
+    date = "2018-12-23T13:54:22+01:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/b3h25asfh205wzwjfzjf2k2kkccpp96k-stdx-allocator";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/etcimon/botan.git";
+    rev = "v1.12.10";
+    sha256 = "02zrq9wcb1hhsl9psgkvi65g6c7g990yy9d75gjgbz4b1wb61nwf";
+    fetchSubmodules = false;
+    date = "2018-06-22T15:33:04-04:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/a1431sfkpz8dk0jlix5zn90g19av1lnc-botan";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/rejectedsoftware/diet-ng.git";
+    rev = "v1.6.0";
+    sha256 = "02pj2rf2qfi0acnw496nr480hj47ggy4isfhsvdajd6al4h03a6x";
+    fetchSubmodules = false;
+    date = "2019-08-16T19:55:02+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/jld9bk9vr9k2pfb3li1zcvhilka8gdzl-diet-ng";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/WebFreak001/FSWatch.git";
+    rev = "v0.5.0";
+    sha256 = "1msv98hvxg1nr44yp8pm1as3byx0ibxfpr662564zdq5afci49fc";
+    fetchSubmodules = false;
+    date = "2019-06-13T21:48:00+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/88dmp1a4cygp3phm1xb7m663jpqhih42-FSWatch";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/D-Programming-Deimos/openssl.git";
+    rev = "v1.1.6+1.0.1g";
+    sha256 = "0ramqjyq4v7xpqwf4nf4ddmsg6yk2fbzn2d1yj4b6dla3q5lv9i3";
+    fetchSubmodules = false;
+    date = "2017-11-05T20:15:26+01:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/jbfb5in6gzqs2byn1hdc1625yh8sx6j2-openssl";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/vibe-d/eventcore.git";
+    rev = "v0.8.48";
+    sha256 = "1ifx4sr04x7mvw1w9g3n72szy83q487ya0yi212czys4bgwdvkiz";
+    fetchSubmodules = false;
+    date = "2019-10-25T22:46:08+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/65g2z4y29z49cfjvan2dz01nyd4x5mdp-eventcore";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/kiith-sa/D-YAML.git";
+    rev = "v0.8.0";
+    sha256 = "1my9yck316q0kqalxkhfpffgvrfskin4qw3171md4iz3qbhwb799";
+    fetchSubmodules = false;
+    date = "2019-05-26T20:26:26+02:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/v30av8a9fqrvhqz09qqiljbcr88dbx0z-D-YAML";
+  };
+} {
+  fetch = {
+    type = "git";
+    url = "https://github.com/etcimon/libasync.git";
+    rev = "v0.8.4";
+    sha256 = "13v3dg0838j9h377cs9bq2nk71nrchx6kix9mwiy0fhw7sf7nxb4";
+    fetchSubmodules = false;
+    date = "2019-02-28T10:02:56-05:00";
+    deepClone = false;
+    leaveDotGit = false;
+    path = "/nix/store/6b552a8zdl8z99gc11xgj95k52vwvlcw-libasync";
+  };
+} ]
\ No newline at end of file
diff --git a/mijnblog.nix b/mijnblog.nix
new file mode 100644
index 0000000..710b373
--- /dev/null
+++ b/mijnblog.nix
@@ -0,0 +1,12 @@
+{pkgs}:
+with (import ./mkDub.nix {
+    inherit pkgs;
+});
+mkDubDerivation {
+    src = ./.;
+    dubJSON = ./dub.json;
+    selections = ./dub.selections.nix;
+    version = "0.0.1";
+	buildInputs = [ pkgs.openssl ];
+    propagatedBuildInputs = [ pkgs.nix-prefetch-git ];
+}
diff --git a/mkDub.nix b/mkDub.nix
new file mode 100644
index 0000000..2600d30
--- /dev/null
+++ b/mkDub.nix
@@ -0,0 +1,121 @@
+{ pkgs ? import <nixpkgs> {},
+  stdenv ? pkgs.stdenv,
+  rdmd ? pkgs.rdmd,
+  dmd ? pkgs.dmd,
+  dub ? pkgs.dub }:
+
+with stdenv;
+let
+  # Filter function to remove the .dub package folder from src
+  filterDub = name: type: let baseName = baseNameOf (toString name); in ! (
+    type == "directory" && baseName == ".dub"
+  );
+
+  # Convert a GIT rev string (tag) to a simple semver version
+  rev-to-version = builtins.replaceStrings ["v" "refs/tags/v"] ["" ""];
+
+  dep2src = dubDep: pkgs.fetchgit { inherit (dubDep.fetch) url rev sha256 fetchSubmodules; };
+
+  # Fetch a dependency (source only for now)
+  fromDub = dubDep: mkDerivation rec {
+    name = "${src.name}-${version}";
+    version = rev-to-version dubDep.fetch.rev;
+    nativeBuildInputs = [ rdmd dmd dub ];
+    src = dep2src dubDep;
+
+    buildPhase = ''
+      runHook preBuild
+      export HOME=$PWD
+      dub build -b=release
+      runHook postBuild
+    '';
+
+    # outputs = [ "lib" ];
+
+    # installPhase = ''
+    #   runHook preInstall
+    #   mkdir -p $out/bin
+    #   runHook postInstall
+    # '';
+  };
+
+  # Adds a local package directory (e.g. a git repository) to Dub
+  dub-add-local = dubDep: "dub add-local ${(fromDub dubDep).src.outPath} ${rev-to-version dubDep.fetch.rev}";
+
+  # The target output of the Dub package
+  targetOf = package: "${package.targetPath or "."}/${package.targetName or package.name}";
+
+  # Remove reference to build tools and library sources
+  disallowedReferences = deps: [ dmd rdmd dub ] ++ builtins.map dep2src deps;
+
+  removeExpr = refs: ''remove-references-to ${lib.concatMapStrings (ref: " -t ${ref}") refs}'';
+
+in {
+  inherit fromDub;
+
+  mkDubDerivation = lib.makeOverridable ({
+    src,
+    nativeBuildInputs ? [],
+    dubJSON ? src + "/dub.json",
+    selections ? src + "/dub.selections.nix",
+    deps ? import selections,
+    passthru ? {},
+    package ? lib.importJSON dubJSON,
+    ...
+  } @ attrs: stdenv.mkDerivation (attrs // {
+
+    pname = package.name;
+
+    nativeBuildInputs = [ rdmd dmd dub pkgs.removeReferencesTo ] ++ nativeBuildInputs;
+    disallowedReferences = disallowedReferences deps;
+
+    passthru = passthru // {
+      inherit dub dmd rdmd pkgs;
+    };
+
+    src = lib.cleanSourceWith {
+      filter = filterDub;
+      src = lib.cleanSource src;
+    };
+
+    preFixup = ''
+      find $out/bin -type f -exec ${removeExpr (disallowedReferences deps)} '{}' + || true
+    '';
+
+    buildPhase = ''
+      runHook preBuild
+
+      export HOME=$PWD
+      ${lib.concatMapStringsSep "\n" dub-add-local deps}
+      dub build -b release --combined --skip-registry=all
+
+      runHook postBuild
+    '';
+
+    checkPhase = ''
+      runHook preCheck
+
+      export HOME=$PWD
+      ${lib.concatMapStringsSep "\n" dub-add-local deps}
+      dub test --combined --skip-registry=all
+
+      runHook postCheck
+    '';
+
+    installPhase = ''
+      runHook preInstall
+
+      mkdir -p $out/bin
+      cp -r "${targetOf package}" $out/bin
+
+      runHook postInstall
+    '';
+
+    meta = lib.optionalAttrs (package ? description) {
+      description = package.description;
+    } // attrs.meta or {};
+  } // lib.optionalAttrs (!(attrs ? version)) {
+    # Use name from dub.json, unless pname and version are specified
+    name = package.name;
+  }));
+}
diff --git a/public/static/img/256x256 b/public/static/img/256x256
new file mode 100644
index 0000000..7a4bb2c
Binary files /dev/null and b/public/static/img/256x256 differ
diff --git a/public/static/img/chris-icoon.png b/public/static/img/chris-icoon.png
new file mode 100644
index 0000000..b0b39da
Binary files /dev/null and b/public/static/img/chris-icoon.png differ
diff --git a/public/static/img/logo.gif b/public/static/img/logo.gif
new file mode 100644
index 0000000..d732f65
Binary files /dev/null and b/public/static/img/logo.gif differ
diff --git a/public/static/img/logo.png b/public/static/img/logo.png
new file mode 100644
index 0000000..f54657c
Binary files /dev/null and b/public/static/img/logo.png differ
diff --git a/public/static/img/logo.png.bak b/public/static/img/logo.png.bak
new file mode 100644
index 0000000..c2255b1
Binary files /dev/null and b/public/static/img/logo.png.bak differ
diff --git a/public/static/script/prism.js b/public/static/script/prism.js
new file mode 100644
index 0000000..66ca98c
--- /dev/null
+++ b/public/static/script/prism.js
@@ -0,0 +1,1238 @@
+/* PrismJS 1.17.1
+https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+c+cpp+d+java+json&plugins=line-numbers */
+var _self = (typeof window !== 'undefined')
+	? window   // if in browser
+	: (
+		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
+		? self // if in worker
+		: {}   // if in node js
+	);
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ * MIT license http://www.opensource.org/licenses/mit-license.php/
+ * @author Lea Verou http://lea.verou.me
+ */
+
+var Prism = (function (_self){
+
+// Private helper vars
+var lang = /\blang(?:uage)?-([\w-]+)\b/i;
+var uniqueId = 0;
+
+/**
+ * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+ *
+ * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+ *
+ * @param {Element} element
+ * @returns {string}
+ */
+function getLanguage(element) {
+	while (element && !lang.test(element.className)) {
+		element = element.parentNode;
+	}
+	if (element) {
+		return (element.className.match(lang) || [, 'none'])[1].toLowerCase();
+	}
+	return 'none';
+}
+
+
+var _ = {
+	manual: _self.Prism && _self.Prism.manual,
+	disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
+	util: {
+		encode: function (tokens) {
+			if (tokens instanceof Token) {
+				return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias);
+			} else if (Array.isArray(tokens)) {
+				return tokens.map(_.util.encode);
+			} else {
+				return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+			}
+		},
+
+		type: function (o) {
+			return Object.prototype.toString.call(o).slice(8, -1);
+		},
+
+		objId: function (obj) {
+			if (!obj['__id']) {
+				Object.defineProperty(obj, '__id', { value: ++uniqueId });
+			}
+			return obj['__id'];
+		},
+
+		// Deep clone a language definition (e.g. to extend it)
+		clone: function deepClone(o, visited) {
+			var clone, id, type = _.util.type(o);
+			visited = visited || {};
+
+			switch (type) {
+				case 'Object':
+					id = _.util.objId(o);
+					if (visited[id]) {
+						return visited[id];
+					}
+					clone = {};
+					visited[id] = clone;
+
+					for (var key in o) {
+						if (o.hasOwnProperty(key)) {
+							clone[key] = deepClone(o[key], visited);
+						}
+					}
+
+					return clone;
+
+				case 'Array':
+					id = _.util.objId(o);
+					if (visited[id]) {
+						return visited[id];
+					}
+					clone = [];
+					visited[id] = clone;
+
+					o.forEach(function (v, i) {
+						clone[i] = deepClone(v, visited);
+					});
+
+					return clone;
+
+				default:
+					return o;
+			}
+		}
+	},
+
+	languages: {
+		extend: function (id, redef) {
+			var lang = _.util.clone(_.languages[id]);
+
+			for (var key in redef) {
+				lang[key] = redef[key];
+			}
+
+			return lang;
+		},
+
+		/**
+		 * Insert a token before another token in a language literal
+		 * As this needs to recreate the object (we cannot actually insert before keys in object literals),
+		 * we cannot just provide an object, we need an object and a key.
+		 * @param inside The key (or language id) of the parent
+		 * @param before The key to insert before.
+		 * @param insert Object with the key/value pairs to insert
+		 * @param root The object that contains `inside`. If equal to Prism.languages, it can be omitted.
+		 */
+		insertBefore: function (inside, before, insert, root) {
+			root = root || _.languages;
+			var grammar = root[inside];
+			var ret = {};
+
+			for (var token in grammar) {
+				if (grammar.hasOwnProperty(token)) {
+
+					if (token == before) {
+						for (var newToken in insert) {
+							if (insert.hasOwnProperty(newToken)) {
+								ret[newToken] = insert[newToken];
+							}
+						}
+					}
+
+					// Do not insert token which also occur in insert. See #1525
+					if (!insert.hasOwnProperty(token)) {
+						ret[token] = grammar[token];
+					}
+				}
+			}
+
+			var old = root[inside];
+			root[inside] = ret;
+
+			// Update references in other language definitions
+			_.languages.DFS(_.languages, function(key, value) {
+				if (value === old && key != inside) {
+					this[key] = ret;
+				}
+			});
+
+			return ret;
+		},
+
+		// Traverse a language definition with Depth First Search
+		DFS: function DFS(o, callback, type, visited) {
+			visited = visited || {};
+
+			var objId = _.util.objId;
+
+			for (var i in o) {
+				if (o.hasOwnProperty(i)) {
+					callback.call(o, i, o[i], type || i);
+
+					var property = o[i],
+					    propertyType = _.util.type(property);
+
+					if (propertyType === 'Object' && !visited[objId(property)]) {
+						visited[objId(property)] = true;
+						DFS(property, callback, null, visited);
+					}
+					else if (propertyType === 'Array' && !visited[objId(property)]) {
+						visited[objId(property)] = true;
+						DFS(property, callback, i, visited);
+					}
+				}
+			}
+		}
+	},
+	plugins: {},
+
+	highlightAll: function(async, callback) {
+		_.highlightAllUnder(document, async, callback);
+	},
+
+	highlightAllUnder: function(container, async, callback) {
+		var env = {
+			callback: callback,
+			selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+		};
+
+		_.hooks.run('before-highlightall', env);
+
+		var elements = container.querySelectorAll(env.selector);
+
+		for (var i=0, element; element = elements[i++];) {
+			_.highlightElement(element, async === true, env.callback);
+		}
+	},
+
+	highlightElement: function(element, async, callback) {
+		// Find language
+		var language = getLanguage(element);
+		var grammar = _.languages[language];
+
+		// Set language on the element, if not present
+		element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+
+		// Set language on the parent, for styling
+		var parent = element.parentNode;
+		if (parent && parent.nodeName.toLowerCase() === 'pre') {
+			parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+		}
+
+		var code = element.textContent;
+
+		var env = {
+			element: element,
+			language: language,
+			grammar: grammar,
+			code: code
+		};
+
+		function insertHighlightedCode(highlightedCode) {
+			env.highlightedCode = highlightedCode;
+
+			_.hooks.run('before-insert', env);
+
+			env.element.innerHTML = env.highlightedCode;
+
+			_.hooks.run('after-highlight', env);
+			_.hooks.run('complete', env);
+			callback && callback.call(env.element);
+		}
+
+		_.hooks.run('before-sanity-check', env);
+
+		if (!env.code) {
+			_.hooks.run('complete', env);
+			callback && callback.call(env.element);
+			return;
+		}
+
+		_.hooks.run('before-highlight', env);
+
+		if (!env.grammar) {
+			insertHighlightedCode(_.util.encode(env.code));
+			return;
+		}
+
+		if (async && _self.Worker) {
+			var worker = new Worker(_.filename);
+
+			worker.onmessage = function(evt) {
+				insertHighlightedCode(evt.data);
+			};
+
+			worker.postMessage(JSON.stringify({
+				language: env.language,
+				code: env.code,
+				immediateClose: true
+			}));
+		}
+		else {
+			insertHighlightedCode(_.highlight(env.code, env.grammar, env.language));
+		}
+	},
+
+	highlight: function (text, grammar, language) {
+		var env = {
+			code: text,
+			grammar: grammar,
+			language: language
+		};
+		_.hooks.run('before-tokenize', env);
+		env.tokens = _.tokenize(env.code, env.grammar);
+		_.hooks.run('after-tokenize', env);
+		return Token.stringify(_.util.encode(env.tokens), env.language);
+	},
+
+	matchGrammar: function (text, strarr, grammar, index, startPos, oneshot, target) {
+		for (var token in grammar) {
+			if (!grammar.hasOwnProperty(token) || !grammar[token]) {
+				continue;
+			}
+
+			var patterns = grammar[token];
+			patterns = Array.isArray(patterns) ? patterns : [patterns];
+
+			for (var j = 0; j < patterns.length; ++j) {
+				if (target && target == token + ',' + j) {
+					return;
+				}
+
+				var pattern = patterns[j],
+					inside = pattern.inside,
+					lookbehind = !!pattern.lookbehind,
+					greedy = !!pattern.greedy,
+					lookbehindLength = 0,
+					alias = pattern.alias;
+
+				if (greedy && !pattern.pattern.global) {
+					// Without the global flag, lastIndex won't work
+					var flags = pattern.pattern.toString().match(/[imsuy]*$/)[0];
+					pattern.pattern = RegExp(pattern.pattern.source, flags + 'g');
+				}
+
+				pattern = pattern.pattern || pattern;
+
+				// Don’t cache length as it changes during the loop
+				for (var i = index, pos = startPos; i < strarr.length; pos += strarr[i].length, ++i) {
+
+					var str = strarr[i];
+
+					if (strarr.length > text.length) {
+						// Something went terribly wrong, ABORT, ABORT!
+						return;
+					}
+
+					if (str instanceof Token) {
+						continue;
+					}
+
+					if (greedy && i != strarr.length - 1) {
+						pattern.lastIndex = pos;
+						var match = pattern.exec(text);
+						if (!match) {
+							break;
+						}
+
+						var from = match.index + (lookbehind && match[1] ? match[1].length : 0),
+						    to = match.index + match[0].length,
+						    k = i,
+						    p = pos;
+
+						for (var len = strarr.length; k < len && (p < to || (!strarr[k].type && !strarr[k - 1].greedy)); ++k) {
+							p += strarr[k].length;
+							// Move the index i to the element in strarr that is closest to from
+							if (from >= p) {
+								++i;
+								pos = p;
+							}
+						}
+
+						// If strarr[i] is a Token, then the match starts inside another Token, which is invalid
+						if (strarr[i] instanceof Token) {
+							continue;
+						}
+
+						// Number of tokens to delete and replace with the new match
+						delNum = k - i;
+						str = text.slice(pos, p);
+						match.index -= pos;
+					} else {
+						pattern.lastIndex = 0;
+
+						var match = pattern.exec(str),
+							delNum = 1;
+					}
+
+					if (!match) {
+						if (oneshot) {
+							break;
+						}
+
+						continue;
+					}
+
+					if(lookbehind) {
+						lookbehindLength = match[1] ? match[1].length : 0;
+					}
+
+					var from = match.index + lookbehindLength,
+					    match = match[0].slice(lookbehindLength),
+					    to = from + match.length,
+					    before = str.slice(0, from),
+					    after = str.slice(to);
+
+					var args = [i, delNum];
+
+					if (before) {
+						++i;
+						pos += before.length;
+						args.push(before);
+					}
+
+					var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias, match, greedy);
+
+					args.push(wrapped);
+
+					if (after) {
+						args.push(after);
+					}
+
+					Array.prototype.splice.apply(strarr, args);
+
+					if (delNum != 1)
+						_.matchGrammar(text, strarr, grammar, i, pos, true, token + ',' + j);
+
+					if (oneshot)
+						break;
+				}
+			}
+		}
+	},
+
+	tokenize: function(text, grammar) {
+		var strarr = [text];
+
+		var rest = grammar.rest;
+
+		if (rest) {
+			for (var token in rest) {
+				grammar[token] = rest[token];
+			}
+
+			delete grammar.rest;
+		}
+
+		_.matchGrammar(text, strarr, grammar, 0, 0, false);
+
+		return strarr;
+	},
+
+	hooks: {
+		all: {},
+
+		add: function (name, callback) {
+			var hooks = _.hooks.all;
+
+			hooks[name] = hooks[name] || [];
+
+			hooks[name].push(callback);
+		},
+
+		run: function (name, env) {
+			var callbacks = _.hooks.all[name];
+
+			if (!callbacks || !callbacks.length) {
+				return;
+			}
+
+			for (var i=0, callback; callback = callbacks[i++];) {
+				callback(env);
+			}
+		}
+	},
+
+	Token: Token
+};
+
+_self.Prism = _;
+
+function Token(type, content, alias, matchedStr, greedy) {
+	this.type = type;
+	this.content = content;
+	this.alias = alias;
+	// Copy of the full string this token was created from
+	this.length = (matchedStr || '').length|0;
+	this.greedy = !!greedy;
+}
+
+Token.stringify = function(o, language) {
+	if (typeof o == 'string') {
+		return o;
+	}
+
+	if (Array.isArray(o)) {
+		return o.map(function(element) {
+			return Token.stringify(element, language);
+		}).join('');
+	}
+
+	var env = {
+		type: o.type,
+		content: Token.stringify(o.content, language),
+		tag: 'span',
+		classes: ['token', o.type],
+		attributes: {},
+		language: language
+	};
+
+	if (o.alias) {
+		var aliases = Array.isArray(o.alias) ? o.alias : [o.alias];
+		Array.prototype.push.apply(env.classes, aliases);
+	}
+
+	_.hooks.run('wrap', env);
+
+	var attributes = Object.keys(env.attributes).map(function(name) {
+		return name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
+	}).join(' ');
+
+	return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + '</' + env.tag + '>';
+};
+
+if (!_self.document) {
+	if (!_self.addEventListener) {
+		// in Node.js
+		return _;
+	}
+
+	if (!_.disableWorkerMessageHandler) {
+		// In worker
+		_self.addEventListener('message', function (evt) {
+			var message = JSON.parse(evt.data),
+				lang = message.language,
+				code = message.code,
+				immediateClose = message.immediateClose;
+
+			_self.postMessage(_.highlight(code, _.languages[lang], lang));
+			if (immediateClose) {
+				_self.close();
+			}
+		}, false);
+	}
+
+	return _;
+}
+
+//Get current script and highlight
+var script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop();
+
+if (script) {
+	_.filename = script.src;
+	
+	if (script.hasAttribute('data-manual')) {
+		_.manual = true;
+	}
+}
+
+if (!_.manual) {
+	function highlightAutomaticallyCallback() {
+		if (!_.manual) {
+			_.highlightAll();
+		}
+	}
+
+	if(document.readyState !== 'loading') {
+		if (window.requestAnimationFrame) {
+			window.requestAnimationFrame(highlightAutomaticallyCallback);
+		} else {
+			window.setTimeout(highlightAutomaticallyCallback, 16);
+		}
+	}
+	else {
+		document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
+	}
+}
+
+return _;
+
+})(_self);
+
+if (typeof module !== 'undefined' && module.exports) {
+	module.exports = Prism;
+}
+
+// hack for components to work correctly in node.js
+if (typeof global !== 'undefined') {
+	global.Prism = Prism;
+}
+;
+Prism.languages.markup = {
+	'comment': /<!--[\s\S]*?-->/,
+	'prolog': /<\?[\s\S]+?\?>/,
+	'doctype': /<!DOCTYPE[\s\S]+?>/i,
+	'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
+	'tag': {
+		pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,
+		greedy: true,
+		inside: {
+			'tag': {
+				pattern: /^<\/?[^\s>\/]+/i,
+				inside: {
+					'punctuation': /^<\/?/,
+					'namespace': /^[^\s>\/:]+:/
+				}
+			},
+			'attr-value': {
+				pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/i,
+				inside: {
+					'punctuation': [
+						/^=/,
+						{
+							pattern: /^(\s*)["']|["']$/,
+							lookbehind: true
+						}
+					]
+				}
+			},
+			'punctuation': /\/?>/,
+			'attr-name': {
+				pattern: /[^\s>\/]+/,
+				inside: {
+					'namespace': /^[^\s>\/:]+:/
+				}
+			}
+
+		}
+	},
+	'entity': /&#?[\da-z]{1,8};/i
+};
+
+Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
+	Prism.languages.markup['entity'];
+
+// Plugin to make entity title show the real entity, idea by Roman Komarov
+Prism.hooks.add('wrap', function(env) {
+
+	if (env.type === 'entity') {
+		env.attributes['title'] = env.content.replace(/&amp;/, '&');
+	}
+});
+
+Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
+	/**
+	 * Adds an inlined language to markup.
+	 *
+	 * An example of an inlined language is CSS with `<style>` tags.
+	 *
+	 * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
+	 * case insensitive.
+	 * @param {string} lang The language key.
+	 * @example
+	 * addInlined('style', 'css');
+	 */
+	value: function addInlined(tagName, lang) {
+		var includedCdataInside = {};
+		includedCdataInside['language-' + lang] = {
+			pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+			lookbehind: true,
+			inside: Prism.languages[lang]
+		};
+		includedCdataInside['cdata'] = /^<!\[CDATA\[|\]\]>$/i;
+
+		var inside = {
+			'included-cdata': {
+				pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+				inside: includedCdataInside
+			}
+		};
+		inside['language-' + lang] = {
+			pattern: /[\s\S]+/,
+			inside: Prism.languages[lang]
+		};
+
+		var def = {};
+		def[tagName] = {
+			pattern: RegExp(/(<__[\s\S]*?>)(?:<!\[CDATA\[[\s\S]*?\]\]>\s*|[\s\S])*?(?=<\/__>)/.source.replace(/__/g, tagName), 'i'),
+			lookbehind: true,
+			greedy: true,
+			inside: inside
+		};
+
+		Prism.languages.insertBefore('markup', 'cdata', def);
+	}
+});
+
+Prism.languages.xml = Prism.languages.extend('markup', {});
+Prism.languages.html = Prism.languages.markup;
+Prism.languages.mathml = Prism.languages.markup;
+Prism.languages.svg = Prism.languages.markup;
+
+(function (Prism) {
+
+	var string = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
+
+	Prism.languages.css = {
+		'comment': /\/\*[\s\S]*?\*\//,
+		'atrule': {
+			pattern: /@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,
+			inside: {
+				'rule': /@[\w-]+/
+				// See rest below
+			}
+		},
+		'url': {
+			pattern: RegExp('url\\((?:' + string.source + '|[^\n\r()]*)\\)', 'i'),
+			inside: {
+				'function': /^url/i,
+				'punctuation': /^\(|\)$/
+			}
+		},
+		'selector': RegExp('[^{}\\s](?:[^{};"\']|' + string.source + ')*?(?=\\s*\\{)'),
+		'string': {
+			pattern: string,
+			greedy: true
+		},
+		'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,
+		'important': /!important\b/i,
+		'function': /[-a-z0-9]+(?=\()/i,
+		'punctuation': /[(){};:,]/
+	};
+
+	Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
+
+	var markup = Prism.languages.markup;
+	if (markup) {
+		markup.tag.addInlined('style', 'css');
+
+		Prism.languages.insertBefore('inside', 'attr-value', {
+			'style-attr': {
+				pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
+				inside: {
+					'attr-name': {
+						pattern: /^\s*style/i,
+						inside: markup.tag.inside
+					},
+					'punctuation': /^\s*=\s*['"]|['"]\s*$/,
+					'attr-value': {
+						pattern: /.+/i,
+						inside: Prism.languages.css
+					}
+				},
+				alias: 'language-css'
+			}
+		}, markup.tag);
+	}
+
+}(Prism));
+
+Prism.languages.clike = {
+	'comment': [
+		{
+			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+			lookbehind: true
+		},
+		{
+			pattern: /(^|[^\\:])\/\/.*/,
+			lookbehind: true,
+			greedy: true
+		}
+	],
+	'string': {
+		pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+		greedy: true
+	},
+	'class-name': {
+		pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,
+		lookbehind: true,
+		inside: {
+			punctuation: /[.\\]/
+		}
+	},
+	'keyword': /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
+	'boolean': /\b(?:true|false)\b/,
+	'function': /\w+(?=\()/,
+	'number': /\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,
+	'operator': /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
+	'punctuation': /[{}[\];(),.:]/
+};
+
+Prism.languages.javascript = Prism.languages.extend('clike', {
+	'class-name': [
+		Prism.languages.clike['class-name'],
+		{
+			pattern: /(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,
+			lookbehind: true
+		}
+	],
+	'keyword': [
+		{
+			pattern: /((?:^|})\s*)(?:catch|finally)\b/,
+			lookbehind: true
+		},
+		{
+			pattern: /(^|[^.])\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+			lookbehind: true
+		},
+	],
+	'number': /\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
+	// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+	'function': /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+	'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
+});
+
+Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/;
+
+Prism.languages.insertBefore('javascript', 'keyword', {
+	'regex': {
+		pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=\s*($|[\r\n,.;})\]]))/,
+		lookbehind: true,
+		greedy: true
+	},
+	// This must be declared before keyword because we use "function" inside the look-forward
+	'function-variable': {
+		pattern: /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,
+		alias: 'function'
+	},
+	'parameter': [
+		{
+			pattern: /(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,
+			lookbehind: true,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,
+			lookbehind: true,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,
+			lookbehind: true,
+			inside: Prism.languages.javascript
+		}
+	],
+	'constant': /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+});
+
+Prism.languages.insertBefore('javascript', 'string', {
+	'template-string': {
+		pattern: /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,
+		greedy: true,
+		inside: {
+			'template-punctuation': {
+				pattern: /^`|`$/,
+				alias: 'string'
+			},
+			'interpolation': {
+				pattern: /((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,
+				lookbehind: true,
+				inside: {
+					'interpolation-punctuation': {
+						pattern: /^\${|}$/,
+						alias: 'punctuation'
+					},
+					rest: Prism.languages.javascript
+				}
+			},
+			'string': /[\s\S]+/
+		}
+	}
+});
+
+if (Prism.languages.markup) {
+	Prism.languages.markup.tag.addInlined('script', 'javascript');
+}
+
+Prism.languages.js = Prism.languages.javascript;
+
+Prism.languages.c = Prism.languages.extend('clike', {
+	'class-name': {
+		pattern: /(\b(?:enum|struct)\s+)\w+/,
+		lookbehind: true
+	},
+	'keyword': /\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,
+	'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/,
+	'number': /(?:\b0x(?:[\da-f]+\.?[\da-f]*|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?)[ful]*/i
+});
+
+Prism.languages.insertBefore('c', 'string', {
+	'macro': {
+		// allow for multiline macro definitions
+		// spaces after the # character compile fine with gcc
+		pattern: /(^\s*)#\s*[a-z]+(?:[^\r\n\\]|\\(?:\r\n|[\s\S]))*/im,
+		lookbehind: true,
+		alias: 'property',
+		inside: {
+			// highlight the path of the include statement as a string
+			'string': {
+				pattern: /(#\s*include\s*)(?:<.+?>|("|')(?:\\?.)+?\2)/,
+				lookbehind: true
+			},
+			// highlight macro directives as keywords
+			'directive': {
+				pattern: /(#\s*)\b(?:define|defined|elif|else|endif|error|ifdef|ifndef|if|import|include|line|pragma|undef|using)\b/,
+				lookbehind: true,
+				alias: 'keyword'
+			}
+		}
+	},
+	// highlight predefined macros as constants
+	'constant': /\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/
+});
+
+delete Prism.languages.c['boolean'];
+
+Prism.languages.cpp = Prism.languages.extend('c', {
+	'class-name': {
+		pattern: /(\b(?:class|enum|struct)\s+)\w+/,
+		lookbehind: true
+	},
+	'keyword': /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|class|compl|const|constexpr|const_cast|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|int8_t|int16_t|int32_t|int64_t|uint8_t|uint16_t|uint32_t|uint64_t|long|mutable|namespace|new|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,
+	'number': {
+		pattern: /(?:\b0b[01']+|\b0x(?:[\da-f']+\.?[\da-f']*|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+\.?[\d']*|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]*/i,
+		greedy: true
+	},
+	'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
+	'boolean': /\b(?:true|false)\b/
+});
+
+Prism.languages.insertBefore('cpp', 'string', {
+	'raw-string': {
+		pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
+		alias: 'string',
+		greedy: true
+	}
+});
+
+Prism.languages.d = Prism.languages.extend('clike', {
+	'comment': [
+		{
+			// Shebang
+			pattern: /^\s*#!.+/,
+			greedy: true
+		},
+		{
+			pattern: RegExp(/(^|[^\\])/.source + '(?:' + [
+				// /+ comment +/
+				// Allow one level of nesting
+				/\/\+(?:\/\+[\s\S]*?\+\/|(?!\/\+)[\s\S])*?\+\//.source,
+				// // comment
+				/\/\/.*/.source,
+				// /* comment */
+				/\/\*[\s\S]*?\*\//.source
+			].join('|') + ')'),
+			lookbehind: true,
+			greedy: true
+		}
+	],
+	'string': [
+		{
+			pattern: RegExp([
+				// r"", x""
+				/\b[rx]"(?:\\[\s\S]|[^\\"])*"[cwd]?/.source,
+
+				// q"[]", q"()", q"<>", q"{}"
+				/\bq"(?:\[[\s\S]*?\]|\([\s\S]*?\)|<[\s\S]*?>|\{[\s\S]*?\})"/.source,
+
+				// q"IDENT
+				// ...
+				// IDENT"
+				/\bq"((?!\d)\w+)$[\s\S]*?^\1"/.source,
+
+				// q"//", q"||", etc.
+				/\bq"(.)[\s\S]*?\2"/.source,
+
+				// Characters
+				// 'a', '\\', '\n', '\xFF', '\377', '\uFFFF', '\U0010FFFF', '\quot'
+				/'(?:\\(?:\W|\w+)|[^\\])'/.source,
+
+				/(["`])(?:\\[\s\S]|(?!\3)[^\\])*\3[cwd]?/.source
+			].join('|'), 'm'),
+			greedy: true
+		},
+		{
+			pattern: /\bq\{(?:\{[^{}]*\}|[^{}])*\}/,
+			greedy: true,
+			alias: 'token-string'
+		}
+	],
+
+	'number': [
+		// The lookbehind and the negative look-ahead try to prevent bad highlighting of the .. operator
+		// Hexadecimal numbers must be handled separately to avoid problems with exponent "e"
+		/\b0x\.?[a-f\d_]+(?:(?!\.\.)\.[a-f\d_]*)?(?:p[+-]?[a-f\d_]+)?[ulfi]*/i,
+		{
+			pattern: /((?:\.\.)?)(?:\b0b\.?|\b|\.)\d[\d_]*(?:(?!\.\.)\.[\d_]*)?(?:e[+-]?\d[\d_]*)?[ulfi]*/i,
+			lookbehind: true
+		}
+	],
+
+	// In order: $, keywords and special tokens, globally defined symbols
+	'keyword': /\$|\b(?:abstract|alias|align|asm|assert|auto|body|bool|break|byte|case|cast|catch|cdouble|cent|cfloat|char|class|const|continue|creal|dchar|debug|default|delegate|delete|deprecated|do|double|else|enum|export|extern|false|final|finally|float|for|foreach|foreach_reverse|function|goto|idouble|if|ifloat|immutable|import|inout|int|interface|invariant|ireal|lazy|long|macro|mixin|module|new|nothrow|null|out|override|package|pragma|private|protected|public|pure|real|ref|return|scope|shared|short|static|struct|super|switch|synchronized|template|this|throw|true|try|typedef|typeid|typeof|ubyte|ucent|uint|ulong|union|unittest|ushort|version|void|volatile|wchar|while|with|__(?:(?:FILE|MODULE|LINE|FUNCTION|PRETTY_FUNCTION|DATE|EOF|TIME|TIMESTAMP|VENDOR|VERSION)__|gshared|traits|vector|parameters)|string|wstring|dstring|size_t|ptrdiff_t)\b/,
+	'operator': /\|[|=]?|&[&=]?|\+[+=]?|-[-=]?|\.?\.\.|=[>=]?|!(?:i[ns]\b|<>?=?|>=?|=)?|\bi[ns]\b|(?:<[<>]?|>>?>?|\^\^|[*\/%^~])=?/
+});
+
+Prism.languages.insertBefore('d', 'keyword', {
+	'property': /\B@\w*/
+});
+
+Prism.languages.insertBefore('d', 'function', {
+	'register': {
+		// Iasm registers
+		pattern: /\b(?:[ABCD][LHX]|E[ABCD]X|E?(?:BP|SP|DI|SI)|[ECSDGF]S|CR[0234]|DR[012367]|TR[3-7]|X?MM[0-7]|R[ABCD]X|[BS]PL|R[BS]P|[DS]IL|R[DS]I|R(?:[89]|1[0-5])[BWD]?|XMM(?:[89]|1[0-5])|YMM(?:1[0-5]|\d))\b|\bST(?:\([0-7]\)|\b)/,
+		alias: 'variable'
+	}
+});
+
+(function (Prism) {
+
+	var keywords = /\b(?:abstract|continue|for|new|switch|assert|default|goto|package|synchronized|boolean|do|if|private|this|break|double|implements|protected|throw|byte|else|import|public|throws|case|enum|instanceof|return|transient|catch|extends|int|short|try|char|final|interface|static|void|class|finally|long|strictfp|volatile|const|float|native|super|while|var|null|exports|module|open|opens|provides|requires|to|transitive|uses|with)\b/;
+
+	// based on the java naming conventions
+	var className = /\b[A-Z](?:\w*[a-z]\w*)?\b/;
+
+	Prism.languages.java = Prism.languages.extend('clike', {
+		'class-name': [
+			className,
+
+			// variables and parameters
+			// this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
+			/\b[A-Z]\w*(?=\s+\w+\s*[;,=())])/
+		],
+		'keyword': keywords,
+		'function': [
+			Prism.languages.clike.function,
+			{
+				pattern: /(\:\:)[a-z_]\w*/,
+				lookbehind: true
+			}
+		],
+		'number': /\b0b[01][01_]*L?\b|\b0x[\da-f_]*\.?[\da-f_p+-]+\b|(?:\b\d[\d_]*\.?[\d_]*|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,
+		'operator': {
+			pattern: /(^|[^.])(?:<<=?|>>>?=?|->|([-+&|])\2|[?:~]|[-+*/%&|^!=<>]=?)/m,
+			lookbehind: true
+		}
+	});
+
+	Prism.languages.insertBefore('java', 'class-name', {
+		'annotation': {
+			alias: 'punctuation',
+			pattern: /(^|[^.])@\w+/,
+			lookbehind: true
+		},
+		'namespace': {
+			pattern: /(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)[a-z]\w*(\.[a-z]\w*)+/,
+			lookbehind: true,
+			inside: {
+				'punctuation': /\./,
+			}
+		},
+		'generics': {
+			pattern: /<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,
+			inside: {
+				'class-name': className,
+				'keyword': keywords,
+				'punctuation': /[<>(),.:]/,
+				'operator': /[?&|]/
+			}
+		}
+	});
+}(Prism));
+
+Prism.languages.json = {
+	'property': {
+		pattern: /"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
+		greedy: true
+	},
+	'string': {
+		pattern: /"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
+		greedy: true
+	},
+	'comment': /\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,
+	'number': /-?\d+\.?\d*(e[+-]?\d+)?/i,
+	'punctuation': /[{}[\],]/,
+	'operator': /:/,
+	'boolean': /\b(?:true|false)\b/,
+	'null': {
+		pattern: /\bnull\b/,
+		alias: 'keyword'
+	}
+};
+
+(function () {
+
+	if (typeof self === 'undefined' || !self.Prism || !self.document) {
+		return;
+	}
+
+	/**
+	 * Plugin name which is used as a class name for <pre> which is activating the plugin
+	 * @type {String}
+	 */
+	var PLUGIN_NAME = 'line-numbers';
+
+	/**
+	 * Regular expression used for determining line breaks
+	 * @type {RegExp}
+	 */
+	var NEW_LINE_EXP = /\n(?!$)/g;
+
+	/**
+	 * Resizes line numbers spans according to height of line of code
+	 * @param {Element} element <pre> element
+	 */
+	var _resizeElement = function (element) {
+		var codeStyles = getStyles(element);
+		var whiteSpace = codeStyles['white-space'];
+
+		if (whiteSpace === 'pre-wrap' || whiteSpace === 'pre-line') {
+			var codeElement = element.querySelector('code');
+			var lineNumbersWrapper = element.querySelector('.line-numbers-rows');
+			var lineNumberSizer = element.querySelector('.line-numbers-sizer');
+			var codeLines = codeElement.textContent.split(NEW_LINE_EXP);
+
+			if (!lineNumberSizer) {
+				lineNumberSizer = document.createElement('span');
+				lineNumberSizer.className = 'line-numbers-sizer';
+
+				codeElement.appendChild(lineNumberSizer);
+			}
+
+			lineNumberSizer.style.display = 'block';
+
+			codeLines.forEach(function (line, lineNumber) {
+				lineNumberSizer.textContent = line || '\n';
+				var lineSize = lineNumberSizer.getBoundingClientRect().height;
+				lineNumbersWrapper.children[lineNumber].style.height = lineSize + 'px';
+			});
+
+			lineNumberSizer.textContent = '';
+			lineNumberSizer.style.display = 'none';
+		}
+	};
+
+	/**
+	 * Returns style declarations for the element
+	 * @param {Element} element
+	 */
+	var getStyles = function (element) {
+		if (!element) {
+			return null;
+		}
+
+		return window.getComputedStyle ? getComputedStyle(element) : (element.currentStyle || null);
+	};
+
+	window.addEventListener('resize', function () {
+		Array.prototype.forEach.call(document.querySelectorAll('pre.' + PLUGIN_NAME), _resizeElement);
+	});
+
+	Prism.hooks.add('complete', function (env) {
+		if (!env.code) {
+			return;
+		}
+
+		var code = env.element;
+		var pre = code.parentNode;
+
+		// works only for <code> wrapped inside <pre> (not inline)
+		if (!pre || !/pre/i.test(pre.nodeName)) {
+			return;
+		}
+
+		// Abort if line numbers already exists
+		if (code.querySelector('.line-numbers-rows')) {
+			return;
+		}
+
+		var addLineNumbers = false;
+		var lineNumbersRegex = /(?:^|\s)line-numbers(?:\s|$)/;
+
+		for (var element = code; element; element = element.parentNode) {
+			if (lineNumbersRegex.test(element.className)) {
+				addLineNumbers = true;
+				break;
+			}
+		}
+
+		// only add line numbers if <code> or one of its ancestors has the `line-numbers` class
+		if (!addLineNumbers) {
+			return;
+		}
+
+		// Remove the class 'line-numbers' from the <code>
+		code.className = code.className.replace(lineNumbersRegex, ' ');
+		// Add the class 'line-numbers' to the <pre>
+		if (!lineNumbersRegex.test(pre.className)) {
+			pre.className += ' line-numbers';
+		}
+
+		var match = env.code.match(NEW_LINE_EXP);
+		var linesNum = match ? match.length + 1 : 1;
+		var lineNumbersWrapper;
+
+		var lines = new Array(linesNum + 1).join('<span></span>');
+
+		lineNumbersWrapper = document.createElement('span');
+		lineNumbersWrapper.setAttribute('aria-hidden', 'true');
+		lineNumbersWrapper.className = 'line-numbers-rows';
+		lineNumbersWrapper.innerHTML = lines;
+
+		if (pre.hasAttribute('data-start')) {
+			pre.style.counterReset = 'linenumber ' + (parseInt(pre.getAttribute('data-start'), 10) - 1);
+		}
+
+		env.element.appendChild(lineNumbersWrapper);
+
+		_resizeElement(pre);
+
+		Prism.hooks.run('line-numbers', env);
+	});
+
+	Prism.hooks.add('line-numbers', function (env) {
+		env.plugins = env.plugins || {};
+		env.plugins.lineNumbers = true;
+	});
+
+	/**
+	 * Global exports
+	 */
+	Prism.plugins.lineNumbers = {
+		/**
+		 * Get node for provided line number
+		 * @param {Element} element pre element
+		 * @param {Number} number line number
+		 * @return {Element|undefined}
+		 */
+		getLine: function (element, number) {
+			if (element.tagName !== 'PRE' || !element.classList.contains(PLUGIN_NAME)) {
+				return;
+			}
+
+			var lineNumberRows = element.querySelector('.line-numbers-rows');
+			var lineNumberStart = parseInt(element.getAttribute('data-start'), 10) || 1;
+			var lineNumberEnd = lineNumberStart + (lineNumberRows.children.length - 1);
+
+			if (number < lineNumberStart) {
+				number = lineNumberStart;
+			}
+			if (number > lineNumberEnd) {
+				number = lineNumberEnd;
+			}
+
+			var lineIndex = number - lineNumberStart;
+
+			return lineNumberRows.children[lineIndex];
+		}
+	};
+
+}());
+
diff --git a/public/static/style/base.css b/public/static/style/base.css
new file mode 100644
index 0000000..59ba300
--- /dev/null
+++ b/public/static/style/base.css
@@ -0,0 +1,139 @@
+@media (max-width: 850px) {
+	body {
+		flex-wrap: wrap;
+	}
+
+	body > main {
+		min-width: calc(100% - 2px - 4em);
+	}
+
+	body > nav {
+		width: 100%;
+		flex-grow: 1 !important;
+	}
+}
+:root {
+	font-family: "sans-serif";
+	--colour-bg: #f0f0f0;
+	--colour-bg-main: #ddd;
+	--colour-bg-code: #ccc;
+	--colour-fg: #000000;
+	--colour-fg-highlight: #7f0602;
+}
+
+body {
+	background-color: var(--colour-bg);
+	margin: 0;
+	display: flex;
+	justify-content: center;
+	min-height: 100vh;
+}
+
+body > nav {
+	flex: 0 0 160px;
+	padding: 2em;
+}
+
+body > nav > header {
+	text-align: center;
+}
+
+
+body > nav > header > img {
+	width: 100%;
+	max-width: 160px;
+}
+
+body > main {
+	flex: 1 1;
+	padding: 2em;
+	/* width: 600px; */
+	border-left: var(--colour-fg-highlight) dotted 1px;
+	border-right: var(--colour-fg-highlight) dotted 1px;
+	max-width: 600px;
+	background-color: var(--colour-bg-main);
+}
+
+h1, .title {
+	 margin: 0;
+	/* font-size: 2em; */
+}
+
+.subtitle {
+	margin: 0;
+	font-size: 1rem;
+	font-weight: normal;
+	font-style: italic;
+}
+
+header {
+	border-bottom: 1px dotted black;
+	padding-top: 0.5em;
+	padding-bottom: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+footer {
+	border-top: 1px dotted black;
+	padding-top: 0.5em;
+	padding-bottom: 0.5em;
+	margin-top: 0.5em;
+}
+
+nav ul {
+	padding: 0em;
+	list-style: none;
+}
+
+/* MARKDOWN */
+
+:not(pre) > code {
+	background-color: var(--colour-bg-code);
+	padding: 0.2em 0.4em;
+}
+
+div.sourceCode, blockquote {
+	scrollbar-color: var(--colour-fg) var(--colour-bg-code);
+	scrollbar-width: thin;
+	background-color: var(--colour-bg-code);
+}
+
+pre.sourceCode {
+}
+
+pre, blockquote {
+	border-left: 1px solid var(--colour-fg-highlight);
+	padding-left: 1em;
+	padding-right: 1em;
+	margin-left: 1em;
+	margin-right: 1em;
+}
+
+blockquote footer {
+	text-align: right;
+	font-style: italic;
+}
+
+figure {
+	background-color: var(--colour-bg-code);
+	margin: 0;
+	text-align: center;
+}
+
+figure > img {
+	max-width: 100%;
+}
+
+figure > figcaption {
+	padding: 0.5em;
+}
+
+a {
+	color: var(--colour-fg-highlight);
+	text-decoration: underline dotted;
+}
+
+a:hover {
+	color: var(--colour-fg);
+	text-decoration: underline solid;
+}
diff --git a/public/static/style/highlight.css b/public/static/style/highlight.css
new file mode 100644
index 0000000..1cb5dc9
--- /dev/null
+++ b/public/static/style/highlight.css
@@ -0,0 +1,62 @@
+pre > code.sourceCode { white-space: pre; position: relative; }
+pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+pre > code.sourceCode > span:empty { height: 1.2em; }
+code.sourceCode > span { color: inherit; text-decoration: inherit; }
+div.sourceCode { margin: 1em 0; }
+pre.sourceCode { margin: 0; }
+@media screen {
+div.sourceCode { overflow: auto; }
+}
+@media print {
+pre > code.sourceCode { white-space: pre-wrap; }
+pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+}
+pre.numberSource code
+{ counter-reset: source-line 0; }
+pre.numberSource code > span
+{ position: relative; left: -4em; counter-increment: source-line; }
+pre.numberSource code > span > a:first-child::before
+{ content: counter(source-line);
+position: relative; left: -1em; text-align: right; vertical-align: baseline;
+border: none; display: inline-block;
+-webkit-touch-callout: none; -webkit-user-select: none;
+-khtml-user-select: none; -moz-user-select: none;
+-ms-user-select: none; user-select: none;
+padding: 0 4px; width: 4em;
+color: #000000;
+}
+pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }
+div.sourceCode
+{   }
+@media screen {
+pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+}
+code span.al { color: #ff0000; font-weight: bold; } /* Alert */
+code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
+code span.at { color: #7d9029; } /* Attribute */
+code span.bn { color: #40a070; } /* BaseN */
+code span.bu { } /* BuiltIn */
+code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
+code span.ch { color: #4070a0; } /* Char */
+code span.cn { color: #880000; } /* Constant */
+code span.co { color: #60a0b0; font-style: italic; } /* Comment */
+code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
+code span.do { color: #ba2121; font-style: italic; } /* Documentation */
+code span.dt { color: #902000; } /* DataType */
+code span.dv { color: #40a070; } /* DecVal */
+code span.er { color: #ff0000; font-weight: bold; } /* Error */
+code span.ex { } /* Extension */
+code span.fl { color: #40a070; } /* Float */
+code span.fu { color: #06287e; } /* Function */
+code span.im { } /* Import */
+code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
+code span.kw { color: #007020; font-weight: bold; } /* Keyword */
+code span.op { color: #666666; } /* Operator */
+code span.ot { color: #007020; } /* Other */
+code span.pp { color: #bc7a00; } /* Preprocessor */
+code span.sc { color: #4070a0; } /* SpecialChar */
+code span.ss { color: #bb6688; } /* SpecialString */
+code span.st { color: #4070a0; } /* String */
+code span.va { color: #19177c; } /* Variable */
+code span.vs { color: #4070a0; } /* VerbatimString */
+code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
diff --git a/public/static/style/mobile.css b/public/static/style/mobile.css
new file mode 100644
index 0000000..ccdea4d
--- /dev/null
+++ b/public/static/style/mobile.css
@@ -0,0 +1,3 @@
+body {
+	background: red;
+} 
diff --git a/public/static/style/old.css b/public/static/style/old.css
new file mode 100644
index 0000000..aa1e938
--- /dev/null
+++ b/public/static/style/old.css
@@ -0,0 +1,45 @@
+body {
+	background-image: url(old/chip.jpg);
+	cursor: url(old/cursor.gif), auto;
+	justify-content: flex-start;
+}
+
+a:hover {
+	cursor: url(old/cursor-over.gif), auto;
+}
+
+body > nav {
+	background-color: yellow;
+}
+
+body > nav ul {
+	padding-left: 2em;
+	list-style-image: url(old/bullet.gif);
+}
+
+body > main {
+	background-color: black;
+	color: white;
+	border-image: url(old/skull-border.gif) 33% / 2em round;
+	/*border-left-width: 10px !important;
+	border-right-width: 10px !important;*/
+}
+
+.title {
+	width: 100%;
+	background-color: green;
+}
+
+pre {
+	background-color: blue;
+}
+
+blockquote {
+	background: #0000ff;
+	border-left: #0000cc 6px solid;
+}
+
+a {
+	color: blue;
+	text-decoration: underline;
+}
diff --git a/public/static/style/old/bullet.gif b/public/static/style/old/bullet.gif
new file mode 100644
index 0000000..8aad034
Binary files /dev/null and b/public/static/style/old/bullet.gif differ
diff --git a/public/static/style/old/chip.jpg b/public/static/style/old/chip.jpg
new file mode 100644
index 0000000..18f72bb
Binary files /dev/null and b/public/static/style/old/chip.jpg differ
diff --git a/public/static/style/old/cursor-over.gif b/public/static/style/old/cursor-over.gif
new file mode 100644
index 0000000..beeca58
Binary files /dev/null and b/public/static/style/old/cursor-over.gif differ
diff --git a/public/static/style/old/cursor.gif b/public/static/style/old/cursor.gif
new file mode 100644
index 0000000..08bfada
Binary files /dev/null and b/public/static/style/old/cursor.gif differ
diff --git a/public/static/style/old/skull-border.gif b/public/static/style/old/skull-border.gif
new file mode 100644
index 0000000..6118e0d
Binary files /dev/null and b/public/static/style/old/skull-border.gif differ
diff --git a/public/static/style/old/skull.gif b/public/static/style/old/skull.gif
new file mode 100644
index 0000000..ac8d364
Binary files /dev/null and b/public/static/style/old/skull.gif differ
diff --git a/public/static/style/prism.css b/public/static/style/prism.css
new file mode 100644
index 0000000..0b08645
--- /dev/null
+++ b/public/static/style/prism.css
@@ -0,0 +1,195 @@
+/* PrismJS 1.17.1
+https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+c+cpp+d+java+json&plugins=line-numbers */
+/*
+ Solarized Color Schemes originally by Ethan Schoonover
+ http://ethanschoonover.com/solarized
+
+ Ported for PrismJS by Hector Matos
+ Website: https://krakendev.io
+ Twitter Handle: https://twitter.com/allonsykraken)
+*/
+
+/*
+SOLARIZED HEX
+--------- -------
+base03    #002b36
+base02    #073642
+base01    #586e75
+base00    #657b83
+base0     #839496
+base1     #93a1a1
+base2     #eee8d5
+base3     #fdf6e3
+yellow    #b58900
+orange    #cb4b16
+red       #dc322f
+magenta   #d33682
+violet    #6c71c4
+blue      #268bd2
+cyan      #2aa198
+green     #859900
+*/
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #657b83; /* base00 */
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	background: #073642; /* base02 */
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	background: #073642; /* base02 */
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background-color: #fdf6e3; /* base3 */
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #93a1a1; /* base1 */
+}
+
+.token.punctuation {
+	color: #586e75; /* base01 */
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #268bd2; /* blue */
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.url,
+.token.inserted {
+	color: #2aa198; /* cyan */
+}
+
+.token.entity {
+	color: #657b83; /* base00 */
+	background: #eee8d5; /* base2 */
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #859900; /* green */
+}
+
+.token.function,
+.token.class-name {
+	color: #b58900; /* yellow */
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #cb4b16; /* orange */
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+pre[class*="language-"].line-numbers {
+	position: relative;
+	padding-left: 3.8em;
+	counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+	position: relative;
+	white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+	position: absolute;
+	pointer-events: none;
+	top: 0;
+	font-size: 100%;
+	left: -3.8em;
+	width: 3em; /* works for line-numbers below 1000 lines */
+	letter-spacing: -1px;
+	border-right: 1px solid #999;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+}
+
+	.line-numbers-rows > span {
+		pointer-events: none;
+		display: block;
+		counter-increment: linenumber;
+	}
+
+		.line-numbers-rows > span:before {
+			content: counter(linenumber);
+			color: #999;
+			display: block;
+			padding-right: 0.8em;
+			text-align: right;
+		}
+
diff --git a/shell.nix b/shell.nix
new file mode 100644
index 0000000..002ff55
--- /dev/null
+++ b/shell.nix
@@ -0,0 +1,16 @@
+with import <nixpkgs> {};
+
+let
+  pkg = import ./default.nix { inherit pkgs; };
+
+in mkShell {
+
+  buildInputs = [
+    # additional runtime dependencies go here
+  ] ++ pkg.buildInputs ++ pkg.propagatedBuildInputs;
+
+  nativeBuildInputs = [
+    # additional dev dependencies go here
+  ] ++ pkg.nativeBuildInputs;
+
+}
diff --git a/source/app.d b/source/app.d
new file mode 100644
index 0000000..ec386fe
--- /dev/null
+++ b/source/app.d
@@ -0,0 +1,144 @@
+import std.experimental.logger;
+import std.range;
+import std.string;
+import std.stdio;
+import std.typecons;
+
+import vibe.d;
+
+import article;
+import page;
+import project;
+import watcher;
+
+/**
+ * Internal list of articles by slug.
+ */
+Article[string] articles;
+Page[string] pages;
+Project[string] projects;
+
+immutable string articleSortPred = "a.firstPublished > b.firstPublished";
+Article*[] articleList;
+immutable string pageSortedPred = "a.title < b.title";
+Page*[] pageList;
+Project[] projectList;
+
+enum OutputType {
+	HTML,
+	MARKDOWN
+}
+
+const string MIME_MARKDOWN = "text/markdown";
+
+
+
+/**
+ * Get's the document type for the given slug based on extension
+ * and returns the slug without extension and the document type.
+ */
+private OutputType getOutputType(ref string slug) {
+	if (slug.endsWith(".md")) {
+		slug = chomp(slug, ".md");
+		return OutputType.MARKDOWN;
+	} else if (slug.endsWith(".html")){
+		// If explicitly asking for HTML, we'll return HTML
+		slug = chomp(slug, ".html");
+		return OutputType.HTML;
+	} else {
+		// If in the future, for any reason, we no longer use HTML
+		// this allows to us to keep the current urls with an option
+		// to change the output in the future.
+		return OutputType.HTML;
+	}
+}
+
+void getSingle(T, string templ)(ref T[string] array, HTTPServerRequest req, HTTPServerResponse res) {
+	string slug = req.params["slug"];
+	OutputType outputType = getOutputType(slug);
+
+	enforceHTTP(slug in array, HTTPStatus.notFound, "Page not found");
+	T content = array[slug];
+	res.headers["Cache-Control"] = "public";
+	switch(outputType) with (OutputType) {
+	case MARKDOWN:
+		res.writeBody(content.contentSource, MIME_MARKDOWN);
+		break;
+	default:
+	case HTML:
+		res.render!(templ, content);
+		break;
+	}
+}
+
+/**
+ * Generates response for /posts/:slug and /palen/:slug.
+ */
+void articleGetSingle(HTTPServerRequest req, HTTPServerResponse res) {
+	getSingle!(Article, "pages/article.dt")(articles, req, res);
+}
+
+/**
+ * Generates response for /posts/ and /palen/
+ */
+void articleGetOverview(HTTPServerRequest req, HTTPServerResponse res) {
+	res.headers["Cache-Control"] = "public";
+	render!("pages/article-list.dt", articleList)(res);
+}
+
+void projectGetOverview(HTTPServerRequest req, HTTPServerResponse res) {
+	res.headers["Cache-Control"] = "public";
+	render!("pages/project-list.dt", projectList)(res);
+}
+
+/**
+ * Generate response for a page
+ */
+void pageGet(HTTPServerRequest req, HTTPServerResponse res) {
+	if (("slug" in req.params) is null)  {
+		req.params.addField("slug", "index");
+	}
+	getSingle!(Page, "pages/page.dt")(pages, req, res);
+}
+
+/**
+ * Generates response whenever an error occurs.
+ */
+@safe
+void errorPage(HTTPServerRequest req, HTTPServerResponse res, HTTPServerErrorInfo error) {
+	render!("pages/error.dt", error)(res);
+}
+
+void main() {
+	//articles["hello-world"] = new Article("hello-world.yamd");
+	
+	HTTPServerSettings settings = new HTTPServerSettings;
+	settings.bindAddresses = ["0.0.0.0"];
+	settings.port = 3465;
+	settings.serverString = "zeg ik lekker niet";
+	settings.errorPageHandler = toDelegate(&errorPage);
+	settings.keepAliveTimeout = dur!"seconds"(60);
+	debug {
+		settings.accessLogToConsole = true;
+	}
+	
+	URLRouter router = new URLRouter;
+	router.get("/posts/:slug", &articleGetSingle);
+	router.get("/palen/:slug", &articleGetSingle);
+	router.get("/posts/", &articleGetOverview);
+	router.get("/palen/", &articleGetOverview);
+	router.get("/projects/", &projectGetOverview);
+	router.get("/projecten/", &projectGetOverview);
+	router.get("/static/*", serveStaticFiles("./public/"));
+	router.get("/:slug", &pageGet);
+	router.get("/", &pageGet);
+	
+	listenHTTP(settings, router);
+	runTask({
+		initPages!(Page, pageSortedPred)(pages, pageList, "pages");
+	});
+	runTask({
+		initPages!(Article, articleSortPred)(articles, articleList, "articles");
+	});
+	runApplication();
+}
diff --git a/source/article.d b/source/article.d
new file mode 100644
index 0000000..32d305c
--- /dev/null
+++ b/source/article.d
@@ -0,0 +1,85 @@
+import std.file;
+import std.stdio;
+import std.string;
+import std.datetime.date;
+import std.experimental.logger;
+
+import dyaml;
+import page;
+import vibe.d;
+
+
+/**
+ * Represents an article on the blog
+ */
+class Article : Page {
+    private string m_author;
+	private string m_title;
+	private string m_slug;
+	private DateTime m_firstPublished;
+	private string m_excerpt;
+	/**
+	 * Time that the file was last updated
+	 */
+	private DateTime m_updated;
+
+    /**
+     * Loads an article from a file.
+     */
+	this(string file) {
+		this.m_headerShift = 1;
+		super(file); 
+		// Find the first header and mark everything up to that as
+		if (m_excerpt is null) {
+			// an excerpt, used in search results.
+			const long seperatorIndex = indexOf(m_contentSource, "---\n");
+			this.m_excerpt = this.m_contentSource[seperatorIndex + 4..$];
+			long firstHeaderIndex = indexOf(this.m_excerpt, '#');
+			if (firstHeaderIndex >= 0) {
+				this.m_excerpt = this.m_excerpt[0..firstHeaderIndex];
+			}
+		}
+	}
+
+	/**
+	 * Loads the metadata specific to Articles.
+	 */
+    @safe
+    override protected void loadHeader(Node headerNode) {
+        super.loadHeader(headerNode);
+        if (headerNode.containsKey("author")) {
+	        this.m_author = headerNode["author"].as!string;
+        } else {
+	        this.m_author = "<unknown author>";
+        }
+
+		if ("excerpt" in headerNode) {
+			this.m_excerpt = headerNode["excerpt"].as!string;
+		}
+
+		if ("firstPublished" in headerNode) {
+			try {
+				this.m_firstPublished = cast(DateTime) headerNode["firstPublished"].as!SysTime;
+			} catch(DateTimeException e) {
+				warningf("%s: invalid date format", this.m_slug);
+			}
+		} else {
+			this.m_firstPublished= DateTime.fromSimpleString("1970-Jan-01 00:00:00");
+		}
+
+		if ("updated" in headerNode) {
+			try {
+				this.m_updated = cast(DateTime) headerNode["updated"].as!SysTime();
+			} catch(DateTimeException e) {
+				warningf("%s: invalid date format", this.m_slug);
+			}
+		} else {
+			this.m_updated = this.m_firstPublished;
+		}
+    }
+    
+    @property string excerpt() { return m_excerpt; }
+    @property string author() { return m_author; }
+	@property DateTime firstPublished() { return m_firstPublished; }
+	@property DateTime updated() { return m_updated; }
+}
diff --git a/source/page.d b/source/page.d
new file mode 100644
index 0000000..18861c6
--- /dev/null
+++ b/source/page.d
@@ -0,0 +1,119 @@
+import std.exception;
+import std.experimental.logger;
+import std.file;
+import std.process;
+import std.stdio;
+
+import dyaml;
+import vibe.vibe;
+
+
+/**
+ * Exception thrown when a page has syntax errors e.g.
+ */
+class ArticleParseException : Exception {
+	mixin basicExceptionCtors;
+}
+
+
+/**
+ * Represents a page on the blog
+ */
+class Page {
+    /**
+     * Internal name of the article. Usually the file name.
+     */
+	protected string m_name;
+
+	/**
+	 * Slug either manually assigned or generated based on file name.
+	 * Only used in the url.
+	 */
+	protected string m_slug;
+	protected string m_title;
+	protected string m_content;
+	protected string m_contentSource;
+
+	/**
+     * Option for the markdown parser: the amount of levels the header found in the markdown should
+	 * be shifted. For example, 0 means H1 -> H1, 1 means H1 -> H2, 2 means H1 -> H3 and so on.
+	 */
+	protected int m_headerShift = 1;
+
+	private bool hasCalledSuper = false;
+
+	/**
+	 * Creates a page from a file
+	 */
+	this(string file) {
+		this.m_name = file;
+        this.m_contentSource = readText(file);
+		// Find the seperator and split the string in two
+        const long seperatorIndex = indexOf(m_contentSource, "---\n");
+        enforce!ArticleParseException(seperatorIndex >= 0);
+        string header = m_contentSource[0..seperatorIndex];
+        
+	    Node node = Loader.fromString(header).load();
+        loadHeader(node);
+		assert(hasCalledSuper);
+        
+		this.m_content = Page.parseMarkdown(m_contentSource[seperatorIndex + 4..$], 
+				this.m_headerShift);
+	}
+
+
+	/**
+	 * Parse metadata from the header.
+	 * Params: 
+	 *     headerNode = the YAML node to parse the header metadata from.
+	 */
+	@safe
+	protected void loadHeader(Node headerNode){
+		if (headerNode.containsKey("title")) {
+            this.m_title = headerNode["title"].as!string;
+        } else {
+            warningf("%s does not contain a title", this.m_name);
+        }
+        if (headerNode.containsKey("slug")) {
+            this.m_slug = headerNode["slug"].as!string;
+        } else {
+            this.m_slug = this.m_title;
+            infof("%s does not have a slug. Using %s", this.m_name, this.m_slug);
+        }
+		hasCalledSuper = true;
+	}
+
+	/**
+	 * Starts pandoc to convert MarkDown to HTML
+	 * Params:
+	 *     source = The MarkDown source as a string (not a path!)
+	 *     shiftHeader = (Optional) The amount a header needs to be shifted. If for example, it 
+	 *                   is set to 1, first level headings within MarkDown become second level
+	 *                   headers within HTML.
+	 */
+	public static string parseMarkdown(string source, int shiftHeader = 0) {
+		string[] args = ["pandoc", 
+				"-f", "markdown", 
+				"-t", "html"];
+
+		if (shiftHeader != 0) args ~= "--shift-heading-level-by=" ~ to!string(shiftHeader);
+
+		ProcessPipes pandoc = pipeProcess(args);
+		pandoc.stdin.write(source);
+		pandoc.stdin.writeln();
+		pandoc.stdin.flush();
+		pandoc.stdin.close();
+		string result;
+		string line;
+		while ((line = pandoc.stdout.readln()) !is null) {
+			result ~= line;
+		}
+		return result;
+	}
+
+    @property string name() { return m_name; }
+    @property string title() { return m_title; }
+    @property string slug() { return m_slug; }
+	@property string content() { return m_content; }
+	@property string contentSource() { return m_contentSource; }
+}
diff --git a/source/project.d b/source/project.d
new file mode 100644
index 0000000..f72aa55
--- /dev/null
+++ b/source/project.d
@@ -0,0 +1,46 @@
+import std.array;
+import std.algorithm;
+
+import dyaml;
+import vibe.vibe;
+
+import page;
+import utils;
+
+/**
+ * Represents a project, like an unfinished application
+ */
+class Project : Page {
+	protected string m_state;
+	protected string[] m_platforms;
+	protected string[] m_technologies;
+	protected string m_icon;
+	protected string[] m_images;
+
+	/**
+	 * Creates a project from a file
+	 */
+	this(string file) {
+		super(file);
+	}
+
+	@safe
+	override protected void loadHeader(Node headerNode) {
+		super.loadHeader(headerNode);
+		this.m_state = headerNode.getOr!string("state", "unknown");
+		this.m_platforms = headerNode.getOr!(Node[])("platforms", [])
+			.map!(x => x.get!string).array;
+		this.m_technologies = headerNode.getOr!(Node[])("technologies", [])
+			.map!(x => x.get!string).array;
+		this.m_icon = headerNode.getOr!string("icon", "");
+		this.m_images = headerNode.getOr!(Node[])("images", [])
+			.map!(x => x.get!string).array;
+	}
+
+	@property string state() { return m_state; }
+	@property string[] platforms() { return m_platforms; }
+	@property string[] technologies() { return m_technologies; }
+	@property string icon() { return m_icon; }
+	@property string[] images() { return m_images; }
+
+}
diff --git a/source/utils.d b/source/utils.d
new file mode 100644
index 0000000..101b592
--- /dev/null
+++ b/source/utils.d
@@ -0,0 +1,16 @@
+import std.conv;
+import std.datetime;
+
+import dyaml;
+
+string toHumanString(DateTime value) {
+	return to!string(value.year) ~ "-" ~ to!string(ubyte(value.month)) ~ "-" ~ to!string(value.day);
+}
+
+T getOr(T)(Node node, string key, T or) {
+	if (key in node) {
+		return node[key].get!T;
+	} else {
+		return or;
+	}
+}
diff --git a/source/watcher.d b/source/watcher.d
new file mode 100644
index 0000000..1bb9263
--- /dev/null
+++ b/source/watcher.d
@@ -0,0 +1,115 @@
+import std.array;
+import std.algorithm;
+import std.experimental.logger;
+import std.file;
+import std.stdio;
+
+import vibe.d;
+
+import app;
+import page;
+
+void initPages(T, string sortPred)(ref T[string] array, ref T*[] sortedRange, const string directory) {
+
+	bool addPage(string path) {
+		try {
+			T newPage = new T(path);
+			logf("Added %s", newPage.slug);
+			array[newPage.slug] = newPage;
+			return true;
+		} catch (page.ArticleParseException e) {
+			logf("Could not parse %s", path);
+			return false;
+		}
+	}
+
+	// Initial scan
+	void scan(NativePath path, int level = 0) {
+		logf("Scanning %s", path.toString());
+		foreach(file; iterateDirectory(path)) {
+			if (file.isDirectory) {
+				scan(path ~ file.name, level + 1);
+			} else {
+				addPage((path ~ file.name).toString());
+			}
+		}
+	}
+
+	void sortThings() {
+		sortedRange = sort!(sortPred)(array.values)
+			.map!"&a".array;
+		logf("sorted: %s", sortedRange);
+	}
+
+	if (!existsFile(getWorkingDirectory() ~ directory)) {
+		createDirectory(getWorkingDirectory() ~ directory);
+	}
+	scan(getWorkingDirectory() ~ directory);
+	sortThings();
+	
+	DirectoryWatcher watcher = watchDirectory(getWorkingDirectory() ~ directory, true);
+	//auto watcher = FileWatch((getWorkingDirectory() ~ directory).toString(), true);
+
+	bool shouldStop = false;
+	while (!shouldStop) {
+		// Try to reduce changes to only one DirectoryChangeType per change
+		DirectoryChange[] changes;
+		shouldStop = !watcher.readChanges(changes);
+		foreach(change; changes) {
+			logf("=======[New changes]======");
+			string[] changeTypes = ["added", "removed", "modified"];
+			logf("Path: %s, type: %s", change.path.toString(), changeTypes[change.type]);
+			if (endsWith(change.path.toString(), ".kate-swp")) continue;
+			switch (change.type) with (DirectoryChangeType){
+				case added:
+					try {
+					addPage(change.path.toString());
+					} catch(Exception e) {
+						warningf("Error while updating %s: %s", change.path.toString(), e.msg);
+					}
+					break;
+				case modified:
+					T newPage;
+					try {
+						newPage = new T(change.path.toString());
+						log(newPage.slug);
+						if (newPage.slug in array) {
+							log("Slug not changed");
+							array[newPage.slug] = newPage;
+						} else {
+							log("Slug changed");
+							foreach(item; array) {
+								if (item.name == change.path.toString()) {
+									logf("Removed %s, which is the old slug of %s", newPage.slug, item.slug);
+									array.remove(item.slug);
+								}
+							}
+						}
+						logf("Modified %s", newPage.slug);
+						array[newPage.slug] = newPage;
+					} catch(page.ArticleParseException e) {
+						warningf("Could not parse %s", change.path.toString());
+					}
+					break;
+				case removed:
+					try {
+						foreach(item; array.byValue) {
+							logf(" - %s", item.name);
+							if (item.name == change.path.toString()) {
+								logf("Removed %s", item.slug);
+								array.remove(item.slug);
+							}
+						}
+					} catch(Exception e) {}
+					break;
+				default: break;
+			}
+			log("Current state:");
+			//sortedRange = sort!("a."~sortProp~" < b."~sortProp)(array.values);
+			sortThings();
+			foreach (item; array) {
+				logf("%s - %s", item.name, item.slug);
+			}
+		}
+	}
+}
diff --git a/views/pages/article-list.dt b/views/pages/article-list.dt
new file mode 100644
index 0000000..dbacf14
--- /dev/null
+++ b/views/pages/article-list.dt
@@ -0,0 +1,26 @@
+extends /parts/page.dt
+
+block header
+	title Posts - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	header
+		h1.title Post list
+	- import vibe.d;
+	- if (articleList.length == 0)
+		p No posts found
+	- else
+		- import utils;
+		- foreach(article; articleList)
+			article
+				header
+					a(href="/posts/#{article.slug}", rel="bookmark")
+						h2.title #{article.title}
+					p.subtitle 
+						| By #{article.author} on #{article.firstPublished.toHumanString}
+						- if (article.firstPublished != article.updated)
+							|, updated on #{article.updated.toHumanString}
+				p #{article.excerpt}&hellip;
diff --git a/views/pages/article.dt b/views/pages/article.dt
new file mode 100644
index 0000000..97ea58e
--- /dev/null
+++ b/views/pages/article.dt
@@ -0,0 +1,17 @@
+extends /parts/page
+block header
+	title #{content.title} - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	article
+		- import utils;
+		header
+			h1.title #{content.title}
+			p.subtitle 
+				| By #{content.author} on #{content.firstPublished.toHumanString}
+				- if (content.firstPublished != content.updated)
+					|, updated on #{content.updated.toHumanString}
+		| !{content.content}
diff --git a/views/pages/error.dt b/views/pages/error.dt
new file mode 100644
index 0000000..d3acbaa
--- /dev/null
+++ b/views/pages/error.dt
@@ -0,0 +1,12 @@
+extends /parts/page.dt
+
+block header
+	title #{error.message} - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	header
+		h1.title #{error.message}
+	p #{error.debugMessage}
diff --git a/views/pages/page.dt b/views/pages/page.dt
new file mode 100644
index 0000000..5619445
--- /dev/null
+++ b/views/pages/page.dt
@@ -0,0 +1,12 @@
+extends /parts/page.dt
+
+block header
+	title #{content.title} - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	header
+		h1.title #{content.title}
+	| !{content.content}
diff --git a/views/pages/project-list.dt b/views/pages/project-list.dt
new file mode 100644
index 0000000..d01c28c
--- /dev/null
+++ b/views/pages/project-list.dt
@@ -0,0 +1,25 @@
+extends /parts/page.dt
+
+block header
+	title Projects - Netsoj.nl
+
+block sidebar
+	include /parts/menu.dt
+
+block content
+	header
+		h1.title Projects
+	p Note: I'm not a graphic designer, so please ignore the 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}
+
diff --git a/views/parts/article-fragment.dt b/views/parts/article-fragment.dt
new file mode 100644
index 0000000..e69de29
diff --git a/views/parts/menu.dt b/views/parts/menu.dt
new file mode 100644
index 0000000..147563d
--- /dev/null
+++ b/views/parts/menu.dt
@@ -0,0 +1,14 @@
+- void menuItem(string text, string link)
+	li
+		a(href="#{link}") #{text}
+
+header
+	img.logo(src="/static/img/logo.png")
+	p Chris's webstekkie
+ul
+	- menuItem("home", "/");
+	- menuItem("posts", "/posts/");
+	- menuItem("projects", "/projects/");
+
+footer
+	p &copy;Chris Josten, 2020
diff --git a/views/parts/page.dt b/views/parts/page.dt
new file mode 100644
index 0000000..83a4f36
--- /dev/null
+++ b/views/parts/page.dt
@@ -0,0 +1,16 @@
+doctype html
+html
+	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")
+		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")
+
+		block header
+	body
+		nav
+			block sidebar
+		main
+			block content