桌面小组件 — 时钟 · 闹钟 · 任务 · 倒计时 | Desktop Widget: Clock, Alarm, Tasks, Countdown
时间胶囊是一个精巧的桌面小组件。它以一个胶囊形态的时钟为主体,点击展开后可管理闹钟、任务清单、待办事项和倒计时。设计灵感来自科幻与极简主义的交汇——深色 UI、金色点缀、呼吸灯动效、胶囊缝隙细节。
- 🕐 实时时钟 — 北京时间,JetBrains Mono 等宽字体,精确到秒
- ⏰ 闹钟管理 — 设定时间,到点发出提示音 + 桌面通知 + 胶囊闪烁
- 📋 任务清单 — 支持优先级(高/中/低)和截止日期
- ✅ 待办事项 — 轻量 checklist
- ⏳ 倒计时 — 设定目标日期,实时显示剩余时间,到点通知
双击 time-capsule.html,浏览器中打开即可。数据保存在浏览器 localStorage。
下载 Release 页面的 Time-Capsule-Portable.zip,解压后运行 Time Capsule.exe。无需安装,随身携带。
- 纯前端:单文件 HTML(918 行),零依赖
- 数据持久化:localStorage
- 提醒机制:Web Audio API(beep 音效)+ Notification API(桌面通知)
- 桌面打包:Electron(Codex CLI 辅助构建)
见下方 English 部分(screenshot 通用)
Time Capsule is a compact desktop widget featuring a capsule-shaped clock as its centerpiece. Click to expand and access alarms, task lists, todos, and countdown timers. The design blends sci-fi aesthetics with minimalism — dark UI, warm gold accents, breathing dot animation, and a subtle capsule seam detail.
- 🕐 Real-time Clock — Asia/Shanghai timezone, JetBrains Mono monospace, down to seconds
- ⏰ Alarms — Set time, triggers beep + desktop notification + capsule flash animation
- 📋 Tasks — Priority levels (high/mid/low) and due dates
- ✅ Todos — Lightweight checklist
- ⏳ Countdowns — Set a target date, live remaining time display, done notification
Double-click time-capsule.html. Data persists via localStorage.
Download Time-Capsule-Portable.zip from the Releases page, unzip, run Time Capsule.exe. No installation required — carry it on a USB stick.
- Pure frontend: single HTML file (918 lines), zero dependencies
- Persistence: localStorage
- Notifications: Web Audio API + Notification API
- Desktop packaging: Electron (built with Codex CLI)
MIT © Yipeng
Built with AI assistance (OpenAI Codex CLI) · Designed by a graphic designer who codes 🎨
