Skip to content

About

时间胶囊 · 桌面小组件 — 时钟/闹钟/任务/倒计时,单文件HTML + Electron便携版

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

⏳ Time Capsule · 时间胶囊

桌面小组件 — 时钟 · 闹钟 · 任务 · 倒计时 | Desktop Widget: Clock, Alarm, Tasks, Countdown

English | 中文


中文

这是什么

时间胶囊是一个精巧的桌面小组件。它以一个胶囊形态的时钟为主体,点击展开后可管理闹钟、任务清单、待办事项和倒计时。设计灵感来自科幻与极简主义的交汇——深色 UI、金色点缀、呼吸灯动效、胶囊缝隙细节。

功能

  • 🕐 实时时钟 — 北京时间,JetBrains Mono 等宽字体,精确到秒
  • ⏰ 闹钟管理 — 设定时间,到点发出提示音 + 桌面通知 + 胶囊闪烁
  • 📋 任务清单 — 支持优先级(高/中/低)和截止日期
  • ✅ 待办事项 — 轻量 checklist
  • ⏳ 倒计时 — 设定目标日期,实时显示剩余时间,到点通知

使用方式

浏览器(即开即用)

双击 time-capsule.html,浏览器中打开即可。数据保存在浏览器 localStorage。

便携版(Electron 桌面应用)

下载 Release 页面的 Time-Capsule-Portable.zip,解压后运行 Time Capsule.exe。无需安装,随身携带。

技术

  • 纯前端:单文件 HTML(918 行),零依赖
  • 数据持久化:localStorage
  • 提醒机制:Web Audio API(beep 音效)+ Notification API(桌面通知)
  • 桌面打包:Electron(Codex CLI 辅助构建)

截图

见下方 English 部分(screenshot 通用)


English

What is Time Capsule?

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.

Features

  • 🕐 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

Usage

Browser (instant)

Double-click time-capsule.html. Data persists via localStorage.

Portable (Electron desktop app)

Download Time-Capsule-Portable.zip from the Releases page, unzip, run Time Capsule.exe. No installation required — carry it on a USB stick.

Tech

  • Pure frontend: single HTML file (918 lines), zero dependencies
  • Persistence: localStorage
  • Notifications: Web Audio API + Notification API
  • Desktop packaging: Electron (built with Codex CLI)

Screenshot

Time Capsule Screenshot


License

MIT © Yipeng


Built with AI assistance (OpenAI Codex CLI) · Designed by a graphic designer who codes 🎨

About

时间胶囊 · 桌面小组件 — 时钟/闹钟/任务/倒计时,单文件HTML + Electron便携版

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages