cmc/cleberg.net

My personal web garden & blog.

clone: git clone https://gitbay.org/cmc/cleberg.net.git

25ba3dc9c7369e586a8890a105cdbcd1b4f74697

verified · cmc

author: Christian Cleberg <hello@cleberg.net> · 2026-03-11T05:06:47Z

Redesign homepage intro, drop info-strip, update nav and footer
 theme/templates/base.html  | 61 ++++++++++++++++++++++++++++------------------
 theme/templates/index.html | 29 ++++++++++------------
 2 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/theme/templates/base.html b/theme/templates/base.html
index b502a38..6f585b2 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -3,14 +3,11 @@
 <head>
     {% block head %}
     <meta charset="utf-8">
-    <title>
-    {% block subtitle %}{% endblock %}
-    {% block title %}{{ site_name | default("weblorg website") }}{% endblock %}
-    </title>
+    <title>{% block subtitle %}{% endblock %}{% block title %}{{ site_name | default("seijaku") }}{% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    {% if site_owner is defined %}<meta name="author" content="{{ site_owner }}" >{% endif %}
-    {% if site_description is defined %}<meta name="description" content="{{ site_description }}" >{% endif %}
-    {% if site_keywords is defined %}<meta name="keywords" content="{{ site_keywords }}" >{% endif %}
+    {% if site_owner is defined %}<meta name="author" content="{{ site_owner }}">{% endif %}
+    {% if site_description is defined %}<meta name="description" content="{{ site_description }}">{% endif %}
+    {% if site_keywords is defined %}<meta name="keywords" content="{{ site_keywords }}">{% endif %}
     <link rel="stylesheet" href="{{ url_for("static", file="styles.min.css") }}" type="text/css">
     <link rel="icon" href="{{ url_for("static", file="favicon.svg") }}" type="image/svg+xml">
     {% block meta %}{% endblock %}
@@ -18,26 +15,42 @@
 </head>
 <body>
     <a href="#main-content" class="skip-link">Skip to content</a>
-    <nav aria-label="Site Navigation">
-        <ul>
-            <li><a href="/">Home</a></li>
-            <li><a href="/about/">About</a></li>
-            <li><a href="/blog/">Blog</a></li>
-            <li><a href="/garden/">Garden</a></li>
-            <li><a href="/services/">Services</a></li>
-        </ul>
-    </nav>
-    <hr>
-    <main id="main">
-        <div> {% block main %}{% endblock %}
-        </div>
+    <header class="masthead">
+        <a href="/" class="masthead-title">seijaku</a>
+        <p class="masthead-subtitle"><i>stillness amidst the chaos</i></p>
+        <nav aria-label="Site Navigation">
+            <ul>
+                <li><a href="/blog/">Blog</a></li>
+                <li><a href="/guides/index.html">Guides</a></li>
+                <li><a href="/apps/">Apps</a></li>
+                <li><a href="/garden/">Garden</a></li>
+                <li><a href="/salary/">Salary</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main id="main-content">
+        {% block main %}{% endblock %}
     </main>
     <hr>
     <footer>
-      <a href="https://github.com/ccleberg/cleberg.net">SOURCE</a> &middot;
-      <a href="/feed.xml">RSS</a> &middot;
-      <a href="http://paske4urhs6nttrtlkuwa5cowum3fjkc6yv6kl4ncx3mjxcd77764nqd.onion/">ONION</a> &middot;
-      <a href="/tips">Tips</a>
+        <div>
+            <a href="https://github.com/ccleberg/cleberg.net">Source</a> &middot;
+            <a href="/feed.xml">RSS</a> &middot;
+            <a href="http://paske4urhs6nttrtlkuwa5cowum3fjkc6yv6kl4ncx3mjxcd77764nqd.onion/">Onion</a> &middot;
+            <a href="/now/">Now</a> &middot;
+            <a href="/uses/">Uses</a> &middot;
+            <a href="/tips/">Tips</a> &middot;
+            <a href="https://cv.cleberg.net">CV</a>
+        </div>
+        <div>
+            <a href="mailto:hello@cleberg.net">hello@cleberg.net</a> [<a href="/gpg.txt">PGP</a>] &middot;
+            Signal: @cmc.01
+        </div>
     </footer>
+    <section class="indieweb-links" style="display:none">
+        <link href="https://github.com/ccleberg" rel="me">
+        <link href="https://gitlab.com/ccleberg" rel="me">
+        <link href="mailto:hello@cleberg.net" rel="me">
+    </section>
 </body>
 </html>
diff --git a/theme/templates/index.html b/theme/templates/index.html
index 4491f14..e4e5411 100644
--- a/theme/templates/index.html
+++ b/theme/templates/index.html
@@ -1,18 +1,15 @@
 {% extends "base.html" %} {% block main %}
-<section class="metadata">
-    <b>User</b> <span>Christian Cleberg &lt;hello@cleberg.net&gt;</span>
-    <b>Context</b> <span>Technology Assurance Manager</span>
-    <b>Status</b>Active</span>
-</section>
-<section>
-	<h2>Recent Posts</h2>
-	<!-- BEGIN_POSTS -->
-	<!-- END_POSTS -->
-	<p><a href="/blog/">All Posts &rarr;</a></p>
-</section>
-<section class="indieweb-links">
-  <link href="https://github.com/ccleberg" rel="me">
-  <link href="https://gitlab.com/ccleberg" rel="me">
-  <link href="mailto:hello@cleberg.net" rel="me">
-</section>
+<div class="homepage-intro">
+    <p>Hi, I&rsquo;m Christian.</p>
+    <p>I&rsquo;m a technology auditor who doesn&rsquo;t trust technology companies.</p>
+    <p>By day I&rsquo;m a Technology Assurance Manager at KPMG, working on enterprise IT audits, SOC reports, and emerging technology risk &mdash; cloud, AI, digital assets. By night I run my own infrastructure, avoid every platform I audit, and try to own as much of my digital life as possible.</p>
+    <p>This site is an insight into my brain. Sometimes I write blog posts, sometimes I take care of my garden entries, and sometimes I share things, like my salary or what I&rsquo;m doing right now.</p>
+</div>
+
+<p class="section-label">Recent Posts</p>
+<ul class="post-list">
+    <!-- BEGIN_POSTS -->
+    <!-- END_POSTS -->
+</ul>
+<a class="all-posts-link" href="/blog/">All Posts &rarr;</a>
 {% endblock %}