refactor 內頁header改inner-page-header

This commit is contained in:
2026-05-17 22:11:43 +08:00
parent 579fb62246
commit 60d895dc1f
65 changed files with 799 additions and 72 deletions
+2 -2
View File
@@ -9,7 +9,7 @@ alwaysApply: true
1. **站主沒說「執行」→ 不改檔**(可先說明、對照、列計畫)。
2. **站主說「先改一頁」→ 只改那一頁**,不得順手全站套用。
3. **class 改名/全站換名**:先問站主**確切 class 字串**,不得自創(例如不得擅自 `inner-page-header`);不得用 PowerShell 批次替換 HTML。
3. **class 改名/全站換名**:先問站主**確切 class 字串**;全站內頁 banner 現用 **`inner-page-header`**(禁止再改回 `map-archive-header` 等單頁名);不得用 PowerShell 批次替換 HTML。
4. **導覽文案**:不得自加括號、副標、路徑說明(例如禁止擅自「傳奇的轉折(六六歌2)」);`portal-nav.js` 改字前先對站主原句。
5. **CSS 對齊 devtools**:站主給的勾選/數值照抄;若必須補 `min-height`、`padding` 等 devtools 沒有的值,**先寫明「這是我補的」**,等站主說執行再寫入。
@@ -20,7 +20,7 @@ alwaysApply: true
## 內頁 header(約定方向,名稱待站主定)
- 全站內頁共用**一個** header class;**不要**用單頁主題名(如 `map-archive-header` 當全站名)— 要改名須站主指定後再執行
- 全站內頁 banner**`header.inner-page-header`**(勿用 `map-archive-header` 等單頁名當全站 class
- 首頁僅 **`header#origin`** 全屏 Hero,與內頁 header class 分開。
- 樣式以站主在**電子書頁** devtools 調過的為準後,再談是否套其他內頁(須站主說執行)。
+1 -1
View File
@@ -5,5 +5,5 @@
- 以下為 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 頁不受影響。
- 此頁 `body.totoga2-video-copy-page` `inner-page-header`(影片頁無黃色 banner`100vh``100dvh`),避免與導覽、影片疊加後出現整頁直向捲軸;其他全屏 banner 頁不受影響。
- 資訊架構:頂部黃色列僅 **上集/中集/下集**`role="tab"`);四入口為 `totoga2/``timeline.html``ebook.html``readable.html``video.html`,頁內四鈕列共用 `split-nav.css`