Wei & Yui 的幸福小窝 💕

欢迎来到 Wei & Yui 的个人网站！这是一个用于记录情侣日常、婚礼活动和美好回忆的浪漫主题网站。

🌸 网站特色

• 婚礼邀请函 💌 - 精美的数字邀请函，邀请亲朋好友见证幸福时刻
• 婚礼现场 💒 - 详细的婚礼流程、主题设计和精彩瞬间
• 日常记录 📝 - 记录生活中的点点滴滴和温馨时刻
• 主题相册 📸 - 分类整理的照片集锦，包括婚纱照、旅行、节日等主题
• 浪漫设计 ✨ - 精简优雅的粉色浪漫主题，响应式设计支持各种设备

🎨 设计风格

• 主色调：粉色系 (#ff6b9d, #ffc3d9)
• 字体：思源宋体和思源黑体
• 风格：浪漫、温馨、精简
• 特效：心跳动画、平滑滚动、渐入动画

📁 文件结构

whyuii.github.io/
├── index.html          # 主页
├── invitation.html     # 婚礼邀请函
├── wedding.html        # 婚礼现场
├── moments.html        # 日常记录
├── gallery.html        # 主题相册
├── 404.html            # 友情提示
├── static
│    ├── imgs
│    ├── styles.css          # 样式文件
│    └── script.js           # JavaScript 交互
└── README.md           # 说明文档

🚀 使用方法

1. 这是一个纯静态网站，可以直接在浏览器中打开 index.html
2. 或者通过 GitHub Pages 访问：https://whyuii.github.io
3. 所有页面都是响应式设计，支持手机、平板和电脑访问

📝 自定义说明

您可以根据实际需求修改以下内容：

修改日期和信息

• 在一起的天数：编辑 script.js 中的 startDate 变量
• 婚礼日期和地点：编辑 invitation.html 中的相关信息
• 婚礼流程：编辑 wedding.html 中的时间线内容

添加照片

• 目前使用 emoji 作为占位符
• 可以将 .gallery-item 和 .moment-image 的内容替换为真实图片

修改配色

• 编辑 styles.css 中的 :root 变量来改变主题色

💝 特色功能

• ✨ 动态计算在一起的天数
• 💕 心跳动画效果
• 📱 完全响应式设计
• 🎨 优雅的渐入动画
• 🌸 浪漫的樱花主题
• 📖 详细的时间线展示

🛠️ 技术栈

• HTML5
• CSS3（Flexbox、Grid、动画）
• JavaScript（原生 JS）
• Google Fonts（思源字体）

📄 许可

本项目供个人使用，记录 Wei & Yui 的美好时光 ❤️

---

制作于 2026 年，用爱筑造 💕