暑假時間軸 · Summer Timeline

把你已經在記的時間與筆記（Session 時間記錄 + Obsidian/Notion 日記），自動聚合成一個一眼看懂的「人生熱點圖」，取代 Chrome 的新分頁。

它是一個檢視器（renderer），不是又一個要你輸入資料的地方 —— 不增加任何記錄負擔。

---

這個 repo 有什麼

chrome-summer-timeline/
├── manifest.json      Chrome 擴充套件設定（new tab override）
├── index.html         新分頁主畫面（時間進度 + 四色分類熱點圖）
├── data.js            資料檔（由 Obsidian 日記 + Session 時間記錄產生）
├── docs/
│   └── index.html     架構 + 路線圖靜態頁（可用 Gitea Pages 顯示）
├── README.md
└── .gitignore

功能（目前 v0.1）

• 頂部即時時鐘 + 暑假進度（已過 / 剩餘 / 總天數 + 進度條），用 JS 即時計算。
• GitHub 風格方格熱點圖，一格一天；顏色 = 當天主要類別，深淺 = 專注時長。
• 四色分類：🟢 音樂、🔵 創業（Art/Tech/AI）、🟣 小號·西語、⚪ 其他生活。
• 點圖例可篩選單一分類；點任一天看明細（分類佔比長條 + 逐項筆記 + 專注時數）。
• 照片預設隱藏，可切換縮圖（尚未接入真實照片）。

如何在 Chrome 載入（開發者模式）

1. 開 chrome://extensions
2. 右上角開「開發者模式」
3. 點「載入未封裝項目」，選這個資料夾
4. 開新分頁即可看到

資料來源

目前 data.js 是離線產生：解析 Obsidian 日記（每日重點摘要）+ Session 匯出 JSON（每段時間的標題與筆記、專注時長），跑分類規則後輸出。

下一步是自動化：見 docs/index.html 的架構與路線圖。

路線圖（摘要）

• Phase 0 原型 ✅ 視覺、互動、真實資料填入完成
• Phase 1 個人自動化 — Notion API → n8n → data.json；Session 經 Apple Shortcuts 匯出
• Phase 2 解耦 — 擴充功能改讀遠端 data.json（Gist / Drive）
• Phase 3 打包 — 正式發佈擴充套件
• Phase 4 公共化 — 公開 schema、自訂分類 UI、多來源連接器範本

完整版見架構頁。