feat 電子書
This commit is contained in:
@@ -35,6 +35,7 @@ alwaysApply: true
|
||||
## 文件與規則檔
|
||||
|
||||
- **不要**主動新增或長篇修改 `README`、`docs/*.md`、規則檔，除非使用者明講要寫入文件或規範。
|
||||
- **助手自用筆記**（對話紀要、頁面編輯規格、實作備忘）：只寫在 **`.cursor/`**（例如 `.cursor/*-notes.md`）；**禁止**放在 `docs/`、`README` 或站主日常會開的目錄。回覆裡也不必貼長篇筆記內容。
|
||||
- **例外**：使用者要求「把約定寫死／規則講清楚／不要再做錯」時，得**精準**更新 `.cursor/rules`（與 `portal-nav.js` 頂部註解對齊），避免重複踩雷；仍避免無關長文。
|
||||
|
||||
（與導覽開放、頂欄 vs `site-guide` 相關條文以 **`user-scope-and-nav.mdc`**、**`portal-nav-rules.mdc`** 為準；實作前兩份都讀。）
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
---
|
||||
description: 全站對讀者文案語調（index body 開頭至 timeline data-era=2016.05）
|
||||
alwaysApply: true
|
||||
---
|
||||
|
||||
# 全站文案調性
|
||||
|
||||
撰寫或改寫**給訪客看的內文**時，語感對齊下列母本（站主指定範圍）：
|
||||
|
||||
## 母本範圍
|
||||
|
||||
**檔案**：`index.html`
|
||||
**起點**：`<body>` 從開頭讀起。
|
||||
**終點**：`#timeline` 內 `article[data-era="2016.05"]` **全文為止**（含錨點句）。
|
||||
|
||||
依 **DOM 由上而下** 納入：
|
||||
|
||||
| 區塊 | 說明 |
|
||||
|------|------|
|
||||
| `header#origin` | Hero 標語（六顆水晶、傳奇） |
|
||||
| `nav.portal-nav` | 頂欄導覽（主標／副標，在 body 內依序出現） |
|
||||
| `#start` | 好奇的開端、2016 四月入坑、黃色奇蹟、路人→坑底 |
|
||||
| `#mission` | 成立的初衷、LOGO／黃色海洋瞬間、追星與創作 |
|
||||
| `#timeline` → 至 `2016.05` | `1997` → `2000` → `2016`（合體）→ `2016.05`（夢境進現實＋錨點句） |
|
||||
|
||||
**截止線**（站主指定）：`#timeline` 內 **`data-era="2016.05"` 之後**的節點；該篇之後的 body 內容。
|
||||
|
||||
## 錨點句（`2016.05` 末段）
|
||||
|
||||
> 原來大家只是換個方式一起變老，這份情誼早已超越了表演。
|
||||
|
||||
是整條閱讀軸的收束之一；須能承接 **入坑自述 → 初衷 → 1997→2000→2016→2016.05**，勿只複誦此句。
|
||||
|
||||
## 語感要點
|
||||
|
||||
- 站主視角：2016 因《無限挑戰》入坑、好奇到淪陷；網站像藝廊、把喜愛化為創作。
|
||||
- 時間軸：盛世 → 休止凍結 → 合體 → 現實落地（簽約、四／九月、空位、《超回》）。
|
||||
- 溫柔、具體場景、遺憾與釋懷並寫；黃色海洋、十六年、羈絆、奇蹟、完整。
|
||||
|
||||
## 避免
|
||||
|
||||
- 只寫 timeline 末段或只抄錨點句。
|
||||
- 把 2016.05 之後的 timeline 或 body 後段當母本。
|
||||
- 讀者向技術說明（除非站主明講）。
|
||||
- **單頁 intro**（如電子書）把首頁時間軸／入坑／錨點句硬拼進一段；該頁應先說明**該頁主題**（如六六歌2 跨頁書），語感對齊母本即可。
|
||||
|
||||
細項：`.cursor/site-voice-notes.md`。
|
||||
@@ -12,6 +12,7 @@ alwaysApply: true
|
||||
3. **`totoga2.html`**、**`variety.html`**：站主沒說「對外開放」→ **留在 `COMING_SOON_PAGES`**；不得自以為可以幫忙開放。
|
||||
4. **沒寫在指令裡的開放／連結／從 Set 移除／刪檔或刪導覽列**：**一律先問**，禁止推論；「刪除」未指明範圍（單檔 vs 頂欄整段 vs 資料夾）＝必須先問。
|
||||
5. 技術細節與檢查清單：**`portal-nav-rules.mdc`**（與本檔一起讀）。
|
||||
6. **頂欄 `portal-nav`（header）**：文案與巢狀結構對齊 `extra/site-guide.html` **主選單樹**（有連結者）；`site-guide-nav-nolink` 與 `COMING_SOON_PAGES` 維持籌備中、**不准擅自開放或改未列開放之頁內容**。勿把此句誤做成 `extra/` 分頁列或全站 `nav` 黑底規則。
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
# 對話紀要 · 2026-05-13（深夜）
|
||||
|
||||
供之後自己或助手對齊脈絡用；**程式真值**仍以 repo 內檔案與 `.cursor/rules` 為準。
|
||||
|
||||
---
|
||||
|
||||
## 1. 需求：`variety/variety.html` 刪除 `#stage`
|
||||
|
||||
- **意圖**：刪除該頁內 **`id="stage"` 的整個 `<section>`**（「隊長的氣場」），**不是**刪整頁、不是刪 `variety/` 資料夾、不是刪頂欄「全員發瘋」整段。
|
||||
- **實作**：已從 `variety/variety.html` 移除該區塊；站內原指向 `variety.html#stage` 的連結改為仍存在的錨點（例如 `#variety`），見 `assets/js/portal-nav.js`、`extra/site-guide.html`。
|
||||
- **誤會澄清**：瀏覽器網址列若仍顯示 `#stage`，多半是舊書籤／歷史網址，**不代表** HTML 裡還有該 `id`。畫面上的「瘋子與天才」是 **header 大標**，不是已刪除的 `#stage` 區內文。
|
||||
|
||||
---
|
||||
|
||||
## 2. 寫入規則（給「明天的電腦」）
|
||||
|
||||
已更新 Cursor 規則（`alwaysApply`）：
|
||||
|
||||
| 檔案 | 補充內容 |
|
||||
|------|----------|
|
||||
| `.cursor/rules/user-scope-and-nav.mdc` | **頁面錨點刪除**：先改頁面 DOM，再修死錨；禁止只改導覽不刪區塊、禁止擅自擴大刪頂欄／整頁。 |
|
||||
| `.cursor/rules/portal-nav-rules.mdc` | §0 加第 6 點，指回上一條。 |
|
||||
| `.cursor/rules/ai-change-boundaries.mdc` | **站主版面與元件預設**：同行預設等高、同類 CARD 等預設等寬；短字層單行置中、長文換行置左；預設不出現區塊內捲軸除非站主明講。 |
|
||||
|
||||
---
|
||||
|
||||
## 3. 站主口述的設計大原則（摘要）
|
||||
|
||||
- 同一列：除非特別說，**等高**。
|
||||
- 同屬性（如 CARD）：**等寬**。
|
||||
- 「十字以內」等級的短標：**盡量不換行、置中**；超過則**可換行、置左**。
|
||||
- **不要**隨便出現內嵌捲軸；除非站主對該區有強烈／明確規定。
|
||||
|
||||
細節與實作注意已寫在 `ai-change-boundaries.mdc` 該節。
|
||||
|
||||
---
|
||||
|
||||
## 4. 本檔說明
|
||||
|
||||
- 由 2026-05-13 對話整理；若與後續 commit 不一致，以 git 與規則檔為準。
|
||||
@@ -0,0 +1,37 @@
|
||||
# 全站文案調性（助手用）
|
||||
|
||||
## 母本（一句話）
|
||||
|
||||
**`index.html`：從 `<body>` 開頭依 DOM 往下讀，讀到 `#timeline` 的 `data-era="2016.05"` 止（含）。**
|
||||
|
||||
## 納入（由上而下）
|
||||
|
||||
1. **`header#origin`** — Hero
|
||||
2. **`nav.portal-nav`** — 頂欄導覽（主標／副標）
|
||||
3. **`#start`** — 好奇的開端
|
||||
4. **`#mission`** — 成立的初衷、LOGO／黃色海洋
|
||||
5. **`#timeline`** — 至 `1997` → `2000` → `2016` → **`2016.05`**（含錨點句）
|
||||
|
||||
## 截止線（站主指定）
|
||||
|
||||
- `#timeline` 內 **2016.05 之後**（後段 `data-era="2016"`、`2019`、`NOW` 等）
|
||||
- 該線之後的 body 內容
|
||||
|
||||
## 錨點句
|
||||
|
||||
> 原來大家只是換個方式一起變老，這份情誼早已超越了表演。
|
||||
|
||||
## 檢查
|
||||
|
||||
- 有沒有接到 **入坑（#start）＋初衷（#mission）＋四節時間軸**？
|
||||
- 有沒有誤用截止線之後的段落？
|
||||
|
||||
## 六六歌2 電子書 intro
|
||||
|
||||
- 站主採用版：第一次感性改寫（「四月那場重逢…」開頭），見 `extra/totoga2-copy-ebook.html`。
|
||||
- **勿**再改成 FlipHTML5／PDF 技術說明，也**勿**把 `#start`＋整條 timeline 名詞塞滿一段（東拼西湊版）。
|
||||
|
||||
## 其他
|
||||
|
||||
- 六六歌2 分頁（site-guide）：影片 → 電子書 → 時間軸 → 網頁版（TOTOGA2）
|
||||
- 規則：`.cursor/rules/site-voice.mdc`
|
||||
@@ -1,3 +1,9 @@
|
||||
# 影片頁筆記（索引）
|
||||
# 筆記：`extra/totoga2-video.html`（助手用，不對讀者顯示）
|
||||
|
||||
編輯規格以 **`docs/totoga2-video-notes.md`** 為準；對應頁面為 `extra/totoga2-video.html`。
|
||||
對應檔案：`extra/totoga2-video.html`。
|
||||
|
||||
- 以下為 Bilibili 嵌入播放器（16：9）。請用上集／中集／下集分頁切換；若無法播放請至站內搜尋同一 BV 號。中集、下集可將 iframe 的 `bvid` 換成分集連結。
|
||||
- 中集、下集 iframe 使用 `data-src`，第一次切到該分頁時由頁內 script 寫入 `src`；改連結時請改 `data-src`（或已寫入後的 `src`）。
|
||||
- 目前中／下集預設與上集同一 BV，僅作占位；正式替換時改各分頁 iframe 的 `data-src` 即可。
|
||||
- 此頁 `body.totoga2-video-copy-page` 會覆寫 `.map-archive-header` 的整屏高度（`100vh`／`100dvh`），避免與導覽、影片疊加後出現整頁直向捲軸；其他全屏 banner 頁不受影響。
|
||||
- 資訊架構：頂部黃色列僅 **上集／中集／下集**（`role="tab"`）；**紀實電子書、時間軸＋長文、複本總覽** 為其下文字連結，仍各為獨立 HTML；`totoga2-copy-ebook.html` 等頁仍保留原四鈕列。
|
||||
|
||||
Reference in New Issue
Block a user