579 lines
22 KiB
HTML
579 lines
22 KiB
HTML
<!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>
|
||
© 2023 林赛花教育基金·林赛花杯官方网站 |
|
||
非官方展示站，仅供公益学习使用
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="./assets/script.js"></script>
|
||
</body>
|
||
</html>
|