昨天早上睁眼刷手机，突然发现后天就是端午了。我寻思着今年还没折腾点干脆整个网页应应景。摸出吃灰半年的笔记本，桌面文件堆得连壁纸都看不见了，翻半天才在回收站旁边找着VS Code图标。

开工前的折腾

刚打开编辑器就傻眼了。上次关掉前做了一半的贪吃蛇项目糊满屏幕，注释里还写着“明天搞完”。直接新建文件夹取名“端午乱炖”，结果手滑打成了“端午乱炖.exe” – 这破系统还自动给我生成了个应用程序图标。

翻出三年前的端午素材包，粽子图都被压出马赛克了。干脆打开画图软件现画：

• 粽叶直接拿绿色填充矩形，拿铅笔戳几条歪歪扭扭的叶脉
• 咸蛋黄画个黄圆圈，结果笔刷太浓看着像煎蛋
• 龙舟更离谱，龙头画成哆A梦同款圆脑袋

代码缝缝补补

顺手点开去年中秋的网页源码，把“月饼”全替换成“粽子”，“嫦娥”改成“屈原”。刚得意，页面突然弹出一排兔子图标——忘改字体图标库引用，font-awesome还留着兔子生肖的代码。

现搜了个龙舟动画代码往页脚塞，结果CSS写崩了：

• 龙舟在1200px宽屏上跑完全程要三分钟
• 手机端直接冲出屏幕，连船尾都看不见
• 按教程加了水波纹效果，粽子图片全被波浪切成二维码

把动画速度调到0.5秒草草收场，水面波纹直接删库跑路。

配色翻车现场

想着传统配色肯定稳，糯米白配粽叶绿。结果白色背景加绿色文字，同事路过说像医院电子屏。改！加红绳元素调了个红配绿，刚保存就瞎了——整个页面变身圣诞主题，屈原头像配上红绿闪烁边框，直接变赛博门神。

折腾到下午三点半，干脆破罐破摔：

• 正文用深灰背景浅黄字，假装竹简
• 标题拿棕色加粗，美其名曰“木头质感”
• 导航栏塞了个咸鸭蛋当logo，鼠标移过去还弹框显示“本蛋未腌制”

收尾摆烂操作

突然想起要手机适配，拿自己八年陈的安卓机测试。打开页面加载了半分钟，龙舟跑完两趟了文字才显示。删掉所有动效后，发现按钮点不动——原来手贱把事件绑定删了。返工重写时泡面泼键盘上，抢救回来只剩首页能看。

上传时还闹笑话，把端午乱炖.exe当成网页传了服务器。朋友点链接直接下载了个不明文件，微信问我是不是中了熊猫烧香。现在页面效果嘛..反正F12打开控制台全是我删库跑路的报错，大家看个乐呵就