feat: Zolaで「たかしの記録」を構築

Specifications.mdとDesign.mdを実装の基準として、個人アーカイブサイトをZola 0.23.3向けに構築する。

- Home、Notes、Software、About、Tagsの情報設計と専用URLを追加
- Notesの年別アーカイブ、タグ分類、目次、脚注、参考文献、更新日表示を実装
- Softwareの一覧・詳細、cgit/GitHub情報、Notesとの明示的な相互参照を実装
- Tera 2 componentによる再帰TOCと共通partialsを追加
- Minimal Editorial ArchiveのSCSS、レスポンシブ表示、アクセシビリティ対応を追加
- OS設定とlocalStorageに対応するLight/Darkテーマ切替を外部JavaScriptで実装
- Atom/RSS、sitemap、robots.txt、404、favicon、syntax highlightingを設定
- メールアドレスをzola.tomlへ一元化し、AboutとFooterから参照
- 表示名・内部ディレクトリ・変数・URLをSoftware/softwareへ統一
- public/をGit管理対象外とし、外部CDNやNode.js依存を導入しない
- zola checkおよびzola buildの成功を確認

2 files changed, 53 insertions, 0 deletions

diff --git a/content/software/archive-site/index.md b/content/software/archive-site/index.md
new file mode 100644
index 0000000..ef83fe1
--- /dev/null
+++ b/content/software/archive-site/index.md
@@ -0,0 +1,36 @@
++++
+title = "archive-site"
+description = "文章とソフトウェアを長く残すためのZolaサイト。"
+date = 2026-08-21
+include_in_feeds = false
+
+[extra]
+language = ["Zola", "Tera", "SCSS"]
+license = "MIT"
+source = "https://git.takashi-2521.com/archive-site/"
+github_mirror = "https://github.com/takashi-2521/archive-site"
+related_notes = [
+  "notes/static-sites-and-maintenance.md",
+]
++++
+
+## 概要
+
+NotesとSoftwareを中心に、文章と制作物を長期的に保存するための静的サイトです。
+
+![archive-siteの画面構成例](screenshot.svg)
+
+## 作った背景
+
+断片的なメモとソースコードの間にある、設計意図や調査の過程を一か所に残すために作りました。更新頻度が低くても自然に見える、索引としての情報構造を重視しています。
+
+## 開発の過程
+
+ZolaのSection、Page、Taxonomyをそのまま用い、独自のコンテンツ管理層を作らない方針にしました。表示はTera、スタイルはSCSS、テーマ切替だけを小さなJavaScriptで担当します。
+
+## 特徴
+
+- 年別のNotesアーカイブ
+- タグによる横断的な分類
+- NotesとSoftwareの明示的な関連付け
+- JavaScriptなしでも読める本文とナビゲーション
diff --git a/content/software/archive-site/screenshot.svg b/content/software/archive-site/screenshot.svg
new file mode 100644
index 0000000..18b05c5
--- /dev/null
+++ b/content/software/archive-site/screenshot.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
+  <title id="title">archive-siteの画面構成例</title>
+  <desc id="desc">ヘッダー、Notes一覧、Software一覧を罫線で整理した画面。</desc>
+  <rect width="960" height="540" fill="#f6f5f1"/>
+  <rect x="72" y="54" width="816" height="46" fill="none" stroke="#d6d8da"/>
+  <rect x="72" y="144" width="500" height="28" fill="#202124"/>
+  <rect x="72" y="194" width="620" height="12" fill="#aeb2b5"/>
+  <rect x="72" y="246" width="816" height="1" fill="#d6d8da"/>
+  <rect x="72" y="280" width="104" height="18" fill="#315f82"/>
+  <rect x="72" y="326" width="816" height="1" fill="#d6d8da"/>
+  <rect x="72" y="348" width="104" height="12" fill="#aeb2b5"/>
+  <rect x="220" y="344" width="420" height="20" fill="#202124"/>
+  <rect x="72" y="392" width="816" height="1" fill="#d6d8da"/>
+  <rect x="72" y="414" width="104" height="12" fill="#aeb2b5"/>
+  <rect x="220" y="410" width="350" height="20" fill="#202124"/>
+  <rect x="72" y="458" width="816" height="1" fill="#d6d8da"/>
+</svg>