initial commit

This commit is contained in:
xiaomai
2025-10-05 13:31:19 +08:00
commit 0ede6d67b9
9 changed files with 4080 additions and 0 deletions

578
about.html Normal file
View File

@@ -0,0 +1,578 @@
<!DOCTYPE html>
<html lang="zh" class="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>关于比赛 - 林赛花杯写作比赛</title>
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<style>
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap");
body {
font-family: "Noto Sans SC", sans-serif;
}
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: all 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.theme-transition {
transition: background-color 0.3s ease, color 0.3s ease;
}
/* 时间线样式 */
.timeline-item {
position: relative;
padding-left: 2rem;
}
.timeline-item::before {
content: "";
position: absolute;
left: 0;
top: 0.5rem;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #d97706;
}
.timeline-item::after {
content: "";
position: absolute;
left: 5px;
top: 1.5rem;
width: 2px;
height: calc(100% - 1rem);
background-color: #d97706;
}
.timeline-item:last-child::after {
display: none;
}
/* 组织单位卡片悬停效果 */
.org-card {
transition: all 0.3s ease;
}
.org-card:hover {
transform: translateY(-5px);
}
</style>
</head>
<body class="theme-transition bg-white text-gray-800">
<!-- 导航栏 -->
<header
class="fixed w-full bg-white/90 backdrop-blur-sm shadow-sm z-50 theme-transition"
>
<div
class="container mx-auto px-4 py-3 flex justify-between items-center"
>
<div class="flex items-center">
<div
class="w-10 h-10 rounded-full bg-amber-500 flex items-center justify-center text-white font-bold mr-2"
>
</div>
<div>
<h1 class="text-xl font-bold text-amber-600">林赛花杯</h1>
<p class="text-xs text-gray-500 -mt-1">写作比赛</p>
</div>
</div>
<nav class="hidden md:flex space-x-8">
<a
href="index.html"
class="font-medium text-gray-600 hover:text-amber-500 transition"
>首页</a
>
<a
href="about.html"
class="font-medium text-amber-600 border-b-2 border-amber-500 pb-1"
>关于比赛</a
>
<a
href="awards.html"
class="font-medium text-gray-600 hover:text-amber-500 transition"
>奖项设置</a
>
<a
href="works.html"
class="font-medium text-gray-600 hover:text-amber-500 transition"
>优秀作品</a
>
<a
href="contact.html"
class="font-medium text-gray-600 hover:text-amber-500 transition"
>联系咨询</a
>
</nav>
<div class="flex items-center space-x-4">
<!-- 主题切换 -->
<button
id="theme-toggle"
class="p-2 rounded-full bg-gray-100 hover:bg-gray-200 transition"
>
<i class="fas fa-moon text-gray-600"></i>
</button>
<!-- 移动端菜单按钮 -->
<button
id="mobile-menu-toggle"
class="md:hidden p-2 rounded-lg bg-gray-100"
>
<i class="fas fa-bars text-gray-700"></i>
</button>
</div>
</div>
<!-- 移动端菜单 -->
<div
id="mobile-menu"
class="md:hidden bg-white shadow-lg py-4 px-6 hidden theme-transition"
>
<div class="flex flex-col space-y-4">
<a href="index.html" class="font-medium text-gray-600">首页</a>
<a href="about.html" class="font-medium text-amber-600">关于比赛</a>
<a href="awards.html" class="font-medium text-gray-600">奖项设置</a>
<a href="works.html" class="font-medium text-gray-600">优秀作品</a>
<a href="contact.html" class="font-medium text-gray-600">联系咨询</a>
</div>
</div>
</header>
<!-- 页面标题 -->
<section
class="pt-32 pb-16 bg-gradient-to-br from-amber-50 to-amber-100 theme-transition"
>
<div class="container mx-auto px-4">
<div class="max-w-3xl mx-auto text-center">
<h1 class="text-4xl font-bold text-amber-800 mb-4">关于林赛花杯</h1>
<p class="text-lg text-gray-600">
了解林赛花教育基金的背景、比赛宗旨与历届举办情况
</p>
</div>
</div>
</section>
<!-- 基金介绍 -->
<section class="py-16 bg-white theme-transition">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="fade-in">
<h2 class="text-3xl font-bold text-amber-800 mb-6">
林赛花教育基金
</h2>
<p class="text-gray-600 mb-4">
林赛花教育基金由马来西亚柔佛州知名慈善家林赛花女士于2014年创立隶属于妙妙机构旗下致力于推广华文教育与中华传统文化。
</p>
<p class="text-gray-600 mb-4">
基金秉承"以教育启迪心灵,以文化传承精神"的理念,通过多种形式支持马来西亚华文教育发展,培养青少年的人文素养与创作能力。
</p>
<p class="text-gray-600">
林赛花杯写作比赛是该基金的重点项目之一自2015年首次举办以来已成为柔佛州最具影响力的华文写作赛事之一。
</p>
</div>
<div class="fade-in">
<div class="bg-amber-50 rounded-2xl p-8 h-full">
<div class="text-center mb-6">
<div
class="w-20 h-20 rounded-full bg-amber-500 flex items-center justify-center text-white text-2xl mx-auto mb-4"
>
<i class="fas fa-seedling"></i>
</div>
<h3 class="text-xl font-bold text-amber-800">我们的使命</h3>
</div>
<ul class="space-y-4">
<li class="flex items-start">
<i class="fas fa-check text-amber-500 mt-1 mr-3"></i>
<span class="text-gray-700"
>推广华文写作,提升学生语言表达能力</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-amber-500 mt-1 mr-3"></i>
<span class="text-gray-700">传承中华传统文化与美德</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-amber-500 mt-1 mr-3"></i>
<span class="text-gray-700"
>培养青少年的独立思考与创作能力</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-amber-500 mt-1 mr-3"></i>
<span class="text-gray-700"
>搭建华文写作交流平台,促进学生互相学习</span
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 比赛宗旨 -->
<section class="py-16 bg-gray-50 theme-transition">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-3xl font-bold text-amber-800 mb-4">比赛宗旨</h2>
<p class="text-xl text-gray-600 mb-12 max-w-2xl mx-auto">
林赛花杯写作比赛旨在通过华文写作,培养学生对中华文化的认同感与自豪感
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white rounded-xl p-6 shadow-md fade-in">
<div
class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4 mx-auto"
>
<i class="fas fa-pen-fancy"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">提升写作能力</h3>
<p class="text-gray-600">
通过比赛激发学生对华文写作的兴趣,提升语言表达与文学创作能力。
</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-md fade-in">
<div
class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4 mx-auto"
>
<i class="fas fa-history"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">传承文化精髓</h3>
<p class="text-gray-600">
以写作为媒介,传承中华优秀传统文化与传统美德,增强文化自信。
</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-md fade-in">
<div
class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4 mx-auto"
>
<i class="fas fa-users"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">促进交流学习</h3>
<p class="text-gray-600">
为柔佛州华校学生提供交流平台,互相学习,共同进步。
</p>
</div>
</div>
</div>
</div>
</section>
<!-- 比赛历程时间线 -->
<section class="py-16 bg-white theme-transition">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-center text-amber-800 mb-4">
比赛历程
</h2>
<p class="text-center text-gray-600 mb-12 max-w-2xl mx-auto">
自2015年首次举办以来林赛花杯写作比赛已成功举办九届
</p>
<div class="relative">
<!-- 时间线 -->
<div class="space-y-8">
<!-- 第九届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第九届林赛花杯 (2023)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 传统美德与现代生活</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 42所 | 参赛作品: 156篇
</p>
<p class="text-gray-600">
本届比赛特别关注传统美德在当代社会的价值与意义,鼓励学生思考如何在现代生活中践行传统美德。
</p>
</div>
</div>
<!-- 第八届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第八届林赛花杯 (2022)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 疫情中的温暖</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 38所 | 参赛作品: 142篇
</p>
<p class="text-gray-600">
在疫情影响下,本届比赛鼓励学生记录疫情期间的感人故事,展现人性的光辉与社会的温暖。
</p>
</div>
</div>
<!-- 第七届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第七届林赛花杯 (2021)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 我家乡的文化遗产</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 35所 | 参赛作品: 128篇
</p>
<p class="text-gray-600">
本届比赛聚焦于地方文化遗产保护,鼓励学生发掘和记录自己家乡的文化遗产与特色。
</p>
</div>
</div>
<!-- 第六届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第六届林赛花杯 (2020)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 华文与我</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 32所 | 参赛作品: 118篇
</p>
<p class="text-gray-600">
本届比赛鼓励学生分享自己与华文的故事,探讨华文在个人成长与文化认同中的意义。
</p>
</div>
</div>
<!-- 第五届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第五届林赛花杯 (2019)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 青春与梦想</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 30所 | 参赛作品: 105篇
</p>
<p class="text-gray-600">
本届比赛聚焦青少年的梦想与追求,鼓励学生书写自己的青春故事与未来展望。
</p>
</div>
</div>
<!-- 第一届 -->
<div class="timeline-item fade-in">
<div class="bg-amber-50 rounded-xl p-6">
<div
class="flex flex-col md:flex-row md:items-center md:justify-between mb-4"
>
<h3 class="text-xl font-bold text-amber-800">
第一届林赛花杯 (2015)
</h3>
<span class="text-amber-600 font-medium mt-2 md:mt-0"
>主题: 我的华文老师</span
>
</div>
<p class="text-gray-600 mb-2">
参赛学校: 18所 | 参赛作品: 68篇
</p>
<p class="text-gray-600">
首届林赛花杯写作比赛成功举办,为柔佛州华文写作比赛开启了新的篇章。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 组织单位 -->
<section class="py-16 bg-gray-50 theme-transition">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-amber-800 mb-4">
组织单位
</h2>
<p class="text-center text-gray-600 mb-12 max-w-2xl mx-auto">
林赛花杯写作比赛由以下单位联合主办与承办
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto">
<!-- 主办单位 -->
<div
class="org-card bg-white rounded-xl p-6 shadow-md text-center fade-in"
>
<div
class="w-20 h-20 rounded-full bg-amber-500 flex items-center justify-center text-white text-2xl mx-auto mb-4"
>
<i class="fas fa-landmark"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-2">主办单位</h3>
<p class="text-gray-600 mb-4">林赛花教育基金</p>
<div
class="h-32 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
>
<span class="text-gray-500 font-medium">妙妙机构 Logo</span>
</div>
<p class="text-gray-600 text-sm">
林赛花教育基金隶属于妙妙机构,致力于推广华文教育与中华传统文化。
</p>
</div>
<!-- 承办单位 -->
<div
class="org-card bg-white rounded-xl p-6 shadow-md text-center fade-in"
>
<div
class="w-20 h-20 rounded-full bg-amber-500 flex items-center justify-center text-white text-2xl mx-auto mb-4"
>
<i class="fas fa-handshake"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-2">承办单位</h3>
<p class="text-gray-600 mb-4">柔佛州华校校友会联合会</p>
<div
class="h-32 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
>
<span class="text-gray-500 font-medium">PPBP Logo</span>
</div>
<p class="text-gray-600 text-sm">
柔佛州华校校友会联合会(PPBP)是柔佛州华文教育的重要推动力量。
</p>
</div>
<!-- 支持单位 -->
<div
class="org-card bg-white rounded-xl p-6 shadow-md text-center fade-in"
>
<div
class="w-20 h-20 rounded-full bg-amber-500 flex items-center justify-center text-white text-2xl mx-auto mb-4"
>
<i class="fas fa-hands-helping"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-2">支持单位</h3>
<p class="text-gray-600 mb-4">柔佛州各华文中学</p>
<div
class="h-32 bg-gray-100 rounded-lg flex items-center justify-center mb-4"
>
<span class="text-gray-500 font-medium">合作学校 Logo</span>
</div>
<p class="text-gray-600 text-sm">
感谢柔佛州各华文中学的积极参与和支持,共同推动华文写作教育。
</p>
</div>
</div>
</div>
</section>
<!-- 统计数据 -->
<section class="py-16 bg-amber-500 text-white">
<div class="container mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div class="fade-in">
<div class="text-4xl font-bold mb-2">9</div>
<div class="text-amber-100">成功举办届数</div>
</div>
<div class="fade-in">
<div class="text-4xl font-bold mb-2">42</div>
<div class="text-amber-100">合作学校</div>
</div>
<div class="fade-in">
<div class="text-4xl font-bold mb-2">320+</div>
<div class="text-amber-100">累计参赛作品</div>
</div>
<div class="fade-in">
<div class="text-4xl font-bold mb-2">96</div>
<div class="text-amber-100">获奖学生</div>
</div>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-gray-800 text-white pt-12 pb-6 theme-transition">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div>
<h3 class="text-xl font-bold mb-4 text-amber-400">
林赛花教育基金
</h3>
<p class="text-gray-300">
致力于推广华文教育与中华传统文化,培养青少年写作能力与人文素养。
</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-amber-400">主办单位</h3>
<ul class="space-y-2 text-gray-300">
<li>妙妙机构</li>
<li>林赛花教育基金</li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-amber-400">承办单位</h3>
<ul class="space-y-2 text-gray-300">
<li>柔佛州华校校友会联合会 (PPBP)</li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-amber-400">联系信息</h3>
<ul class="space-y-2 text-gray-300">
<li>
<i class="fas fa-envelope mr-2"></i> contact@linsaihua.org
</li>
<li><i class="fas fa-phone mr-2"></i> +60 7-123 4567</li>
<li><i class="fas fa-map-marker-alt mr-2"></i> 马来西亚柔佛州</li>
</ul>
</div>
</div>
<div class="border-t border-gray-700 pt-6 text-center text-gray-400">
<p>
&copy; 2023 林赛花教育基金·林赛花杯官方网站 |
非官方展示站,仅供公益学习使用
</p>
</div>
</div>
</footer>
<script src="./assets/script.js"></script>
</body>
</html>