cmc/cleberg.net
My personal web garden & blog.
clone: git clone https://gitbay.org/cmc/cleberg.net.git
f1b8d6d4a89c5d33615556af65aadeb71e7800cb
unsigned
author: Christian Cleberg <hello@cleberg.net> · 2026-08-11T07:20:00Z
content/index.org | 2 - content/org-ssg.toml | 95 +++++++++++++++++++++++++++++++++++++++++++++ content/styles.css | 23 +++++++++++ content/templates/base.html | 52 +++++++++++++++++++++++++ content/templates/home.html | 44 +++++++++++++++++++++ content/templates/list.html | 13 +++++++ content/templates/tags.html | 10 +++++ 7 files changed, 237 insertions(+), 2 deletions(-) deleted file mode 100644 @@ -1,2 +0,0 @@ -#+title: cleberg.net -#+description: Stillness amidst the chaos. new file mode 100644 @@ -0,0 +1,95 @@ +# org-ssg configuration for cleberg.net. +# +# Lives in content/ because that directory is the site's URL root: content/blog/post.org +# publishes at /blog/post.html. Neither this file nor templates/ is published. +# +# org-ssg serve content -o /tmp/preview # write and preview +# org-ssg build content -o _site --strict # build for real, failing on broken links +# +# This sits alongside the existing weblorg setup (publish.el, theme/) and changes nothing +# about it. Delete this file and content/templates/ to remove org-ssg entirely. + +[site] +title = "cleberg.net" +description = "Stillness amidst the chaos." +language = "en" +# Empty keeps every URL relative, so the site works from a preview directory as well as +# from its real origin. Set it to "https://cleberg.net" when you want canonical links, or +# an RSS feed — a feed is read away from the site that served it, so its links cannot be +# relative. +base_url = "" + +[nav] +# Explicit, because the pages that belong in the nav are not all top-level: /blog/ and +# /garden/ are generated below, and salary/ is a section index one level down. index.org +# is deliberately absent — the layout already links home from the site title, and listing +# it here would print "cleberg.net" twice side by side. Source pages come first in the +# order listed, then the collections that set `nav = true`. +mode = "explicit" +pages = ["salary/index.org"] + +[templates] +dir = "templates" + +[highlight] +theme = "InspiredGitHub" + +[html] +# Level-1 org headings become <h2>, beneath the page title the layout renders as <h1> — +# which is what the current site does too. +heading_offset = 1 +toc = true +section_numbers = false + +# --- Generated pages ------------------------------------------------------------- +# These have no source .org file. weblorg produces the equivalents today through its +# blog-index, garden-index and tags routes. + +# The home page. Generated rather than authored, because it is a hand-written +# introduction *plus* the most recent posts — and the post list is not something to +# maintain by hand. The prose lives in templates/home.html, which is where weblorg keeps +# it today too. +# +# content/index.org was deleted to make room: it held only #+title and #+description, +# both of which are now [site] settings above. Restore it any time with +# `git checkout content/index.org`, but then this collection must output somewhere else — +# two pages cannot claim one URL, and org-ssg fails the build rather than picking a winner. +[[collections]] +source = "blog" +output = "index.html" +template = "home.html" +title = "cleberg.net" +sort = "date" +order = "desc" + +[[collections]] +source = "blog" +output = "blog/index.html" +template = "list.html" +title = "Blog" +sort = "date" +order = "desc" +nav = true + +[[collections]] +source = "garden" +output = "garden/index.html" +template = "list.html" +title = "Garden" +sort = "date" +order = "desc" +nav = true + +# One page per tag, plus the index the live site already has at /tags/. `source` is empty +# so it groups across the whole site rather than one section, which is how #+FILETAGS: is +# used here — tags appear on blog posts and garden notes alike. +[[collections]] +source = "" +group_by = "tags" +output = "tags/{tag}.html" +template = "list.html" +title = "Tagged: {tag}" +index_output = "tags/index.html" +index_template = "tags.html" +index_title = "Tags" +nav = true new file mode 100644 @@ -0,0 +1,23 @@ +body { max-width: 800px; margin: 0 auto; padding: 1rem; } +a, a:visited { color: #0000ff; } +nav ul { list-style: none; padding: 0; display: flex; flex-direction: row; } +nav ul li { padding-right: 0.5rem;} +img { max-width: 100%; } +.post-list { padding: 0; padding-inline-start: 0; } +.post-list-item { display: flex; list-style: none; align-items: baseline; } +.post-list-item time { padding-right: 0.5rem; white-space: nowrap; } +.post-list-item a { flex-grow: 1; white-space: normal; } +.post-list-year { list-style: none; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: bold; } +.skip-link { display: none; } +footer { margin: 2rem 0;} +pre, blockquote { margin: 1rem 0; padding: 0.5rem; background-color: #eee; } +pre { overflow: auto; white-space: pre; } +blockquote p { margin: 0; margin-bottom: 1rem; } +blockquote p:last-child { margin-bottom: 0; } +code { color: #942192; } +@media (prefers-color-scheme: dark) { + body { background-color: #181a1b; color: #cccccc; } + a, a:visited { color: #68A9F8; } + code { color: #ff68e1; } + pre, blockquote { background-color: black; } +} new file mode 100644 @@ -0,0 +1,52 @@ +{# Page layout for org-ssg. + + Styling comes from styles.css, a verbatim copy of theme/static/styles.css — the + stylesheet weblorg already serves. org-ssg publishes assets from inside its source + directory, so the copy lives here; `diff content/styles.css theme/static/styles.css` + should stay empty, or consolidate the two if you migrate for real. + + Available here: page (.title .url .date .date_iso .tags .excerpt .toc .keywords), + site, nav, root, stylesheet. See the org-ssg guide chapter on Templates. #} +<!DOCTYPE html> +<html lang="{{ site.language }}"> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<title>{{ page.title }} · {{ site.title }}</title> +{%- if site.base_url %} +<link rel="canonical" href="{{ page.url | absolute }}"> +{%- endif %} +{%- if page.excerpt %} +<meta name="description" content="{{ page.excerpt | truncate(150) }}"> +{%- endif %} +<link rel="stylesheet" href="{{ root }}styles.css"> +{%- if stylesheet %} +<link rel="stylesheet" href="{{ stylesheet }}"> +{%- endif %} +</head> +<body> +<header> +<nav> +<ul> +<li><a href="{{ root }}index.html">{{ site.title }}</a></li> +{%- for item in nav %} +<li><a href="{{ item.url }}">{{ item.title }}</a></li> +{%- endfor %} +</ul> +</nav> +</header> +<main> +<h1>{{ page.title }}</h1> +{%- if page.date_iso %} +<p><time datetime="{{ page.date_iso }}">{{ page.date_iso }}</time></p> +{%- endif %} +{%- if page.tags %} +<p>{% for tag in page.tags %}<a href="{{ root }}tags/{{ tag }}.html">#{{ tag }}</a> {% endfor %}</p> +{%- endif %} +{% block content %}{{ body | safe }}{% endblock %} +</main> +<footer> +<p><a href="{{ root }}index.html">{{ site.title }}</a> — {{ site.description }}</p> +</footer> +</body> +</html> new file mode 100644 @@ -0,0 +1,44 @@ +{# The home page: authored prose plus the most recent posts. + + A generated page, so it has no source .org file — `pages` holds the blog collection's + entries, newest first, and the prose lives here. This mirrors what weblorg's + theme/templates/index.html does today. #} +{% extends "base.html" %} +{% block content %} +<section> +<p>[ <a href="https://krz.sh">krz</a> · <a href="https://audit-labs.dev">audit labs</a> ]</p> +<p>Privacy · Self-Hosting · iOS</p> +<p>I build tools, write about systems, and run my own infrastructure. Focused on privacy, +user control, and long-term utility.</p> +<p><a href="{{ root }}uses/index.html">Uses</a> · <a href="{{ root }}now/index.html">Now</a></p> +</section> + +<section> +<h2>Recent Posts</h2> +<p>Things I’ve written recently.</p> +<ul class="post-list"> +{%- for entry in pages %} +{%- if loop.index <= 3 %} +<li class="post-list-item"> +{%- if entry.date_iso %}<time datetime="{{ entry.date_iso }}">{{ entry.date_iso }}</time>{% endif %} +<a href="{{ root }}{{ entry.url }}">{{ entry.title }}</a> +</li> +{%- endif %} +{%- endfor %} +</ul> +<p><a href="{{ root }}blog/index.html">All Posts →</a></p> +</section> + +<section> +<h2>Elsewhere</h2> +<p>Places to find me online.</p> +<ul> +<li>cgit (primary): <a href="https://git.krz.sh">~cmc</a></li> +<li>GitHub (mirror): <a href="https://github.com/ccleberg">@ccleberg</a></li> +<li>Email: <a href="mailto:hello@cleberg.net">hello@cleberg.net</a></li> +<li>Lemmy: <a href="https://r.nf/u/cmc">@cmc</a></li> +<li>Mastodon: <a href="https://c.im/@cmc">@cmc</a></li> +<li>Pixelfed: <a href="https://gram.social/cmc">@cmc</a></li> +</ul> +</section> +{% endblock %} new file mode 100644 @@ -0,0 +1,13 @@ +{# A listing page: the blog index, the garden index, and each tag page. + Uses the .post-list / .post-list-item classes styles.css already defines. #} +{% extends "base.html" %} +{% block content %} +<ul class="post-list"> +{%- for entry in pages %} +<li class="post-list-item"> +{%- if entry.date_iso %}<time datetime="{{ entry.date_iso }}">{{ entry.date_iso }}</time>{% endif %} +<a href="{{ root }}{{ entry.url }}">{{ entry.title }}</a> +</li> +{%- endfor %} +</ul> +{% endblock %} new file mode 100644 @@ -0,0 +1,10 @@ +{# The tag index at /tags/. Receives `groups` — every tag with its count — rather than + `pages`, because it lists tags and not posts. #} +{% extends "base.html" %} +{% block content %} +<ul> +{%- for tag in groups %} +<li><a href="{{ root }}{{ tag.url }}">{{ tag.name }}</a> ({{ tag.count }})</li> +{%- endfor %} +</ul> +{% endblock %}