Add docs
diff --git a/docs/templates/home.html b/docs/templates/home.html
new file mode 100644
index 0000000..bb328e5
--- /dev/null
+++ b/docs/templates/home.html
@@ -0,0 +1,28 @@
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width">
+		<link rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/default.min.css">
+		<link rel="stylesheet" href="styles.css">
+		<title>${title}</title>
+	</head>
+	<body>
+		<div class="container">
+			<div class="nav">
+				<a href="/" class="wide">6502</a>
+				<a href="https://github.com/swissChili/6502">Git</a>
+			</div>
+			<hr>
+			${body}
+		</div>
+
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
+		<script>
+			document.addEventListener('DOMContentLoaded', (event) => {
+				document.querySelectorAll('pre code').forEach((block) => {
+					hljs.highlightBlock(block);
+				});
+			});
+		</script>
+	</body>
+</html>
diff --git a/docs/templates/page.html b/docs/templates/page.html
new file mode 100644
index 0000000..a9c6219
--- /dev/null
+++ b/docs/templates/page.html
@@ -0,0 +1,39 @@
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width">
+		<link rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/default.min.css">
+		<link rel="stylesheet" href="styles.css">
+		<title>${title}</title>
+	</head>
+	<body>
+		<main class="split container">
+			<div class="sidebar">
+				<h2><a href="/">6502</a></h2>
+
+				<p>
+					6502 Toolchain written by <a href="https://github.com/swissChili">swissChili</a>
+				</p>
+
+				<ul>
+					<li><a href="https://github.com/swissChili/6502">Git</a></li>
+					<li><a href="/usage.html">Basic usage</a></li>
+					<li><a href="/examples.html">Example programs</a></li>
+					<li><a href="/building.html">Building from source</a></li>
+				</ul>
+			</div>
+			<div class="body">
+				${body}
+			</div>
+		</main>
+
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
+		<script>
+			document.addEventListener('DOMContentLoaded', (event) => {
+				document.querySelectorAll('pre code').forEach((block) => {
+					hljs.highlightBlock(block);
+				});
+			});
+		</script>
+	</body>
+</html>