aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
blob: 81d6a595846dceaaff136c97bc47147abdcbcbee (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
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: -->