1<!DOCTYPE html>
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>{% block title %}{{ config.title }}{% endblock %}</title>
7 <style>
8 :root { --bg: #fafafa; --fg: #222; --accent: #2563eb; --muted: #666; --border: #e5e7eb; --code-bg: #f3f4f6; }
9 @media (prefers-color-scheme: dark) {
10 :root { --bg: #1a1a2e; --fg: #e0e0e0; --accent: #60a5fa; --muted: #999; --border: #333; --code-bg: #252540; }
11 }
12 * { margin: 0; padding: 0; box-sizing: border-box; }
13 body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.6; }
14 .container { max-width: 640px; margin: 0 auto; padding: 2rem 1rem; }
15 header { margin-bottom: 2rem; border-bottom: 1px solid var(--border); padding-bottom: 1rem; }
16 header h1 { font-size: 1.5rem; }
17 header h1 a { color: var(--fg); text-decoration: none; }
18 header p { color: var(--muted); font-size: 0.9rem; margin-top: 0.25rem; }
19 nav { margin-top: 0.5rem; display: flex; gap: 1rem; }
20 nav a { color: var(--accent); text-decoration: none; font-size: 0.9rem; }
21 nav a:hover { text-decoration: underline; }
22 a { color: var(--accent); }
23 h1, h2, h3 { margin: 1.5rem 0 0.5rem; }
24 h1 { font-size: 1.75rem; }
25 h2 { font-size: 1.3rem; }
26 p { margin-bottom: 1rem; }
27 ul, ol { margin: 0 0 1rem 1.5rem; }
28 pre { background: var(--code-bg); padding: 1rem; border-radius: 6px; overflow-x: auto; margin-bottom: 1rem; font-size: 0.875rem; }
29 code { font-family: "SF Mono", Menlo, monospace; font-size: 0.875em; }
30 :not(pre) > code { background: var(--code-bg); padding: 0.15em 0.3em; border-radius: 3px; }
31 .post-list { list-style: none; margin-left: 0; }
32 .post-list li { padding: 0.75rem 0; border-bottom: 1px solid var(--border); }
33 .post-list .date { color: var(--muted); font-size: 0.8rem; }
34 .post-meta { color: var(--muted); font-size: 0.85rem; margin-bottom: 1rem; }
35 footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.8rem; }
36 </style>
37</head>
38<body>
39 <div class="container">
40 <header>
41 <h1><a href="{{ config.base_url }}">{{ config.title }}</a></h1>
42 <p>{{ config.description }}</p>
43 <nav>
44 <a href="{{ config.base_url }}">home</a>
45 <a href="{{ config.base_url }}about/">about</a>
46 </nav>
47 </header>
48 <main>
49 {% block content %}{% endblock %}
50 </main>
51 <footer>
52 built with <a href="https://www.getzola.org">zola</a> on <a href="https://sublimated.com">sublimated</a>
53 </footer>
54 </div>
55</body>
3 <head>
4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1" />
6 <title>{% block title %}{{ config.title }}{% endblock %}</title>
7 <style>
8 :root {
9 --bg: #fafafa;
10 --fg: #222;
11 --accent: #2563eb;
12 --muted: #666;
13 --border: #e5e7eb;
14 --code-bg: #f3f4f6;
15 }
16 @media (prefers-color-scheme: dark) {
17 :root {
18 --bg: #1a1a2e;
19 --fg: #e0e0e0;
20 --accent: #60a5fa;
21 --muted: #999;
22 --border: #333;
23 --code-bg: #252540;
24 }
25 }
26 * {
27 margin: 0;
28 padding: 0;
29 box-sizing: border-box;
30 }
31 body {
32 font-family:
33 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
34 sans-serif;
35 background: var(--bg);
36 color: var(--fg);
37 line-height: 1.6;
38 }
39 .container {
40 max-width: 640px;
41 margin: 0 auto;
42 padding: 2rem 1rem;
43 }
44 header {
45 margin-bottom: 2rem;
46 border-bottom: 1px solid var(--border);
47 padding-bottom: 1rem;
48 }
49 header h1 {
50 font-size: 1.5rem;
51 }
52 header h1 a {
53 color: var(--fg);
54 text-decoration: none;
55 }
56 header p {
57 color: var(--muted);
58 font-size: 0.9rem;
59 margin-top: 0.25rem;
60 }
61 nav {
62 margin-top: 0.5rem;
63 display: flex;
64 gap: 1rem;
65 }
66 nav a {
67 color: var(--accent);
68 text-decoration: none;
69 font-size: 0.9rem;
70 }
71 nav a:hover {
72 text-decoration: underline;
73 }
74 a {
75 color: var(--accent);
76 }
77 h1,
78 h2,
79 h3 {
80 margin: 1.5rem 0 0.5rem;
81 }
82 h1 {
83 font-size: 1.75rem;
84 }
85 h2 {
86 font-size: 1.3rem;
87 }
88 p {
89 margin-bottom: 1rem;
90 }
91 ul,
92 ol {
93 margin: 0 0 1rem 1.5rem;
94 }
95 pre {
96 background: var(--code-bg);
97 padding: 1rem;
98 border-radius: 6px;
99 overflow-x: auto;
100 margin-bottom: 1rem;
101 font-size: 0.875rem;
102 }
103 code {
104 font-family: "SF Mono", Menlo, monospace;
105 font-size: 0.875em;
106 }
107 :not(pre) > code {
108 background: var(--code-bg);
109 padding: 0.15em 0.3em;
110 border-radius: 3px;
111 }
112 .post-list {
113 list-style: none;
114 margin-left: 0;
115 }
116 .post-list li {
117 padding: 0.75rem 0;
118 border-bottom: 1px solid var(--border);
119 }
120 .post-list .date {
121 color: var(--muted);
122 font-size: 0.8rem;
123 }
124 .post-meta {
125 color: var(--muted);
126 font-size: 0.85rem;
127 margin-bottom: 1rem;
128 }
129 footer {
130 margin-top: 3rem;
131 padding-top: 1rem;
132 border-top: 1px solid var(--border);
133 color: var(--muted);
134 font-size: 0.8rem;
135 }
136 </style>
137 </head>
138 <body>
139 <div class="container">
140 <header>
141 <h1><a href="{{ config.base_url }}">{{ config.title }}</a></h1>
142 <p>{{ config.description }}</p>
143 <nav>
144 <a href="{{ config.base_url }}">home</a>
145 <a href="{{ config.base_url }}about/">about</a>
146 </nav>
147 </header>
148 <main>{% block content %}{% endblock %}</main>
149 <footer>
150 built with <a href="https://www.getzola.org">zola</a> on
151 <a href="https://sublimated.com">sublimated!</a>
152 </footer>
153 </div>
154 </body>
155</html>