Fasty - Under Construction / Coming Soon Template

# 项目简介 Fasty 是一款"即将上线/维护中"（Coming Soon / Under Construction）单页模板，提供 12 种页面变体，支持 Hero 轮播、打字机动画、YouTube/Vimeo 视频背景、图片画廊、波纹动画等效果，适合网站上线前的占位页面。 ## 技术栈 - HTML5 + CSS3 + Vanilla JavaScript - jQuery（用于轮播、动画等交互） - Swiper 3.x（轮播组件） - jquery.mb.YTPlayer（YouTube 视频背景） - PHP（可选，用于联系表单和 MailChimp 订阅） ## 项目结构 ``` fastyhtml-10/ ├── Fasty-v1-3-Documentation/ # 官方文档 │ └── index.html └── Fasty-v1-3-Template/ # 模板主目录 ├── index-*.html # 12种页面变体 ├── contact.php # 联系表单后端 ├── subscribe.php # MailChimp订阅后端 ├── css/style.css # 主样式表 ├── js/fasty.js # 主脚本 └── img/background/ # 背景图片资源 ``` ## 核心文件说明 - `Fasty-v1-3-Template/index-*.html` — 12 种页面变体的入口文件，根据需求选择 - `css/style.css` — 全部 CSS，包含背景、布局、动画等（第 0-37 节索引） - `js/fasty.js` — 核心交互逻辑（轮播、倒计时、表单等） - `contact.php` — 联系表单后端，需填写 `$myemail` 收件地址 - `subscribe.php` — MailChimp 订阅后端，需填写 API Key 和 List ID - `js/wave.js` — Canvas 波纹动画效果（部分变体使用） ## 快速开始 1. 直接用浏览器打开 `Fasty-v1-3-Template/` 下的任意 `index-*.html` 文件预览 2. 如需表单功能，部署到 PHP 环境后修改 `contact.php` 中的邮箱地址及 `subscribe.php` 中的 MailChimp 凭证 3. 替换 `img/` 下的背景图片和 Logo 即可快速定制 ## 使用建议 该模板为纯静态展示页，表单功能依赖 PHP 环境；生产环境建议配合 Web 服务器（Nginx/Apache）部署，并确保 `mail()` 函数或 MailChimp API 可用。