首页 · 忆相逢
index.html一页写给时间的记事本。背景音乐轻轻放着，从相识到现在， 每一段记忆都用时间戳标好，挂在页面上。
- 《女孩》背景音乐播放器
- 相遇时间线 · 从相识到心动
- 心情分享与手写诗句
- “喜欢她多久了”实时计时
一个慢慢搭起来的小站 · 用代码把喜欢写下来
一页写给时间的记事本。背景音乐轻轻放着，从相识到现在， 每一段记忆都用时间戳标好，挂在页面上。
一页会飘桃花的文字集。每一句都像有人坐在桌前， “哒哒哒”用打字机一句一句打出来，落款各有出处。
一页摊开的米色笔记本。胶带、便签、高亮笔迹， “个人简介”和“这页是怎么做出来的”都写在上面。
页面顶部那个小圆按钮，点了会切换主题—— 白天是米色纸张，夜晚变深紫星空。 不点它也没关系，早上六点到晚上六点自动白天，其余时间自动天黑。
选过一次，浏览器会记住。
白天飘的是粉色桃花瓣，旋转着、轻轻落地； 晚上换成粉紫金三色流星，带拖尾和光晕。
如果系统开了“减少动态效果”，它会自动停掉，不打扰。
“文案”那页不是静态的——打开后，每一句都会像被 真的用笔写下来一样，一个字一个字出现， 打完一句停一下，接着写下句。
一轮打完后会清空重来，可以一直看着发呆。
首页右下角有个小提示， 写着“喜欢她已经 X 天 X 时 X 分 X 秒”， 每秒跳动一次，不急不缓地一直往前。
你也可以把它理解成——这个网页从多久前开始存在。
超文本标记语言 · HyperText Markup Language
整页的骨架。用一系列语义化标签把导航、卡片、说明区分块搭起来， 再交给浏览器去解析渲染。
层叠样式表 · Cascading Style Sheets
网页的长相。颜色、间距、圆角、旋转、过渡，全在样式表里一点点调。 用 CSS 变量做昼夜两套配色，切换时整体平滑过渡。
JavaScript · 脚本语言
网页的动作。点击切换昼夜、文案逐字打字、右下角实时计时、 复制按钮、返回顶部，都是它在背后干活。
画布 · 逐帧绘制
桃花飘落、流星雨、星星闪烁，全部用 Canvas 逐帧画出来。 每一颗粒子都有独立的方向、速度、长度和生命周期。
本地存储 · LocalStorage
切换昼夜主题后，浏览器会记住你的选择，下次打开还是上次那个样子。 万一不支持或禁用了，用 try / catch 兜住，不让页面报错。
就先介绍到这里吧。
剩下的，等你亲自点进去看看。