4.1 KiB
4.1 KiB
项目背景说明（非常重要，用于防止信息不对称）
本项目名为「林赛花教育基金·林赛花杯官方网站」，旨在为马来西亚柔佛州一项真实存在的华文写作比赛建立一个独立展示网站。 该比赛由「妙妙机构」旗下的「林赛花教育基金」主办，柔佛州华校校友会联合会（PPBP）承办，面向独中及国中学生，提倡中文写作与中华传统美德。 由于防火长城的限制，部分中文AI模型可能检索不到外网资料，因此请完全依据此说明创建内容。
目标与风格要求
请为这个网站生成一个「简约、现代、教育公益风格」的纯 HTML 网站原型（可以是多文件结构）。 整个网站主要用于：
- 介绍「林赛花教育基金」及「林赛花杯写作比赛」；
- 展示历年比赛的新闻、获奖作品与照片；
- 提供最新一届比赛的报名或资讯通道；
- 包含一个投稿 / 联系表单（静态展示即可，不需功能）；
- 提供奖项与主办方介绍页面。
输出请为纯 HTML + CSS + 少量 JS 的结构化网站（例如 index.html、about.html、awards.html、works.html、contact.html 等）。
网站结构建议
文件结构（建议）
/lin-sai-hwa-cup/
│
├── index.html # 首页（比赛简介 + 最新公告）
├── about.html # 基金与比赛背景
├── awards.html # 奖项设置与历年获奖名单
├── works.html # 往届优秀作品展示（列表 + 单页）
├── contact.html # 联系与投稿通道
├── assets/
│ ├── style.css # 全站样式（极简、柔和色系）
│ ├── script.js # 少量交互逻辑（菜单、滚动、切换）
│ └── images/ # 占位图或样例照片
首页 index.html
- 导航栏（LOGO、菜单）
- Hero 横幅：「林赛花杯写作比赛」 + 简短口号「以文字传递温情」
- 三个主要入口卡片：「比赛介绍」「历届作品」「我要投稿」
- 页脚含社交 / 主办方信息。
about.html
- 林赛花教育基金介绍（公益性质、妙妙机构支持）
- 比赛宗旨与历年举办情况简述。
- 组织单位 Logo（可用占位图表示）。
awards.html
- 奖项列表：初中组 / 高中组，历届总奖金信息。
- 表格展示历届获奖学校与学生。
- 简约卡片式布局。
works.html
- 按年份分区的往届优秀作品展示。
- 每篇作品用简短摘要和“阅读全文”按钮（链接到单页或弹出层）。
- 使用柔和背景色，阅读体验良好。
contact.html
- 投稿或咨询表单（静态展示）
- 姓名 / 学校 / 邮箱 / 消息
- 联系方式说明（含 PPBP 官方 WhatsApp / 邮寄地址）。
- 简单地图或主办方 LOGO 占位。
设计风格要求
- 色调：白底 + 淡金 + 灰棕（温暖、教育感）
- 字体：中文适配（如 Noto Sans SC 或思源黑体）
- 布局：居中、留白充足、响应式
- 使用圆角卡片、阴影轻柔、无多余动画
- 使用语义化 HTML 标签（header / main / section / footer）
技术与格式要求
- 必须输出纯 HTML / CSS / JS 文件内容（不使用框架如 Vue/React）。
- 每个文件请单独输出完整可运行内容。
- 所有路径相对引用（如 ./assets/style.css）。
- 不插入外部网络链接（防止被墙）。
- 文案内容可根据项目背景自拟，但需保持真实感与公益性质。
附加创意指引（可自由发挥）
- 可加入时间线（历届赛事回顾）
- 可加入「优秀作品精选」阅读区
- 可添加「引用名言」区块（推广阅读与写作精神）
- 可加入淡入滚动动画（纯 CSS 或轻量 JS 实现）
- 可在页脚注明“非官方展示站，仅供公益学习使用”
最终产出目标
输出一个可直接打开浏览的纯 HTML 网站雏形，展示林赛花教育基金与林赛花杯的文化与教育精神。 设计重点：简洁、美观、结构清晰、语义化良好，方便后续我以框架（Nuxt / Astro / Next）改造。