init

app/templates/base.htm

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>{% block title %}{% endblock %}</title>
+	<link rel="icon" type="image/png" href="/static/images/stocking.png" />
+	<link rel="stylesheet" href="/static/styles/style.css" />
+	<link rel="stylesheet" href="/static/styles/fonts.css" />
+	<link rel="manifest" href="/static/manifest.json">
+	<!-- its faster to just inline the stylesheet but its fine -->
+	<script>document.querySelector(':root').style.setProperty('--root-hue', Math.floor(Math.random() * 365));</script>
+	{% block extraHead %}
+	{% endblock %}
+
+</head>
+
+<body>
+
+	<script>
+		if ("serviceWorker" in navigator) {
+			navigator.serviceWorker
+				.register("/static/scripts/service-worker.js")
+				.then(() => console.log("registered service worker!"));
+		}
+	</script>
+
+	<header>
+		<h1>{% block header %}{% endblock %}</h1>
+	</header>
+
+	<div class="center">
+		{% block content %}
+		{% endblock %}
+	</div>
+
+</body>
+
+</html>