Website/activities-zh.html at main · ZhiweiChen-coder/Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>活动回顾 — 无界青年论坛</title>
    <meta name="description" content="无界青年论坛活动回顾：连接海内外青年创新力量的精彩瞬间，包括创业大赛、学术交流、人才对接等活动。">
    <meta property="og:title" content="活动回顾 — 无界青年论坛">
    <meta property="og:description" content="连接海内外青年创新力量的精彩瞬间">
    <meta property="og:type" content="website">
    <link rel="alternate" hreflang="en" href="/activities-en.html">
    <link rel="alternate" hreflang="zh-Hans" href="/activities-zh.html">
    <link rel="alternate" hreflang="x-default" href="/activities-en.html">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header class="header" role="banner">
        <div class="container header-inner">
            <a class="brand" href="index-zh.html">
                <img src="assets/images/logo.jpg" alt="无界青年论坛">
            </a>
            <button class="nav-toggle" aria-label="切换导航" aria-expanded="false">☰</button>
            <nav aria-label="Primary" data-open="false">
                <ul>
                    <li><a href="index-zh.html">首页</a></li>
                    <li><a href="about-zh.html">关于</a></li>
                    <li><a href="services-zh.html">服务</a></li>
                    <li><a href="activities-zh.html" aria-current="page">活动</a></li>
                    <li><a href="team-zh.html">团队</a></li>
                    <li><a href="contact-zh.html">联系</a></li>
                    <li>
                        <button id="lang-toggle" class="btn btn-outline" type="button" aria-pressed="true">中文 / EN</button>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="section">
            <div class="container">
                <div class="section-title reveal">
                    <h1>精彩活动</h1>
                    <div class="en-title">Featured Events</div>
                </div>

            <div class="grid grid-3 reveal-stagger" id="events-container">
                <!-- 活动卡片将通过 JavaScript 动态生成 -->
            </div>
        </section>

        <section class="section" style="background: var(--color-surface);">
            <div class="container">
                <div class="section-header reveal-scale">
                    <h2 class="section-title">加入我们的社区</h2>
                    <p class="section-subtitle">Join Our Community</p>
                </div>
                <div class="text-center reveal">
                    <p class="mb-6">关注我们的最新活动，与全球青年创新者一起成长</p>
                    <div class="mt-6">
                        <a href="contact-zh.html" class="btn btn-primary">联系我们</a>
                        <a href="index-zh.html#follow" class="btn btn-outline">关注我们</a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer" role="contentinfo">
        <div class="container footer-grid">
            <section aria-labelledby="mission-title">
                <h3 id="mission-title">愿景</h3>
                <p>汇聚全球青年，链接无限资源！</p>
            </section>
            <section aria-labelledby="contact-title">
                <h3 id="contact-title">联系方式</h3>
                <p><a href="mailto:peterchan@nasa-global.com">peterchan@nasa-global.com</a></p>
            </section>
        </div>
        <div class="container bottom-strip">
            <small>© 2025 Boundless Youth Forum / 无界青年论坛. All rights reserved.</small>
        </div>
    </footer>

    <script src="js/main.js" defer></script>
    <script>
        // 活动数据
        const EVENTS_ZH = [
            {
                slug: "juanhu-20250708",
                title: "鹃湖之约 · 归国英才仲夏荟",
                date: "2025-07-08",
                location: "浙江 · 海宁",
                tags: ["人才", "参访"],
                cover: "assets/images/events/juanhu-20250708/鹃湖行1.jpg",
                href: "activities/activity-juanhu-20250708-zh.html",
                excerpt: "顶尖学子代表团走进鹃湖国际科技城，深入对接政策与产业。"
            },
            {
                slug: "wuzhen-2025",
                title: "逐梦乌镇 · 科创新程再启航——无界青年论坛会员杨迪荣获三等奖",
                date: "2025-08-08",
                location: "浙江 · 桐乡",
                tags: ["乌镇杯", "创业大赛"],
                cover: "assets/images/events/wuzhen-2025/乌镇杯获奖1.jpg",
                href: "activities/activity-wuzhen-2025-zh.html",
                excerpt: "第五届'乌镇杯'高层次人才创业创新大赛总决赛，聚焦前沿技术与产业落地。"
            },
            {
                slug: "london-2025",
                title: "2025'鹃湖梦想'全球创业创新大赛英国（伦敦）路演圆满举办",
                date: "2025-08-28",
                location: "英国 · 伦敦",
                tags: ["全球创业", "路演"],
                cover: "assets/images/events/london-2025/伦敦路演1.JPG",
                href: "activities/activity-london-2025-zh.html",
                excerpt: "30+优质项目报名，6个优秀项目入围路演现场，3个项目荣获'卓越创新奖'。"
            },
            {
                slug: "gosim-2025",
                title: "无界青年论坛亮相 GOSIM HANGZHOU 2025",
                date: "2025-09-13",
                location: "浙江 · 杭州",
                tags: ["开源", "AI"],
                cover: "assets/images/events/gosim-2025/gosim1.jpg",
                href: "activities/activity-gosim-2025-zh.html",
                excerpt: "200+ 开源与 AI 技术领袖和 1500+ 开发者共话下一代 AI。"
            },
            {
                slug: "haining-20250917",
                title: "潮起东方，梦想启航——剑康生物在嘉兴海宁再创佳绩！",
                date: "2025-09-16",
                location: "浙江 · 海宁",
                tags: ["生命健康", "创业大赛"],
                cover: "assets/images/events/haining-20250917/海宁获奖1.jpg",
                href: "activities/activity-haining-20250917-zh.html",
                excerpt: "在第十三届'潮起东方·赢在海宁'创业大赛中荣获二等奖。"
            },
            {
                slug: "gobi-2025",
                title: "无界青年论坛创始人陈志伟受邀主持 GOBI 2025 圆桌论坛",
                date: "2025-12-21",
                location: "北京 · 海淀",
                tags: ["开源", "AI", "创业"],
                cover: "assets/images/events/gobi-2025/gobi1.jpg",
                href: "activities/activity-gobi-2025-zh.html",
                excerpt: "500+开源领袖、独角兽创始人、顶级VC齐聚北京，探讨AI催生的文艺复兴式创业者。"
            },
            {
                slug: "shanghai-20251223",
                title: "无界青年创新沙龙｜2025 年度收官活动在上海成功举办",
                date: "2025-12-23",
                location: "上海",
                tags: ["创新", "创业", "AI"],
                cover: "assets/images/events/shanghai-20251223/2b79ff2183150659650ff6af6f7c4e7c.jpg",
                href: "activities/activity-shanghai-20251223-zh.html",
                excerpt: "近 50 位青年从业者与创业者围绕 AI 时代的能力跃迁与创业路径展开深入交流，圆满收官 2025 年线下活动。"
            },
            {
                slug: "juanhu-20251224",
                title: "海外高层次青年人才冬季鹃湖行顺利开展",
                date: "2025-12-24",
                location: "浙江 · 海宁",
                tags: ["海外人才", "参访", "产业对接"],
                cover: "assets/images/events/juanhu-20251224/2.jpg",
                href: "activities/activity-juanhu-20251224-zh.html",
                excerpt: "来自全球多个国家和地区的青年科研人员、创业者与技术从业者齐聚鹃湖，深入理解科研成果走向产业落地的实际路径。"
            },
            {
                slug: "beijing-20260401",
                title: "无界青年论坛北京创业者聚会｜OpenClaw 与 AI 产品新阶段",
                date: "2026-04-01",
                location: "北京· AI原点社区",
                tags: ["OpenClaw", "AI", "创业"],
                cover: "assets/images/events/beijing-20260401/beijing1.jpg",
                href: "activities/activity-beijing-20260401-zh.html",
                excerpt: "60+ 位 AI 从业者与创业者围绕 OpenClaw、Agent 落地与 AI 创业机会展开真实交流。"
            },
            {
                slug: "shanghai-20260410",
                title: "无界 Talk：OpenClaw 之后的 AI 创业新机会",
                date: "2026-04-10",
                location: "上海 · 香港科技大学上海中心",
                tags: ["OpenClaw", "AI创业", "Agent"],
                cover: "assets/images/events/shanghai-20260410/shanghai1.jpg",
                href: "activities/activity-shanghai-20260410-zh.html",
                excerpt: "由无界青年论坛、Best Young、香港科技大学上海中心合作主办，围绕 OpenClaw 之后的 AI 创业机会展开 Open Mic、主题分享与圆桌讨论。"
            }
        ];

        // 渲染活动卡片
        function renderEvents() {
            const container = document.getElementById('events-container');
            if (!container) return;

            container.innerHTML = EVENTS_ZH.map(event => `
                <article class="event-card">
                    <div class="event-cover">
                        <img src="${event.cover}" alt="${event.title}" loading="lazy">
                    </div>
                    <div class="event-content">
                        <div class="event-meta">
                            <span class="event-date">${event.date}</span>
                            <span class="event-location">${event.location}</span>
                        </div>
                        <h3 class="event-title">${event.title}</h3>
                        <div class="event-tags">
                            ${event.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
                        </div>
                        <p class="event-excerpt">${event.excerpt}</p>
                        <a href="${event.href}" class="btn btn-outline">查看回顾</a>
                    </div>
                </article>
            `).join('');
        }

        // 页面加载完成后渲染
        document.addEventListener('DOMContentLoaded', renderEvents);
    </script>
    <script src="js/scroll-reveal.js"></script>
</body>
</html>