1 files changed, 74 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..81d6a59
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		{% block head %}
+		<meta charset="utf-8" />
+		<title>makeshiftci{% block title %}{% endblock %}</title>
+		<link
+			rel="shortcut icon"
+			href="/favicon.ico"
+		/>
+		{% endblock %}
+		<style
+			type="text/css"
+			media="all"
+		>
+			* {
+				margin: 0;
+				padding: 0;
+			}
+			html,
+			body {
+				height: 100%;
+			}
+			:root {
+				--primary: #de3163;
+				--secondary: #722f37;
+				--overlay: #f0ead6;
+				--blue: #0054b4;
+				--orange: #f94d00;
+				--green: #228b22;
+				--red: #ce2029;
+				--brown: #6f4e37;
+				@media (prefers-color-scheme: dark) {
+					--primary: #ffb7c5;
+					--secondary: #ddadaf;
+					--overlay: #534b4f;
+					--blue: #73c2fb;
+					--orange: #f28500;
+					--green: #85bb65;
+					--red: #e66771;
+					--brown: #c19a6b;
+				}
+				.heading {
+					top: 0;
+					left: 0;
+					position: sticky;
+					padding: 10px;
+					background-color: var(--overlay);
+					color: var(--primary);
+				}
+				.content-box {
+					display: flex;
+					flex-direction: column;
+					height: 100%;
+				}
+				a {
+					color: var(--primary);
+				}
+				color-scheme: light dark;
+			}
+		</style>
+		{% block extrastyle %}{% endblock %}
+	</head>
+	<body>
+		<div class="content-box">
+			<div class="heading">
+				<h1><a href="/">makeshiftci</a>{% block path %}{% endblock %}</h1>
+				{% block headingcontent %}{% endblock %}
+			</div>
+			{% block content %}{% endblock %}
+		</div>
+	</body>
+</html>
+<!-- vim: set filetype=jinja: -->