203 lines
7.3 KiB
HTML
203 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" class="scroll-smooth">
|
||
<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>
|
||
<script>
|
||
// 主题初始化（从 localStorage 读取）
|
||
if (
|
||
localStorage.theme === "dark" ||
|
||
(!("theme" in localStorage) &&
|
||
window.matchMedia("(prefers-color-scheme: dark)").matches)
|
||
) {
|
||
document.documentElement.classList.add("dark");
|
||
} else if (localStorage.theme === "sepia") {
|
||
document.documentElement.classList.add("sepia");
|
||
} else {
|
||
document.documentElement.classList.remove("dark", "sepia");
|
||
}
|
||
|
||
function toggleTheme() {
|
||
const html = document.documentElement;
|
||
if (html.classList.contains("dark")) {
|
||
html.classList.remove("dark");
|
||
html.classList.add("sepia");
|
||
localStorage.theme = "sepia";
|
||
} else if (html.classList.contains("sepia")) {
|
||
html.classList.remove("sepia");
|
||
localStorage.theme = "light";
|
||
} else {
|
||
html.classList.add("dark");
|
||
localStorage.theme = "dark";
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
/* 自定义第三主题（米黄色阅读模式） */
|
||
.sepia {
|
||
--tw-bg-opacity: 1;
|
||
background-color: rgba(250, 245, 235, var(--tw-bg-opacity));
|
||
color: #3c2f2f;
|
||
}
|
||
.sepia .card {
|
||
background-color: #f7f1e1;
|
||
border-color: #e2d6c3;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body
|
||
class="bg-white text-gray-800 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300"
|
||
>
|
||
<!-- 顶部导航 -->
|
||
<header
|
||
class="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700"
|
||
>
|
||
<a href="index.html" class="text-2xl font-semibold tracking-wide"
|
||
>林赛花教育基金</a
|
||
>
|
||
<nav class="space-x-6 hidden sm:block">
|
||
<a href="index.html" class="hover:text-amber-600">首页</a>
|
||
<a href="about.html" class="text-amber-600 font-medium">关于</a>
|
||
<a href="awards.html" class="hover:text-amber-600">奖项</a>
|
||
<a href="works.html" class="hover:text-amber-600">作品</a>
|
||
<a href="contact.html" class="hover:text-amber-600">联系</a>
|
||
</nav>
|
||
<button
|
||
onclick="toggleTheme()"
|
||
class="p-2 rounded-lg bg-amber-100 dark:bg-gray-800 hover:bg-amber-200 dark:hover:bg-gray-700"
|
||
title="切换主题"
|
||
>
|
||
🌓
|
||
</button>
|
||
</header>
|
||
|
||
<!-- Hero 区 -->
|
||
<section
|
||
class="text-center py-16 bg-gradient-to-b from-amber-50 to-white dark:from-gray-800 dark:to-gray-900"
|
||
>
|
||
<h1 class="text-4xl font-bold mb-4 text-amber-700 dark:text-amber-400">
|
||
关于林赛花教育基金
|
||
</h1>
|
||
<p class="max-w-2xl mx-auto text-lg text-gray-600 dark:text-gray-300">
|
||
以文字点亮希望，以教育传承温情。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 内容区 -->
|
||
<main class="max-w-5xl mx-auto px-6 py-12 space-y-16">
|
||
<!-- 基金介绍 -->
|
||
<section>
|
||
<h2
|
||
class="text-2xl font-semibold mb-4 border-l-4 border-amber-500 pl-3"
|
||
>
|
||
基金缘起
|
||
</h2>
|
||
<p class="leading-relaxed text-gray-700 dark:text-gray-300">
|
||
林赛花教育基金（Linsai Hwa Education Fund）由妙妙机构于 2021 年设立，
|
||
以纪念与延续林赛花女士长期关怀教育的精神。基金宗旨在于支持华文教育、
|
||
推广写作文化，并协助独中学生完成学业。
|
||
</p>
|
||
<p class="mt-4 leading-relaxed text-gray-700 dark:text-gray-300">
|
||
自成立以来，基金不仅发放助学金予全国独中学生，
|
||
也通过举办「林赛花杯写作比赛」鼓励青年以文字表达感恩、弘扬传统美德。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 比赛宗旨 -->
|
||
<section>
|
||
<h2
|
||
class="text-2xl font-semibold mb-4 border-l-4 border-amber-500 pl-3"
|
||
>
|
||
比赛宗旨
|
||
</h2>
|
||
<ul class="list-disc pl-8 space-y-2 text-gray-700 dark:text-gray-300">
|
||
<li>鼓励学生以中文书写表达内心与思想。</li>
|
||
<li>培养青年对社会、文化与家庭的感恩之心。</li>
|
||
<li>推动马来西亚华文教育的持续发展。</li>
|
||
<li>为华校文学创作提供展示与传承的平台。</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 组织结构 -->
|
||
<section>
|
||
<h2
|
||
class="text-2xl font-semibold mb-4 border-l-4 border-amber-500 pl-3"
|
||
>
|
||
组织与合作单位
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="card p-6 border rounded-2xl bg-white dark:bg-gray-800">
|
||
<h3 class="text-xl font-medium text-amber-700 mb-2">主办单位</h3>
|
||
<p class="text-gray-700 dark:text-gray-300">
|
||
妙妙机构 · 林赛花教育基金
|
||
</p>
|
||
</div>
|
||
<div class="card p-6 border rounded-2xl bg-white dark:bg-gray-800">
|
||
<h3 class="text-xl font-medium text-amber-700 mb-2">承办单位</h3>
|
||
<p class="text-gray-700 dark:text-gray-300">
|
||
柔佛州华校校友会联合会（PPBP）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 发展历程 -->
|
||
<section>
|
||
<h2
|
||
class="text-2xl font-semibold mb-4 border-l-4 border-amber-500 pl-3"
|
||
>
|
||
发展历程
|
||
</h2>
|
||
<ol
|
||
class="relative border-l border-gray-300 dark:border-gray-700 ml-6 space-y-6"
|
||
>
|
||
<li class="ml-4">
|
||
<div
|
||
class="absolute w-3 h-3 bg-amber-500 rounded-full -left-1.5 mt-1.5"
|
||
></div>
|
||
<time class="text-sm text-gray-500 dark:text-gray-400"
|
||
>2021 年</time
|
||
>
|
||
<p class="font-medium text-gray-800 dark:text-gray-200">
|
||
基金正式成立，确立助学与写作推广双核心方向。
|
||
</p>
|
||
</li>
|
||
<li class="ml-4">
|
||
<div
|
||
class="absolute w-3 h-3 bg-amber-500 rounded-full -left-1.5 mt-1.5"
|
||
></div>
|
||
<time class="text-sm text-gray-500 dark:text-gray-400"
|
||
>2022 年</time
|
||
>
|
||
<p class="font-medium text-gray-800 dark:text-gray-200">
|
||
首届「林赛花杯写作比赛」举行，吸引 500 余名学生参赛。
|
||
</p>
|
||
</li>
|
||
<li class="ml-4">
|
||
<div
|
||
class="absolute w-3 h-3 bg-amber-500 rounded-full -left-1.5 mt-1.5"
|
||
></div>
|
||
<time class="text-sm text-gray-500 dark:text-gray-400"
|
||
>2023–2025 年</time
|
||
>
|
||
<p class="font-medium text-gray-800 dark:text-gray-200">
|
||
比赛持续扩展至全国范围，并新增作品展示与创作指导环节。
|
||
</p>
|
||
</li>
|
||
</ol>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- 页脚 -->
|
||
<footer
|
||
class="text-center text-sm text-gray-500 py-8 border-t border-gray-200 dark:border-gray-700"
|
||
>
|
||
© 2025 林赛花教育基金 | 设计灵感：教育·公益·文学
|
||
<br />
|
||
<span class="text-xs">非官方网站，仅供公益展示与学习使用。</span>
|
||
</footer>
|
||
</body>
|
||
</html>
|