Kingsmai/lshcup.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

202
archive/about.html Normal file
View File

@@ -0,0 +1,202 @@
<!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>