Compare commits
2 Commits
899d0d04fa
...
577c9d967d
| Author | SHA1 | Date | |
|---|---|---|---|
|
577c9d967d | ||
| c351c887b9 |
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html><html lang="zh-CN"><head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>千军万马 - 温州抗倭史诗</title>
|
||||
<title>千军万马保永昌 - 温州抗倭史诗</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script>
|
||||
@@ -75,7 +75,7 @@
|
||||
<nav class="fixed top-0 w-full bg-white/90 backdrop-blur-sm z-50 shadow-sm">
|
||||
<div class="max-w-7xl mx-auto px-6 py-4">
|
||||
<div class="flex justify-between items-center">
|
||||
<div class="hero-title text-2xl font-bold">千军万马</div>
|
||||
<div class="hero-title text-2xl font-bold">千军万马保永昌</div>
|
||||
<div class="flex space-x-8">
|
||||
<a href="#home" class="nav-item cursor-pointer">首页</a>
|
||||
<a href="#lyrics" class="nav-item cursor-pointer">歌词</a>
|
||||
@@ -92,7 +92,7 @@
|
||||
<section id="home" class="hero-image min-h-screen flex items-center justify-center relative">
|
||||
<div class="absolute inset-0 bg-black/30"></div>
|
||||
<div class="relative z-10 text-center text-white px-6">
|
||||
<h1 class="text-6xl md:text-8xl font-bold mb-6 fade-in" style="font-family: 'Noto Serif SC', serif;">千军万马</h1>
|
||||
<h1 class="text-6xl md:text-8xl font-bold mb-6 fade-in" style="font-family: 'Noto Serif SC', serif;">千军万马保永昌</h1>
|
||||
<p class="text-xl md:text-2xl mb-8 fade-in">温州抗倭史诗 · 非遗鼓词传承</p>
|
||||
<div class="flex flex-col md:flex-row gap-4 justify-center fade-in">
|
||||
<button onclick="playMusic()" class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-full text-lg font-medium transition-all duration-300 transform hover:scale-105">
|
||||
@@ -269,7 +269,7 @@
|
||||
牛筋琴是温州独有的乐器，音色浑厚柔美，为鼓词赋予了无可替代的声韵特质。
|
||||
</p>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
《千军万马》这首歌融合了温州鼓词的元素，
|
||||
《千军万马保永昌》这首歌融合了温州鼓词的元素，
|
||||
通过现代音乐手法重新演绎传统文化，
|
||||
让年轻一代能够更好地理解和传承这一宝贵的文化遗产。
|
||||
</p>
|
||||
@@ -312,10 +312,10 @@
|
||||
<!-- 页脚 -->
|
||||
<footer class="bg-gray-800 text-white py-12">
|
||||
<div class="max-w-6xl mx-auto px-6 text-center">
|
||||
<div class="hero-title text-2xl font-bold mb-4">千军万马</div>
|
||||
<div class="hero-title text-2xl font-bold mb-4">千军万马保永昌</div>
|
||||
<p class="text-gray-400 mb-6">传承温州抗倭精神，弘扬非遗鼓词文化</p>
|
||||
<div class="text-sm text-gray-500">
|
||||
© 2025 千军万马音乐项目. 致敬历史，传承文化，创新发展.
|
||||
© 2025龙湾之光AI数字偶像大赛项目. 致敬历史，传承文化，创新发展.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
947
player.html
947
player.html
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user