jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 移除導覽列副標

Browse Source
This commit is contained in:
jekkinoopy
2026-05-15 18:09:31 +08:00
parent 27e8c5e22e
commit 177fb831a9
12 changed files with 275 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.cursor/portal-nav-optimization-backlog.md
+40
View File
@@ -0,0 +1,40 @@
# 頂欄導覽 · 優化清單（助手用，不對讀者顯示）
站主未要求上線；以下為自 `portal-nav.js` 移除的 `portal-nav__sub` 文案備份。
**程式真值**：`assets/js/portal-nav.js` 的 `buildPortalNavInnerHTML`（僅主標 `portal-nav__label` 或純文字）。
日後若站主明講要加回副標，只依本檔與當次指示改，勿自行推論。
---
## 已移除副標（對照主標）
| 主標（`portal-nav__label`） | 原 `portal-nav__sub` |
|---------------------------|----------------------|
| 淪陷瞬間 | Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡 |
| 初心與軌跡 | Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡 |
| 傳奇的轉折（六六歌2） | 四種入口：時間軸、電子書、網頁版、影片 |
| 影片 | 無限挑戰 · 六六歌2 嵌入影片單頁 |
| 電子書 | 紀實電子書內容獨立成頁 |
| 時間軸 | 時間軸與紀實八章長文單頁 |
| 圖文好讀版 | 單頁整合：影片／電子書／長文與八章錨點 |
| 全員發瘋 | 原來我是個正常人啊！團綜與失控現場 |
| 隊長帶弟弟 | 控場與隊內互動 |
| 各自暴走 | 獨立內頁籌備中 |
| 新西遊記 | 成員介紹 · MEMBER GUIDE |
| 完整的六顆 | 六顆水晶 · 黑白分流 |
| 現場的震撼 | SECHSKIES CONCERT ARCHIVE |
| 集結水晶 | 團體演唱會 |
| 隊長的氣場 | 個人見面會與演唱會 |
| 黃色留聲機 | YELLOW PHONOGRAPH |
| 啟動新篇章 | 重啟後作品與單曲 |
| 輝煌全盛期 | 1997–1999 年表 |
| Yellow Note | 台灣行程表、成員行程篩選、搜尋與地圖主體 |
| 視覺進化論 | 從好奇到全端：自述與時間軸式章節 |
| 聖地巡禮 | 台灣行程表、成員行程篩選、搜尋與地圖 |
---
## 約定（給助手）
- **禁止**在未經站主明講時，於 `buildPortalNavInnerHTML` 加回 `<span class="portal-nav__sub">` 或類似第二行說明。
- 頂欄結構／開放與否仍以 `portal-nav-rules.mdc`、`user-scope-and-nav.mdc` 為準。
.cursor/rules/ai-change-boundaries.mdc
+5 -2
View File
@@ -26,9 +26,12 @@ alwaysApply: true
- **同一列／並排多欄**：預設 **等高**（例如 flex 同列 `align-items: stretch`、grid 同列對齊高度），除非該次明講要頂對齊或其他非等高編排。 - **同一列／並排多欄**：預設 **等高**（例如 flex 同列 `align-items: stretch`、grid 同列對齊高度），除非該次明講要頂對齊或其他非等高編排。
- **同一層級、同類可重複元件**（例如多張 **CARD**、同一 pattern 的 tile）：預設 **等寬**（同一 breakpoint 下寬度一致），除非明講破格。 - **同一層級、同類可重複元件**（例如多張 **CARD**、同一 pattern 的 tile）：預設 **等寬**（同一 breakpoint 下寬度一致），除非明講破格。
- **短字層**（站主慣稱「十字以內」——極短標、標籤、一句內等級，語意上不要硬拆成兩行）：盡量 **單行、不換行**；**水平置中**（置中）。 - **短字層**（站主慣稱「十字以內」——極短標、標籤、按鈕字、頂欄主標、區塊小標等；語意上不要硬拆成兩行）：盡量 **單行、不換行**；**水平置中**。
- **超過短字層的標題或內文**：允許自然換行；**置左**對齊。 - **內文層（body）**（超過短字層——`<p>` 整段導語、說明、列表前引言）：允許自然換行；**置左**對齊。規則敘述用「內文／body 層」，**不要**用某個 `*-lead`、`*-intro` 等 class 名當成這一層的定義。
- **怎麼判斷**：看**實際字數與語意**（是否明顯超過約十字、是否為段落內文），**不是**看 class 字串。HTML 裡的 `<body class="某頁">` 是**頁面作用範圍**，與「內文層」是兩件事，勿混為一談。
- **CSS 怎麼寫**：短字層 → 標題／按鈕等既有元件規則（多為置中）。內文層 → 在該頁 **`body.頁面類名` 底下**對**段落 `p`**（或該區 `section` 內 `p`）設 `text-align: left`；欄寬可 `max-width` + `margin-inline: auto`，但字仍左對齊。**禁止**在規則檔或新頁面把內文層綁死在自創 class 名上當唯一依據。
- **捲軸**：一般區塊 **不要**出現內嵌捲軸（避免預設 `overflow: auto/scroll` 把版面變成「盒子裡再拖條」）；**只有**站主對該區曾**明講**要可捲動或強烈規定的例外才做捲動容器。 - **捲軸**：一般區塊 **不要**出現內嵌捲軸（避免預設 `overflow: auto/scroll` 把版面變成「盒子裡再拖條」）；**只有**站主對該區曾**明講**要可捲動或強烈規定的例外才做捲動容器。
- **`img`／`canvas`**：一律 **等比例縮放**（`object-fit: contain` 或 `max-width: 100%` + `height: auto`）；**禁止**為了「撐滿」使用 `object-fit: fill` 或讓容器寬高比與圖面比例不一致卻強制 `width/height: 100%` 拉扁。滿欄時外殼可 100% 寬，圖本體置中、維持比例。
實作時仍以「只改被點名範圍」為上；若要拉一套新 grid／卡片列，優先在本區父層加 class，避免為了對齊去改未點名的全站共用規則。 實作時仍以「只改被點名範圍」為上；若要拉一套新 grid／卡片列，優先在本區父層加 class，避免為了對齊去改未點名的全站共用規則。
.cursor/session-notes-2026-05-13.md
+1 -1
View File
@@ -28,7 +28,7 @@
- 同一列：除非特別說，**等高**。 - 同一列：除非特別說，**等高**。
- 同屬性（如 CARD）：**等寬**。 - 同屬性（如 CARD）：**等寬**。
- 「十字以內」等級的短標：**盡量不換行、置中**；超過則**可換行、置左**。 - 「十字以內」等級的短標：**盡量不換行、置中**；超過則**內文層（body）可換行、置左**（規則與 CSS 依 `body.頁面類名 … p`，不依 `*-intro-lead` class 名）。
- **不要**隨便出現內嵌捲軸；除非站主對該區有強烈／明確規定。 - **不要**隨便出現內嵌捲軸；除非站主對該區有強烈／明確規定。
細節與實作注意已寫在 `ai-change-boundaries.mdc` 該節。 細節與實作注意已寫在 `ai-change-boundaries.mdc` 該節。
.cursor/site-voice-notes.md
+1 -1
View File
@@ -33,5 +33,5 @@
## 其他 ## 其他
- 六六歌2 分頁（site-guide）：影片 → 電子書 → 時間軸 → 網頁版（TOTOGA2） - 六六歌2 分頁（site-guide／頂欄／四鈕列）：時間軸 → 電子書 → 圖文好讀版→ 影片
- 規則：`.cursor/rules/site-voice.mdc` - 規則：`.cursor/rules/site-voice.mdc`
assets/css/index.css
+3 -2
View File
@@ -148,8 +148,9 @@ section.archive-block p:last-child {
margin: 8px 6px; margin: 8px 6px;
} }
.archive-intro-lead { /* albums 等：archive-intro 內段落為內文層（非短字層） */
text-align: center; section.archive-intro p {
text-align: left;
margin-top: 8px; margin-top: 8px;
} }
assets/css/style.css
+65 -59
View File
@@ -135,11 +135,9 @@ nav a {
.portal-nav>ul>li>a { .portal-nav>ul>li>a {
display: inline-flex; display: inline-flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
gap: 2px;
line-height: 1.15; line-height: 1.15;
text-decoration: none; text-decoration: none;
color: var(--primary); color: var(--primary);
@@ -152,17 +150,6 @@ nav a {
font-weight: 700; font-weight: 700;
} }
.portal-nav__sub {
display: block;
max-width: 12.5rem;
font-size: 0.55rem;
font-weight: 500;
letter-spacing: 0.04em;
line-height: 1.25;
opacity: 0.82;
white-space: normal;
}
.portal-nav .portal-submenu { .portal-nav .portal-submenu {
display: none; display: none;
position: absolute; position: absolute;
@@ -183,9 +170,7 @@ nav a {
.portal-nav .portal-submenu a { .portal-nav .portal-submenu a {
display: flex; display: flex;
flex-direction: column; align-items: center;
align-items: flex-start;
gap: 2px;
padding: 8px 10px; padding: 8px 10px;
border-radius: 8px; border-radius: 8px;
color: #5f5f5f; color: #5f5f5f;
@@ -194,15 +179,6 @@ nav a {
letter-spacing: 0; letter-spacing: 0;
} }
.portal-nav .portal-submenu .portal-nav__sub {
font-size: 0.62rem;
font-weight: 500;
letter-spacing: 0.03em;
line-height: 1.3;
opacity: 0.78;
max-width: 18rem;
}
.portal-nav .portal-submenu a:hover { .portal-nav .portal-submenu a:hover {
background: #fff8df; background: #fff8df;
color: #3a300a; color: #3a300a;
@@ -223,9 +199,7 @@ nav a {
.portal-nav .portal-submenu .portal-nav__subgroup-head { .portal-nav .portal-submenu .portal-nav__subgroup-head {
display: flex; display: flex;
flex-direction: column; align-items: center;
align-items: flex-start;
gap: 2px;
padding: 6px 26px 8px 10px; padding: 6px 26px 8px 10px;
position: relative; position: relative;
color: #4a4a4a; color: #4a4a4a;
@@ -246,10 +220,6 @@ nav a {
pointer-events: none; pointer-events: none;
} }
.portal-nav .portal-submenu .portal-nav__subgroup-head .portal-nav__sub {
font-weight: 500;
}
.portal-nav .portal-nav__subgroup>.portal-submenu-nested { .portal-nav .portal-nav__subgroup>.portal-submenu-nested {
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -291,9 +261,7 @@ nav a {
.portal-nav .portal-submenu .portal-nav__subgroup-head--nested { .portal-nav .portal-submenu .portal-nav__subgroup-head--nested {
display: flex; display: flex;
flex-direction: column; align-items: center;
align-items: flex-start;
gap: 2px;
padding: 8px 24px 8px 10px; padding: 8px 24px 8px 10px;
position: relative; position: relative;
font-size: 0.82rem; font-size: 0.82rem;
@@ -384,23 +352,12 @@ nav a {
color: #ffffff; color: #ffffff;
} }
.portal-nav>ul>li>a.nav-current .portal-nav__sub {
color: rgba(255, 255, 255, 0.82);
opacity: 1;
}
.portal-nav .portal-submenu a.nav-current, .portal-nav .portal-submenu a.nav-current,
.portal-nav .portal-submenu-nested a.nav-current { .portal-nav .portal-submenu-nested a.nav-current {
color: #3a300a; color: #3a300a;
background: rgba(255, 204, 0, 0.22); background: rgba(255, 204, 0, 0.22);
} }
.portal-nav .portal-submenu a.nav-current .portal-nav__sub,
.portal-nav .portal-submenu-nested a.nav-current .portal-nav__sub {
color: #5a4810;
opacity: 0.92;
}
.portal-nav .portal-submenu a.nav-current:hover, .portal-nav .portal-submenu a.nav-current:hover,
.portal-nav .portal-submenu-nested a.nav-current:hover { .portal-nav .portal-submenu-nested a.nav-current:hover {
background: rgba(255, 204, 0, 0.32); background: rgba(255, 204, 0, 0.32);
@@ -1471,12 +1428,6 @@ footer a .mark_b {
background: rgba(255, 204, 0, 0.22); background: rgba(255, 204, 0, 0.22);
} }
.map-page .portal-nav .portal-submenu a.nav-current .portal-nav__sub,
.map-page .portal-nav .portal-submenu-nested a.nav-current .portal-nav__sub {
color: #5a4810;
opacity: 0.92;
}
.map-page .portal-nav .portal-submenu .portal-nav__subgroup-head { .map-page .portal-nav .portal-submenu .portal-nav__subgroup-head {
align-items: flex-end; align-items: flex-end;
text-align: right; text-align: right;
@@ -2093,18 +2044,17 @@ footer a .mark_b {
} }
/* 六六歌2 電子書頁 */ /* 六六歌2 電子書頁 */
body.ebook-ssg2-page .ebook-intro-lead { /* 內文層：依 body 頁類 + 段落 p，不依 *-intro-lead class */
text-align: center; body.ebook-ssg2-page .ebook-main p {
text-align: left;
max-width: 42rem; max-width: 42rem;
margin: 0 auto 1.5rem; margin: 0 auto 1.25rem;
color: #4a4a4a; color: #4a4a4a;
line-height: 1.7; line-height: 1.7;
} }
body.ebook-ssg2-page .ebook-intro-note { body.ebook-ssg2-page .ebook-intro.section p + p {
text-align: center; margin-top: -0.5rem;
max-width: 42rem;
margin: -0.75rem auto 1.25rem;
font-size: 0.88rem; font-size: 0.88rem;
color: #777; color: #777;
line-height: 1.5; line-height: 1.5;
@@ -2207,10 +2157,21 @@ body.ebook-ssg2-page #my-flipbook .page {
background: #fff; background: #fff;
} }
/* 電子書／totoga2：canvas、img 一律等比例縮放，禁止 fill 拉扁 */
body.ebook-ssg2-page img,
body.ebook-ssg2-page canvas,
body.totoga2-page .chronicle-reader img,
body.totoga2-page .flip-ebook-shell img {
max-width: 100%;
height: auto;
object-fit: contain;
}
body.ebook-ssg2-page #my-flipbook .page canvas { body.ebook-ssg2-page #my-flipbook .page canvas {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
max-height: 100%;
object-fit: contain; object-fit: contain;
} }
@@ -2219,6 +2180,51 @@ body.ebook-ssg2-page .ebook-back-link {
margin: 0 0 2.5rem; margin: 0 0 2.5rem;
} }
/* extra/totoga2-copy-ebook：翻書區與上方 section 同欄寬、無額外外距；#my-flipbook 滿寬＋圓角裁切 */
body.ebook-ssg2-page.totoga2-ebook-copy-page .ebook-intro.section {
margin-bottom: 1.25rem;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-shell {
width: 100%;
max-width: none;
margin: 0 auto 2rem;
border-radius: 14px;
overflow: hidden;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect.flip-ebook-aspect--pageflip {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
border-radius: 14px;
overflow: hidden;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect--pageflip > #my-flipbook {
width: auto;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
border-radius: 14px;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .stf__parent,
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .stf__wrapper {
max-width: 100%;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .page {
box-sizing: border-box;
overflow: hidden;
border-radius: 0;
}
/* totoga2 整合／複本頁：頂部結構與其他 map-archive-header 內頁一致（僅 main-title + subtitle-wrap） */ /* totoga2 整合／複本頁：頂部結構與其他 map-archive-header 內頁一致（僅 main-title + subtitle-wrap） */
body.totoga2-page .totoga2-hub-controls { body.totoga2-page .totoga2-hub-controls {
assets/js/portal-nav.js
+23 -22
View File
@@ -3,9 +3,10 @@
* ── 導覽「尚未開放」連結 ───────────────────────────────────────── * ── 導覽「尚未開放」連結 ─────────────────────────────────────────
* 【兩個世界】① 僅 `extra/site-guide.html`：`<nav data-portal-nav data-portal-nav-all-open>` → 不套用籌備中， * 【兩個世界】① 僅 `extra/site-guide.html`：`<nav data-portal-nav data-portal-nav-all-open>` → 不套用籌備中，
* 頂欄全可點；`main.site-guide-main` 內 `<a>` 腳本不改寫（站主自用索引）。② 其餘每一頁：一律套用籌備中。 * 頂欄全可點；`main.site-guide-main` 內 `<a>` 腳本不改寫（站主自用索引）。② 其餘每一頁：一律套用籌備中。
* 【totoga2】頂欄結構對齊 `site-guide` 主選單樹：傳奇的轉折（六六歌2）下四入口；`extra/totoga2-*.html` 可點。`fallen/totoga2.html`（檔名 totoga2.html）仍在 COMING_SOON_PAGES＝「網頁版（TOTOGA2）」訪客籌備中；未同意不得從 Set 刪除。 * 【totoga2】頂欄結構對齊 `site-guide` 主選單樹：傳奇的轉折（六六歌2）下四入口；`extra/totoga2-*.html` 可點。`fallen/totoga2.html`（檔名 totoga2.html）仍在 COMING_SOON_PAGES＝「圖文好讀版」訪客籌備中；未同意不得從 Set 刪除。
* 【硬規則】檔案在 repo ≠ 可開放；未同意不得從 Set 刪名、不得擴白名單、不得在模板新增可點項。 * 【硬規則】檔案在 repo ≠ 可開放；未同意不得從 Set 刪名、不得擴白名單、不得在模板新增可點項。
* 文案 NAV_SOON_PHRASES：籌備中連結提示用。 * 文案 NAV_SOON_PHRASES：籌備中連結提示用。
* 頂欄勿加 `portal-nav__sub`（站主未要求）；曾用副標見 `.cursor/portal-nav-optimization-backlog.md`。
* 完整條文：`.cursor/rules/portal-nav-rules.mdc` + `user-scope-and-nav.mdc` * 完整條文：`.cursor/rules/portal-nav-rules.mdc` + `user-scope-and-nav.mdc`
*/ */
const NAV_SOON_PHRASES = ["奇蹟醞釀中", // 頁面準備中，呼應黃色奇蹟的誕生 const NAV_SOON_PHRASES = ["奇蹟醞釀中", // 頁面準備中，呼應黃色奇蹟的誕生
@@ -171,49 +172,49 @@
return ` return `
<a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a> <a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
<ul> <ul>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span><span class="portal-nav__sub">Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡</span></a> <li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span></a>
<ul class="portal-submenu"> <ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">初心與軌跡</span><span class="portal-nav__sub">Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">初心與軌跡</span></a></li>
<li class="portal-nav__subgroup"> <li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折（六六歌2）</span><span class="portal-nav__sub">四種入口：影片、電子書、時間軸、網頁版</span></span> <span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折（六六歌2）</span></span>
<ul class="portal-submenu-nested" aria-label="傳奇的轉折（六六歌2）"> <ul class="portal-submenu-nested" aria-label="傳奇的轉折（六六歌2）">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-video.html"><span class="portal-nav__label">影片</span><span class="portal-nav__sub">無限挑戰 · 六六歌2 嵌入影片單頁</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-timeline.html"><span class="portal-nav__label">時間軸</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-ebook.html"><span class="portal-nav__label">電子書</span><span class="portal-nav__sub">紀實電子書內容獨立成頁</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-ebook.html"><span class="portal-nav__label">電子書</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-timeline.html"><span class="portal-nav__label">時間軸</span><span class="portal-nav__sub">時間軸與紀實八章長文單頁</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">圖文好讀版</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">網頁版（TOTOGA2）</span><span class="portal-nav__sub">單頁整合：影片／電子書／長文與八章錨點</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-video.html"><span class="portal-nav__label">影片</span></a></li>
</ul> </ul>
</li> </li>
<li class="portal-nav__subgroup"> <li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">全員發瘋</span><span class="portal-nav__sub">原來我是個正常人啊！團綜與失控現場</span></span> <span class="portal-nav__subgroup-head"><span class="portal-nav__label">全員發瘋</span></span>
<ul class="portal-submenu-nested" aria-label="全員發瘋"> <ul class="portal-submenu-nested" aria-label="全員發瘋">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/variety.html#variety"><span class="portal-nav__label">隊長帶弟弟</span><span class="portal-nav__sub">控場與隊內互動</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/variety.html#variety"><span class="portal-nav__label">隊長帶弟弟</span></a></li>
<li class="portal-nav__subgroup portal-nav__subgroup--nested"> <li class="portal-nav__subgroup portal-nav__subgroup--nested">
<span class="portal-nav__subgroup-head portal-nav__subgroup-head--nested"><span class="portal-nav__label">各自暴走</span><span class="portal-nav__sub">獨立內頁籌備中</span></span> <span class="portal-nav__subgroup-head portal-nav__subgroup-head--nested"><span class="portal-nav__label">各自暴走</span></span>
<ul class="portal-submenu-nested portal-submenu-nested--tier3" aria-label="各自暴走"> <ul class="portal-submenu-nested portal-submenu-nested--tier3" aria-label="各自暴走">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/NJTW/NJTW5.html"><span class="portal-nav__label">新西遊記</span><span class="portal-nav__sub">成員介紹 · MEMBER GUIDE</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/NJTW/NJTW5.html"><span class="portal-nav__label">新西遊記</span></a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span><span class="portal-nav__sub">六顆水晶 · 黑白分流</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">現場的震撼</span><span class="portal-nav__sub">SECHSKIES CONCERT ARCHIVE</span></a> <li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">現場的震撼</span></a>
<ul class="portal-submenu"> <ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span><span class="portal-nav__sub">團體演唱會</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span></a></li>
<li><a href="#" data-coming-soon="true" aria-disabled="true" aria-label="隊長的氣場，尚無開放"><span class="portal-nav__label">隊長的氣場</span><span class="portal-nav__sub">個人見面會與演唱會</span></a></li> <li><a href="#" data-coming-soon="true" aria-disabled="true" aria-label="隊長的氣場，尚無開放"><span class="portal-nav__label">隊長的氣場</span></a></li>
</ul> </ul>
</li> </li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html"><span class="portal-nav__label">黃色留聲機</span><span class="portal-nav__sub">YELLOW PHONOGRAPH</span></a> <li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html"><span class="portal-nav__label">黃色留聲機</span></a>
<ul class="portal-submenu"> <ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#new"><span class="portal-nav__label">啟動新篇章</span><span class="portal-nav__sub">重啟後作品與單曲</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#new"><span class="portal-nav__label">啟動新篇章</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#classic"><span class="portal-nav__label">輝煌全盛期</span><span class="portal-nav__sub">1997–1999 年表</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#classic"><span class="portal-nav__label">輝煌全盛期</span></a></li>
</ul> </ul>
</li> </li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">Yellow Note</span><span class="portal-nav__sub">台灣行程表、成員行程篩選、搜尋與地圖主體</span></a> <li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">Yellow Note</span></a>
<ul class="portal-submenu"> <ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/minister.html"><span class="portal-nav__label">視覺進化論</span><span class="portal-nav__sub">從好奇到全端：自述與時間軸式章節</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/minister.html"><span class="portal-nav__label">視覺進化論</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">聖地巡禮</span><span class="portal-nav__sub">台灣行程表、成員行程篩選、搜尋與地圖</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">聖地巡禮</span></a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
extra/site-guide.html
+120 -65
View File
@@ -63,7 +63,6 @@
color: rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.38);
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }
</style> </style>
</head> </head>
@@ -83,7 +82,8 @@
<main class="content-container site-guide-main"> <main class="content-container site-guide-main">
<p class="site-guide-lead site-guide-lead--short"> <p class="site-guide-lead site-guide-lead--short">
本頁為站主自用全站導覽：主表與小表連結皆可進目標頁。頂欄加 <code>data-portal-nav-all-open</code>，不套用籌備中、且為同分頁開啟；訪客可見之其他頁仍依 <code>portal-nav.js</code> 籌備中規則與另開新分頁。 本頁為站主自用全站導覽：主表與小表連結皆可進目標頁。頂欄加 <code>data-portal-nav-all-open</code>，不套用籌備中、且為同分頁開啟；訪客可見之其他頁仍依
<code>portal-nav.js</code> 籌備中規則與另開新分頁。
</p> </p>
<section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree"> <section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree">
@@ -104,109 +104,150 @@
</thead> </thead>
<tbody> <tbody>
<tr data-site-guide-depth="1"> <tr data-site-guide-depth="1">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../index.html">淪陷瞬間</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../index.html">淪陷瞬間</a></span></td>
<td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td> <td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td>
<td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a></td> <td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a>
</td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../index.html">初心與軌跡</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../index.html">初心與軌跡</a></span></td>
<td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td> <td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td>
<td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a></td> <td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a>
</td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">傳奇的轉折（六六歌2）</span></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span
<td class="site-guide-nav-desc">四種入口：影片、電子書、時間軸為獨立單頁；網頁版為 TOTOGA2 整合長頁（章節錨點）。</td> class="site-guide-nav-nolink">傳奇的轉折（六六歌2）</span></span></td>
<td class="site-guide-nav-desc">四種入口（順序）：時間軸、電子書為獨立單頁；網頁版為 TOTOGA2 整合長頁（章節錨點）；影片為嵌入單頁。</td>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td> <td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
</tr> </tr>
<tr data-site-guide-depth="3"> <tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="totoga2-video.html">影片</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
<td class="site-guide-nav-desc">無限挑戰 · 六六歌2 嵌入影片單頁。</td> href="totoga2-copy-timeline.html">時間軸</a></span></td>
<td class="site-guide-nav-link-cell"><a href="totoga2-video.html"><code>extra/totoga2-video.html</code></a></td>
</tr>
<tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="totoga2-copy-ebook.html">電子書</a></span></td>
<td class="site-guide-nav-desc">紀實電子書內容獨立成頁。</td>
<td class="site-guide-nav-link-cell"><a href="totoga2-copy-ebook.html"><code>extra/totoga2-copy-ebook.html</code></a></td>
</tr>
<tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="totoga2-copy-timeline.html">時間軸</a></span></td>
<td class="site-guide-nav-desc">時間軸與紀實八章長文單頁。</td> <td class="site-guide-nav-desc">時間軸與紀實八章長文單頁。</td>
<td class="site-guide-nav-link-cell"><a href="totoga2-copy-timeline.html"><code>extra/totoga2-copy-timeline.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="totoga2-copy-timeline.html"><code>extra/totoga2-copy-timeline.html</code></a>
</td>
</tr> </tr>
<tr data-site-guide-depth="3"> <tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../fallen/totoga2.html">網頁版（TOTOGA2）</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="totoga2-copy-ebook.html">電子書</a></span></td>
<td class="site-guide-nav-desc">紀實電子書內容獨立成頁。</td>
<td class="site-guide-nav-link-cell"><a
href="totoga2-copy-ebook.html"><code>extra/totoga2-copy-ebook.html</code></a></td>
</tr>
<tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../fallen/totoga2.html">圖文好讀版</a></span></td>
<td class="site-guide-nav-desc">單頁整合：影片／電子書／長文模式切換與八章錨點。</td> <td class="site-guide-nav-desc">單頁整合：影片／電子書／長文模式切換與八章錨點。</td>
<td class="site-guide-nav-link-cell"><a href="../fallen/totoga2.html"><code>fallen/totoga2.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../fallen/totoga2.html"><code>fallen/totoga2.html</code></a></td>
</tr>
<tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="totoga2-video.html">影片</a></span></td>
<td class="site-guide-nav-desc">無限挑戰 · 六六歌2 嵌入影片單頁。</td>
<td class="site-guide-nav-link-cell"><a
href="totoga2-video.html"><code>extra/totoga2-video.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">全員發瘋</span></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span
class="site-guide-nav-nolink">全員發瘋</span></span></td>
<td class="site-guide-nav-desc">—</td> <td class="site-guide-nav-desc">—</td>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td> <td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
</tr> </tr>
<tr data-site-guide-depth="3"> <tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../variety/variety.html#variety">隊長帶弟弟</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../variety/variety.html#variety">隊長帶弟弟</a></span></td>
<td class="site-guide-nav-desc">綜藝頁「瘋狂出演中」主區；與頂欄「隊長帶弟弟」同頁錨點。</td> <td class="site-guide-nav-desc">綜藝頁「瘋狂出演中」主區；與頂欄「隊長帶弟弟」同頁錨點。</td>
<td class="site-guide-nav-link-cell"><a href="../variety/variety.html#variety"><code>variety/variety.html#variety</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../variety/variety.html#variety"><code>variety/variety.html#variety</code></a>
</td>
</tr> </tr>
<tr data-site-guide-depth="3"> <tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">各自暴走</span></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span
class="site-guide-nav-nolink">各自暴走</span></span></td>
<td class="site-guide-nav-desc">—</td> <td class="site-guide-nav-desc">—</td>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td> <td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
</tr> </tr>
<tr data-site-guide-depth="4"> <tr data-site-guide-depth="4">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../variety/NJTW/NJTW5.html">新西遊記</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../variety/NJTW/NJTW5.html">新西遊記</a></span></td>
<td class="site-guide-nav-desc">與鬼神同行企劃文案、六人介紹與 OB／YB 雙隊版面。</td> <td class="site-guide-nav-desc">與鬼神同行企劃文案、六人介紹與 OB／YB 雙隊版面。</td>
<td class="site-guide-nav-link-cell"><a href="../variety/NJTW/NJTW5.html"><code>variety/NJTW/NJTW5.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../variety/NJTW/NJTW5.html"><code>variety/NJTW/NJTW5.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="1"> <tr data-site-guide-depth="1">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../member/member.html">完整的六顆</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../member/member.html">完整的六顆</a></span></td>
<td class="site-guide-nav-desc">黑／白水晶六人海報板、團名典故與成員靜態介紹。</td> <td class="site-guide-nav-desc">黑／白水晶六人海報板、團名典故與成員靜態介紹。</td>
<td class="site-guide-nav-link-cell"><a href="../member/member.html"><code>member/member.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../member/member.html"><code>member/member.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="1"> <tr data-site-guide-depth="1">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../concert/concert.html">現場的震撼</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../concert/concert.html">現場的震撼</a></span></td>
<td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td> <td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td>
<td class="site-guide-nav-link-cell"><a href="../concert/concert.html"><code>concert/concert.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../concert/concert.html"><code>concert/concert.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../concert/concert.html">集結水晶</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../concert/concert.html">集結水晶</a></span></td>
<td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td> <td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td>
<td class="site-guide-nav-link-cell"><a href="../concert/concert.html"><code>concert/concert.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../concert/concert.html"><code>concert/concert.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">隊長的氣場</span></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span
class="site-guide-nav-nolink">隊長的氣場</span></span></td>
<td class="site-guide-nav-desc">—</td> <td class="site-guide-nav-desc">—</td>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td> <td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
</tr> </tr>
<tr data-site-guide-depth="1"> <tr data-site-guide-depth="1">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html">黃色留聲機</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../albums/albums.html">黃色留聲機</a></span></td>
<td class="site-guide-nav-desc">導聽文案；新篇章與全盛期年表、深水連結與曲目表。</td> <td class="site-guide-nav-desc">導聽文案；新篇章與全盛期年表、深水連結與曲目表。</td>
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html"><code>albums/albums.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../albums/albums.html"><code>albums/albums.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html#new">啟動新篇章</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../albums/albums.html#new">啟動新篇章</a></span></td>
<td class="site-guide-nav-desc">回歸後數位單曲／專輯敘事與代表曲目表。</td> <td class="site-guide-nav-desc">回歸後數位單曲／專輯敘事與代表曲目表。</td>
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html#new"><code>albums/albums.html#new</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../albums/albums.html#new"><code>albums/albums.html#new</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html#classic">輝煌全盛期</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../albums/albums.html#classic">輝煌全盛期</a></span></td>
<td class="site-guide-nav-desc">1997–1999 全盛期年表、專輯列與主打記憶整理。</td> <td class="site-guide-nav-desc">1997–1999 全盛期年表、專輯列與主打記憶整理。</td>
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html#classic"><code>albums/albums.html#classic</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../albums/albums.html#classic"><code>albums/albums.html#classic</code></a>
</td>
</tr> </tr>
<tr data-site-guide-depth="1"> <tr data-site-guide-depth="1">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../yellow-note/map.html">Yellow Note</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../yellow-note/map.html">Yellow Note</a></span></td>
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td> <td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
<td class="site-guide-nav-link-cell"><a href="../yellow-note/map.html"><code>yellow-note/map.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../yellow-note/map.html"><code>yellow-note/map.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../yellow-note/minister.html">視覺進化論</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../yellow-note/minister.html">視覺進化論</a></span></td>
<td class="site-guide-nav-desc">「從好奇到全端」自述與時間軸式章節段落。</td> <td class="site-guide-nav-desc">「從好奇到全端」自述與時間軸式章節段落。</td>
<td class="site-guide-nav-link-cell"><a href="../yellow-note/minister.html"><code>yellow-note/minister.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../yellow-note/minister.html"><code>yellow-note/minister.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../yellow-note/map.html">聖地巡禮</a></span></td> <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../yellow-note/map.html">聖地巡禮</a></span></td>
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td> <td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
<td class="site-guide-nav-link-cell"><a href="../yellow-note/map.html"><code>yellow-note/map.html</code></a></td> <td class="site-guide-nav-link-cell"><a
href="../yellow-note/map.html"><code>yellow-note/map.html</code></a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -218,11 +259,14 @@
<tbody> <tbody>
<tr> <tr>
<th scope="row"><code>COMING_SOON_PAGES</code></th> <th scope="row"><code>COMING_SOON_PAGES</code></th>
<td><code>albums</code>、<code>yellow-note/map</code>、<code>minister</code>、<code>minister_ge</code>、<code>totoga2</code>、<code>variety</code> 檔名 → 一般頁改 <code>#</code></td> <td><code>albums</code>、<code>yellow-note/map</code>、<code>minister</code>、<code>minister_ge</code>、<code>totoga2</code>、<code>variety</code>
檔名 → 一般頁改 <code>#</code></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><code>INDEX_NAV_OPEN_HASHES</code></th> <th scope="row"><code>INDEX_NAV_OPEN_HASHES</code></th>
<td>僅 <code>index.html</code> 無片段、<code>#origin</code>、<code>#start</code>、<code>#mission</code>、<code>#timeline</code></td> <td>僅 <code>index.html</code>
無片段、<code>#origin</code>、<code>#start</code>、<code>#mission</code>、<code>#timeline</code>
</td>
</tr> </tr>
<tr> <tr>
<th scope="row">固定</th> <th scope="row">固定</th>
@@ -231,7 +275,8 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<p class="site-guide-fine-print site-guide-fine-print--center">綜藝主頁：<a href="../variety/variety.html">variety.html</a></p> <p class="site-guide-fine-print site-guide-fine-print--center">綜藝主頁：<a
href="../variety/variety.html">variety.html</a></p>
</section> </section>
<section class="site-guide-group" aria-labelledby="sg-nav-origin"> <section class="site-guide-group" aria-labelledby="sg-nav-origin">
@@ -254,20 +299,20 @@
<td>區塊錨點（<code>#story</code> 不在頂欄白名單）</td> <td>區塊錨點（<code>#story</code> 不在頂欄白名單）</td>
</tr> </tr>
<tr> <tr>
<td><a href="totoga2-video.html">影片</a></td> <td><a href="totoga2-copy-timeline.html">時間軸</a></td>
<td>平行單頁 · <code>totoga2-video.html</code></td> <td>平行單頁 · <code>totoga2-copy-timeline.html</code></td>
</tr> </tr>
<tr> <tr>
<td><a href="totoga2-copy-ebook.html">電子書</a></td> <td><a href="totoga2-copy-ebook.html">電子書</a></td>
<td>平行單頁 · <code>totoga2-copy-ebook.html</code></td> <td>平行單頁 · <code>totoga2-copy-ebook.html</code></td>
</tr> </tr>
<tr> <tr>
<td><a href="totoga2-copy-timeline.html">時間軸</a></td> <td><a href="../fallen/totoga2.html">圖文好讀版</a></td>
<td>平行單頁 · <code>totoga2-copy-timeline.html</code></td> <td>整合長頁 · <code>fallen/totoga2.html</code></td>
</tr> </tr>
<tr> <tr>
<td><a href="../fallen/totoga2.html">網頁版（TOTOGA2）</a></td> <td><a href="totoga2-video.html">影片</a></td>
<td>整合長頁 · <code>fallen/totoga2.html</code></td> <td>平行單頁 · <code>totoga2-video.html</code></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -275,12 +320,13 @@
<div class="site-guide-grid site-guide-grid--compact"> <div class="site-guide-grid site-guide-grid--compact">
<article class="site-guide-card site-guide-card--totoga2"> <article class="site-guide-card site-guide-card--totoga2">
<h3><a href="../fallen/totoga2.html">六六歌2 · 四入口</a></h3> <h3><a href="../fallen/totoga2.html">六六歌2 · 四入口</a></h3>
<p class="site-guide-note">複本總覽：<a href="totoga2%20copy.html">totoga2 copy.html</a>。章節錨點僅在網頁版（TOTOGA2）內。</p> <p class="site-guide-note">複本總覽：<a href="totoga2%20copy.html">totoga2 copy.html</a>。章節錨點僅在圖文好讀版內。
</p>
<ul class="site-guide-inline-links"> <ul class="site-guide-inline-links">
<li><a href="totoga2-video.html">影片</a></li>
<li><a href="totoga2-copy-ebook.html">電子書</a></li>
<li><a href="totoga2-copy-timeline.html">時間軸</a></li> <li><a href="totoga2-copy-timeline.html">時間軸</a></li>
<li><a href="../fallen/totoga2.html">網頁版（TOTOGA2）</a></li> <li><a href="totoga2-copy-ebook.html">電子書</a></li>
<li><a href="../fallen/totoga2.html">圖文好讀版</a></li>
<li><a href="totoga2-video.html">影片</a></li>
</ul> </ul>
<nav class="site-guide-chapter-nav" aria-label="totoga2 章節"> <nav class="site-guide-chapter-nav" aria-label="totoga2 章節">
<a href="../fallen/totoga2.html#challenge">無限挑戰</a> <a href="../fallen/totoga2.html#challenge">無限挑戰</a>
@@ -321,7 +367,9 @@
<tbody> <tbody>
<tr> <tr>
<th scope="row">集結水晶</th> <th scope="row">集結水晶</th>
<td><a href="../concert/concert.html">concert.html</a> · <a href="../concert/concert.html#stage-now">#stage-now</a> · <a href="../concert/concert.html#stage-past">#stage-past</a></td> <td><a href="../concert/concert.html">concert.html</a> · <a
href="../concert/concert.html#stage-now">#stage-now</a> · <a
href="../concert/concert.html#stage-past">#stage-past</a></td>
</tr> </tr>
<tr> <tr>
<th scope="row">隊長的氣場</th> <th scope="row">隊長的氣場</th>
@@ -339,7 +387,9 @@
<tbody> <tbody>
<tr> <tr>
<th scope="row">典藏</th> <th scope="row">典藏</th>
<td><a href="../albums/albums.html">albums.html</a> · <a href="../albums/albums.html#new">#new</a> · <a href="../albums/albums.html#classic">#classic</a></td> <td><a href="../albums/albums.html">albums.html</a> · <a
href="../albums/albums.html#new">#new</a> · <a
href="../albums/albums.html#classic">#classic</a></td>
</tr> </tr>
<tr> <tr>
<th scope="row">歌詞</th> <th scope="row">歌詞</th>
@@ -365,7 +415,9 @@
</tr> </tr>
<tr> <tr>
<th scope="row">地圖</th> <th scope="row">地圖</th>
<td><a href="../yellow-note/map.html">map.html</a> · <a href="../yellow-note/map.html#taipei">#taipei</a> · <a href="../yellow-note/map.html#global">#global</a></td> <td><a href="../yellow-note/map.html">map.html</a> · <a
href="../yellow-note/map.html#taipei">#taipei</a> · <a
href="../yellow-note/map.html#global">#global</a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -379,7 +431,8 @@
<tbody> <tbody>
<tr> <tr>
<th scope="row">主頁</th> <th scope="row">主頁</th>
<td><a href="../variety/variety.html">variety.html</a> · <a href="../variety/variety.html#variety">#variety</a></td> <td><a href="../variety/variety.html">variety.html</a> · <a
href="../variety/variety.html#variety">#variety</a></td>
</tr> </tr>
<tr> <tr>
<th scope="row">NJTW5</th> <th scope="row">NJTW5</th>
@@ -392,7 +445,9 @@
<section class="site-guide-group site-guide-group--extra" aria-labelledby="sg-nav-extra"> <section class="site-guide-group site-guide-group--extra" aria-labelledby="sg-nav-extra">
<h2 class="section-title" id="sg-nav-extra">extra/ 其餘</h2> <h2 class="section-title" id="sg-nav-extra">extra/ 其餘</h2>
<p class="site-guide-folder-hint">未列頂欄主模板之草稿／實驗頁。主選單對應頁面已移至 <code>fallen/</code>、<code>member/</code>、<code>yellow-note/</code>、<code>variety/</code> 等資料夾；六六歌2 四入口之複本仍在本目錄。</p> <p class="site-guide-folder-hint">未列頂欄主模板之草稿／實驗頁。主選單對應頁面已移至
<code>fallen/</code>、<code>member/</code>、<code>yellow-note/</code>、<code>variety/</code> 等資料夾；六六歌2
四入口之複本仍在本目錄。</p>
<div class="site-guide-nav-table-wrap"> <div class="site-guide-nav-table-wrap">
<table class="site-guide-mini-table"> <table class="site-guide-mini-table">
<thead> <thead>
extra/totoga2 copy.html
+3 -3
View File
@@ -35,10 +35,10 @@
</section> </section>
<nav class="ebook-back-link totoga2-split-crossnav totoga2-copy-hub-nav" aria-label="六六歌2 閱讀入口"> <nav class="ebook-back-link totoga2-split-crossnav totoga2-copy-hub-nav" aria-label="六六歌2 閱讀入口">
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
<a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a> <a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">網頁版（TOTOGA2）</a> <a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
</nav> </nav>
<p class="ebook-intro-lead totoga2-copy-hub-anchor-hint"> <p class="ebook-intro-lead totoga2-copy-hub-anchor-hint">
extra/totoga2-copy-ebook.html
+6 -6
View File
@@ -11,7 +11,7 @@
<link rel="stylesheet" href="totoga2-split-nav.css"> <link rel="stylesheet" href="totoga2-split-nav.css">
</head> </head>
<body class="ebook-ssg2-page totoga2-page"> <body class="ebook-ssg2-page totoga2-page totoga2-ebook-copy-page">
<header class="map-archive-header"> <header class="map-archive-header">
<div class="header-inner"> <div class="header-inner">
<h1 class="main-title">無限挑戰 · 六六歌2</h1> <h1 class="main-title">無限挑戰 · 六六歌2</h1>
@@ -26,10 +26,10 @@
<canvas id="particles"></canvas> <canvas id="particles"></canvas>
<nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口"> <nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
<a href="totoga2-copy-ebook.html" class="btn" aria-current="page" title="紀實電子書內容獨立成頁">電子書</a>
<a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a> <a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">網頁版（TOTOGA2）</a> <a href="totoga2-copy-ebook.html" class="btn" aria-current="page" title="紀實電子書內容獨立成頁">電子書</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
</nav> </nav>
<div class="content-container ebook-main"> <div class="content-container ebook-main">
@@ -100,7 +100,7 @@
var sizePage = await pdf.getPage(sizePageIndex); var sizePage = await pdf.getPage(sizePageIndex);
var natural = sizePage.getViewport({ scale: 1 }); var natural = sizePage.getViewport({ scale: 1 });
var shell = document.querySelector('.flip-ebook-shell'); var shell = document.querySelector('.flip-ebook-shell');
var maxW = Math.min((shell && shell.clientWidth) || 1000, 1000) - 8; var maxW = shell ? shell.clientWidth : Math.min(window.innerWidth, 1200);
var pageW = Math.max(320, Math.floor(maxW)); var pageW = Math.max(320, Math.floor(maxW));
var pageH = Math.floor(pageW * (natural.height / natural.width)); var pageH = Math.floor(pageW * (natural.height / natural.width));
var maxH = Math.floor(window.innerHeight * 0.72); var maxH = Math.floor(window.innerHeight * 0.72);
@@ -110,7 +110,7 @@
} }
var renderScale = (pageW / natural.width) * Math.min(window.devicePixelRatio || 1, 2); var renderScale = (pageW / natural.width) * Math.min(window.devicePixelRatio || 1, 2);
/* 容器寬度 ≈ 單頁寬，配合 size:'fixed' 才會走 portrait（全幅 A4*2），不會切成左右兩半 */ /* 單頁寬高與 PDF 同比例；外殼可滿欄，書本置中（不拉扁 canvas） */
var bookHost = document.getElementById('book-container'); var bookHost = document.getElementById('book-container');
if (bookHost) { if (bookHost) {
bookHost.style.width = pageW + 'px'; bookHost.style.width = pageW + 'px';
extra/totoga2-copy-timeline.html
+3 -3
View File
@@ -26,10 +26,10 @@
<canvas id="particles"></canvas> <canvas id="particles"></canvas>
<nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口"> <nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
<a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="totoga2-copy-timeline.html" class="btn" aria-current="page" title="時間軸與紀實八章長文單頁">時間軸</a> <a href="totoga2-copy-timeline.html" class="btn" aria-current="page" title="時間軸與紀實八章長文單頁">時間軸</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">網頁版（TOTOGA2）</a> <a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
<a href="totoga2-video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
</nav> </nav>
<div class="totoga2-reader-hub content-container ebook-main"> <div class="totoga2-reader-hub content-container ebook-main">
extra/totoga2-video.html
+3 -3
View File
@@ -27,10 +27,10 @@
<div id="bilivideo-tabs" class="bilivideo-hub"> <div id="bilivideo-tabs" class="bilivideo-hub">
<nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口"> <nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
<a href="totoga2-video.html" class="btn" aria-current="page" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
<a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a> <a href="totoga2-copy-timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">網頁版（TOTOGA2）</a> <a href="totoga2-copy-ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
<a href="../fallen/totoga2.html" class="btn" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
<a href="totoga2-video.html" class="btn" aria-current="page" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
</nav> </nav>
<div class="content-container ebook-main"> <div class="content-container ebook-main">