https://ustarry.github.io/celebration.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>周年庆 | 星光工作室</title>    
8    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.4/font/bootstrap-icons.css" rel="stylesheet">
9    <!-- 

9<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>

9 -->
10    <meta name="description" content="星光工作室热衷于为迷你世界社区做贡献,做更多优质地图.星光工作室积累了丰富的管理和文创经验,地图玩法制作及编程技术探讨环境.">
11    <meta name="keywords" content="Starlight Studio,星光工作室,迷你世界社区,编程,文创">
12    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
13    <meta http-equiv="windows-Target" contect="_top">
14    <meta name="robots" content="all">
15    <link rel="stylesheet" href="/css/style_common.css">
16    <link rel="stylesheet" href="/css/style_celebration.css">
17    

17<script src="/js/base.js"></script>

17
18</head>
19<body>
20<nav id="nav" class="transparent_nav"></nav>
21<!-- 页面标题 -->
22    <section class="celebration-header">
23        <div class="container">
24            <h1>星光工作室 五周年庆典</h1>
25            <p>五年星光，感恩有你，携手同行，共创未来</p>
26            <p>2020.10.8-2025.10.8</p>
27        </div>
28        <!-- 背景装饰将通过JS动态生成 -->
29    </section>
30
31    <!-- 主体内容 -->
32    <main class="container celebration-content">
33        <!-- 周年庆蛋糕和装饰 -->
34        <div class="cake-container">
35        </div>
36            
37            
38            <!-- 周围的气球将通过JS动态生成 -->
39        </div>
40        
41        <div class="anniversary-message">
42            <h2>五年耕耘，感恩有你</h2>
43            <p>五年来，星光工作室从一颗微弱的星星成长为璀璨的星河，离不开每一位成员的辛勤付出和社区伙伴的鼎力支持。</p>
44            <p>我们将继续秉持初心，用创意和热情，为大家带来更多优质作品。下一个五年，让我们继续携手前行！</p>
45        </div>
46        
47        <!-- 周年庆活动时间线 -->
48        <section class="anniversary-timeline">
49            <h2 class="section-title">庆典活动安排</h2>
50            <br>
51
52            
53            <div class="timeline-event">
54                <h3>星光狙神赛</h3>
55                <p><strong>时间：</strong>10月3日 8:00-10月15日23:00</p>
56                <p>进入梦辰的地图"谁是狙神（畅享版）"进行激烈的狙击对决，无战斗不青春!</p>
57            </div>
58            
59            <div class="timeline-event">
60                <h3>星光棋艺杯</h3>
61                <p><strong>时间：</strong>10月3日 8:00-10月15日23:00</p>
62                <p>进入清芜的地图"棋类集合(可触屏)"进行欢乐的多种棋类对局，在激烈的角逐中感受到棋类游戏的乐趣!</p>
63            </div>
64            
65            <div class="timeline-event">
66                <h3>星光奇幻夜</h3>
67                <p><strong>时间：</strong>10月8日19:00-23:59</p>
68                <p>进入安安的地图“星光-古风建筑”体会奇妙星光之夜，工作室成员一起合影，在星光下的古风场景中度过欢乐的一天！</p>
69            </div>
70            
71            <div class="timeline-event">
72                <h3>社区创作大赛</h3>
73                <p><strong>时间：</strong>10月1日-10月20日</p>
74                <p>以"星光回忆"为主题创作与星光工作室有关的难忘回忆，可以是视频，文章，地图，或者编程作品，可以使用AI制作，优胜者可以获得星光系列周边!。</p>
75            </div>
76            
77            <div class="timeline-event">
78                <h3>线下粉丝见面会</h3>
79                <p><strong>时间：</strong>10月15日 19:00-21:00</p>
80                <p>举办线下粉丝见面会，在浙江省，江西省，河北省等与工作室成员见面，传承星光力量!</p>
81            </div>
82        </section>
83    </main>
84    <footer id="footer"></footer>
85
86    
87    

87<script>
88        set_nav_info();
89        set_footer_info();
90    </script>

90
91    

91<script src="/js/celebration.js"></script>

91
92</body>
93</html>