From 9380ddf4d1053b282776a845cb7ddc2eb01f8a29 Mon Sep 17 00:00:00 2001
From: Yan Lin <github@yanlincs.com>
Date: Fri, 30 Jan 2026 16:42:49 +0100
Subject: [PATCH] prepare subdirs

---
 content/ais/_index.md      |  5 +++++
 content/blog/_index.md     |  7 -------
 content/blog/hello-zola.md | 27 ---------------------------
 content/homelab/_index.md  |  5 +++++
 content/ml-tech/_index.md  |  5 +++++
 sass/style.scss            |  3 ++-
 templates/base.html        |  4 +++-
 templates/index.html       |  7 +++++--
 8 files changed, 25 insertions(+), 38 deletions(-)
 create mode 100644 content/ais/_index.md
 delete mode 100644 content/blog/_index.md
 delete mode 100644 content/blog/hello-zola.md
 create mode 100644 content/homelab/_index.md
 create mode 100644 content/ml-tech/_index.md

diff --git a/content/ais/_index.md b/content/ais/_index.md
new file mode 100644
index 0000000..83959eb
--- /dev/null
+++ b/content/ais/_index.md
@@ -0,0 +1,5 @@
++++
+title = "AI Systems"
+sort_by = "date"
+paginate_by = 10
++++
diff --git a/content/blog/_index.md b/content/blog/_index.md
deleted file mode 100644
index fd8a442..0000000
--- a/content/blog/_index.md
+++ /dev/null
@@ -1,7 +0,0 @@
-+++
-title = "Blog"
-sort_by = "date"
-paginate_by = 10
-+++
-
-Occasional thoughts and findings from research and beyond.
diff --git a/content/blog/hello-zola.md b/content/blog/hello-zola.md
deleted file mode 100644
index 9010814..0000000
--- a/content/blog/hello-zola.md
+++ /dev/null
@@ -1,27 +0,0 @@
-+++
-title = "Hello, Zola"
-date = 2026-01-30
-draft = false
-+++
-
-This blog has migrated from Quartz to Zola. The previous version was feature-rich with backlinks, graph views, and Obsidian integration. This new version prioritizes simplicity.
-
-## Why the Change?
-
-Quartz is excellent for digital gardens and interconnected notes. However, for a straightforward blog, it carries unnecessary complexity. Zola offers:
-
-- **Fast builds**: Written in Rust, compilation is nearly instant
-- **Simple structure**: Plain markdown files with TOML frontmatter
-- **No JavaScript dependency**: Static HTML output
-- **Nix-friendly**: Single binary, easy to include in flake
-
-## What to Expect
-
-The content focus remains the same:
-
-- Machine learning techniques
-- AI systems and infrastructure
-- Conference paper summaries
-- Occasional homelab notes
-
-The design is intentionally minimal. No fancy features, just words on a page.
diff --git a/content/homelab/_index.md b/content/homelab/_index.md
new file mode 100644
index 0000000..1679f51
--- /dev/null
+++ b/content/homelab/_index.md
@@ -0,0 +1,5 @@
++++
+title = "Homelab"
+sort_by = "date"
+paginate_by = 10
++++
diff --git a/content/ml-tech/_index.md b/content/ml-tech/_index.md
new file mode 100644
index 0000000..eeae08c
--- /dev/null
+++ b/content/ml-tech/_index.md
@@ -0,0 +1,5 @@
++++
+title = "ML Techniques"
+sort_by = "date"
+paginate_by = 10
++++
diff --git a/sass/style.scss b/sass/style.scss
index e90f892..60e943e 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -5,7 +5,7 @@
   --muted: #666;
   --border: #e5e5e5;
   --code-bg: #f5f5f5;
-  --max-width: 42rem;
+  --max-width: 50rem;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -57,6 +57,7 @@ header nav {
 
   .site-title {
     font-weight: 600;
+    margin-right: auto;
   }
 }
 
diff --git a/templates/base.html b/templates/base.html
index 3ba9eb5..093ff5f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -22,7 +22,9 @@
     <header>
         <nav>
             <a href="{{ get_url(path='/') }}" class="site-title">{{ config.title }}</a>
-            <a href="{{ get_url(path='blog') }}">Blog</a>
+            <a href="{{ get_url(path='ais') }}">AI Systems</a>
+            <a href="{{ get_url(path='homelab') }}">Homelab</a>
+            <a href="{{ get_url(path='ml-tech') }}">ML Tech</a>
         </nav>
     </header>
     <main>
diff --git a/templates/index.html b/templates/index.html
index 4cc8a39..a960b93 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,9 +7,12 @@
 
 <section class="recent-posts">
     <h2>Recent Posts</h2>
-    {% set blog = get_section(path="blog/_index.md") %}
+    {% set ais = get_section(path="ais/_index.md") %}
+    {% set homelab = get_section(path="homelab/_index.md") %}
+    {% set ml_tech = get_section(path="ml-tech/_index.md") %}
+    {% set all_pages = ais.pages | concat(with=homelab.pages) | concat(with=ml_tech.pages) %}
     <ul class="post-list">
-    {% for page in blog.pages | slice(end=5) %}
+    {% for page in all_pages | sort(attribute="date") | reverse | slice(end=5) %}
         <li>
             <time datetime="{{ page.date }}">{{ page.date | date(format="%Y-%m-%d") }}</time>
             <a href="{{ page.permalink }}">{{ page.title }}</a>