commit decd23d94c4641fb593873eebca2c7fa7ca24e62
parent adc4629a147d7dde79a7f8695b5e97ee17963bb9
author: nathanael <nathanael@dalliard.ch>
date: Sat, 13 Sep 2025 09:45:42 +0000
add music page and redesign
diffstat:
6 files changed, 66 insertions(+), 31 deletions(-)
diff --git a/content/_index.md b/content/_index.md
@@ -1,15 +1,4 @@
---
-title: nathanael
+title: start
---
-<pre>
- _ _____
-| \ | __ \
-| \| | | |
-| . ` | | |
-| |\ |__| |
-|_| \_____/
-</pre>
-<small><a href="mailto:nathanael@dalliard.ch">nathanael@dalliard.ch</a></small>
-
-<small><a href="pgp.asc">22B0 BCE1 8683 86A2 CC5B
-63CA C61A BF79 6EBD 00E2</a></small>
+minimalist
diff --git a/content/musik.md b/content/musik.md
@@ -0,0 +1,12 @@
+---
+title: musik
+aliases:
+- m
+---
+## oliver heuler
+«Ich bin mein Eigenes, mein Wille zählt,
+kein Gott, kein Staat, der über mir steht.
+Frei von Systemen, frei von dem Zwang,
+ich tanz’ allein zu meinem Gesang.»
+
+— [Song über Max Stirner: Der Einzige](https://www.youtube.com/watch?v=MQu61BjoS8g&list=PLHaFvguB7Q6s6atSi3Mw38QV6hAIIfgWN)
diff --git a/layouts/baseof.html b/layouts/baseof.html
@@ -1,6 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/style.css">
<title>{{ .Title }}</title>
-<main>{{ block "main" . }}{{ end }}</main>
+<header>
+<a href="/"><svg><use xlink:href="/sprite.svg#logo"></use></svg></a>
+</header>
+<main id="{{ .Title }}">{{ block "main" . }}{{ end }}</main>
+<footer>
+<a href="mailto:nathanael@dalliard.ch">mail</a> |
+<a href="22b0bce1868386a2cc5b63cac61abf796ebd00e2.asc">pgp</a>
+</footer>
diff --git a/layouts/page.html b/layouts/page.html
@@ -0,0 +1,4 @@
+{{ define "main" }}
+<h1>{{ .Title }}</h1>
+{{ .Content }}
+{{ end }}
diff --git a/static/sprite.svg b/static/sprite.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+ <symbol id="logo" viewBox="0 0 48.696 29.368">
+ <g fill="currentColor">
+ <path d="M21.002 29.37 8.666 15.113V29.37H.001V.002h8.238l12.336 14.471V.002h8.665V29.37z" aria-label="N"/>
+ <path d="M33.287 0q15.41 0 15.41 14.684t-15.41 14.684h-12.72V0zM30 22.325h3.116q5.934 0 5.934-6.36v-2.561q0-6.36-5.934-6.36H30z" aria-label="D"/>
+ </g>
+ </symbol>
+</svg>
diff --git a/static/style.css b/static/style.css
@@ -1,33 +1,48 @@
:root {
--bg: #fff;
--fg: #000;
+ --deco: #ccc;
}
-body {
+html {
+ margin: 1em auto;
+ padding: 0 1em;
+ max-width: 40em;
+ font-family: arial, sans-serif;
+ font-size: 1.25rem;
+ text-size-adjust: 100%;
background-color: var(--bg);
color: var(--fg);
- margin: 0;
}
-main {
- font-family: monospace;
- height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- margin-top: -2rem;
-}
-pre {
- margin-top: 0;
-}
-p {
- margin: 0;
+header svg {
+ aspect-ratio: 48.696 / 29.368;
+ margin-top: 1em;
+ width: 42px;
}
+main { margin: 3rem 0; }
a {
color: var(--fg);
+ text-decoration-thickness: 1px;
+ text-underline-offset: 5px;
+}
+p { line-height: 1.8rem; }
+footer,
+footer a {
+ font-size: 0.8rem;
+ line-height: 1.2rem;
+}
+footer,
+footer a {
+ color: #888;
+}
+footer,
+footer a {
+ text-decoration-color: var(--deco);
}
+#start { margin: 0; }
@media (prefers-color-scheme: dark) {
:root {
--bg: #000;
--fg: #fff;
+ --deco: #555;
}
}
