feat(about): 添加背景音乐功能并优化玻璃态效果

- 在 about.html 中添加音频元素和播放控制按钮
- 更新 CSS 样式以增强玻璃态视觉效果和悬停动画
- 在 JavaScript 中实现音频初始化和播放控制逻辑
- 添加多语言支持的字幕和标签翻译
- 优化移动端 FAB 菜单交互体验
- 移除旧版音乐模块相关代码
This commit is contained in:
hehh
2025-11-23 21:48:52 +08:00
parent 16a135053f
commit a002fcc5d6
3 changed files with 39 additions and 10 deletions

View File

@@ -155,6 +155,7 @@
<div class="bento-card area-interests">
<div class="card-header">
<h3 data-i18n="interest.title">Interests</h3>
<span class="card-subtitle" data-i18n="interest.subtitle">Some of my interests</span>
</div>
<div class="interest-list">
<div class="interest-item">
@@ -249,8 +250,10 @@
<div class="fab-menu" id="fab-menu">
<button id="fab-lang" class="fab-item"><i class="ri-translate-2"></i><span class="fab-text">Lang</span></button>
<button id="fab-theme" class="fab-item"><i class="ri-moon-line"></i><span class="fab-text">Theme</span></button>
<button id="fab-music" class="fab-item"><i class="ri-music-2-line"></i><span class="fab-text">Play</span></button>
</div>
</div>
<audio id="site-audio" class="site-audio" src="data/至少做一件离谱的事-Kiri T.mp3" autoplay loop preload="auto"></audio>
</main>
<!-- 微信弹窗 -->