fix 移除導覽列副標
This commit is contained in:
@@ -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` 為準。
|
||||
@@ -26,9 +26,12 @@ alwaysApply: true
|
||||
|
||||
- **同一列／並排多欄**：預設 **等高**（例如 flex 同列 `align-items: stretch`、grid 同列對齊高度），除非該次明講要頂對齊或其他非等高編排。
|
||||
- **同一層級、同類可重複元件**（例如多張 **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` 把版面變成「盒子裡再拖條」）；**只有**站主對該區曾**明講**要可捲動或強烈規定的例外才做捲動容器。
|
||||
- **`img`／`canvas`**：一律 **等比例縮放**（`object-fit: contain` 或 `max-width: 100%` + `height: auto`）；**禁止**為了「撐滿」使用 `object-fit: fill` 或讓容器寬高比與圖面比例不一致卻強制 `width/height: 100%` 拉扁。滿欄時外殼可 100% 寬，圖本體置中、維持比例。
|
||||
|
||||
實作時仍以「只改被點名範圍」為上；若要拉一套新 grid／卡片列，優先在本區父層加 class，避免為了對齊去改未點名的全站共用規則。
|
||||
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
|
||||
- 同一列：除非特別說，**等高**。
|
||||
- 同屬性（如 CARD）：**等寬**。
|
||||
- 「十字以內」等級的短標：**盡量不換行、置中**；超過則**可換行、置左**。
|
||||
- 「十字以內」等級的短標：**盡量不換行、置中**；超過則**內文層（body）可換行、置左**（規則與 CSS 依 `body.頁面類名 … p`，不依 `*-intro-lead` class 名）。
|
||||
- **不要**隨便出現內嵌捲軸；除非站主對該區有強烈／明確規定。
|
||||
|
||||
細節與實作注意已寫在 `ai-change-boundaries.mdc` 該節。
|
||||
|
||||
@@ -33,5 +33,5 @@
|
||||
|
||||
## 其他
|
||||
|
||||
- 六六歌2 分頁（site-guide）：影片 → 電子書 → 時間軸 → 網頁版（TOTOGA2）
|
||||
- 六六歌2 分頁（site-guide／頂欄／四鈕列）：時間軸 → 電子書 → 圖文好讀版→ 影片
|
||||
- 規則：`.cursor/rules/site-voice.mdc`
|
||||
|
||||
@@ -148,8 +148,9 @@ section.archive-block p:last-child {
|
||||
margin: 8px 6px;
|
||||
}
|
||||
|
||||
.archive-intro-lead {
|
||||
text-align: center;
|
||||
/* albums 等：archive-intro 內段落為內文層（非短字層） */
|
||||
section.archive-intro p {
|
||||
text-align: left;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
+65
-59
@@ -135,11 +135,9 @@ nav a {
|
||||
|
||||
.portal-nav>ul>li>a {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
gap: 2px;
|
||||
line-height: 1.15;
|
||||
text-decoration: none;
|
||||
color: var(--primary);
|
||||
@@ -152,17 +150,6 @@ nav a {
|
||||
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 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -183,9 +170,7 @@ nav a {
|
||||
|
||||
.portal-nav .portal-submenu a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
align-items: center;
|
||||
padding: 8px 10px;
|
||||
border-radius: 8px;
|
||||
color: #5f5f5f;
|
||||
@@ -194,15 +179,6 @@ nav a {
|
||||
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 {
|
||||
background: #fff8df;
|
||||
color: #3a300a;
|
||||
@@ -223,9 +199,7 @@ nav a {
|
||||
|
||||
.portal-nav .portal-submenu .portal-nav__subgroup-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
align-items: center;
|
||||
padding: 6px 26px 8px 10px;
|
||||
position: relative;
|
||||
color: #4a4a4a;
|
||||
@@ -246,10 +220,6 @@ nav a {
|
||||
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 {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
@@ -291,9 +261,7 @@ nav a {
|
||||
|
||||
.portal-nav .portal-submenu .portal-nav__subgroup-head--nested {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
align-items: center;
|
||||
padding: 8px 24px 8px 10px;
|
||||
position: relative;
|
||||
font-size: 0.82rem;
|
||||
@@ -384,23 +352,12 @@ nav a {
|
||||
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-nested a.nav-current {
|
||||
color: #3a300a;
|
||||
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-nested a.nav-current:hover {
|
||||
background: rgba(255, 204, 0, 0.32);
|
||||
@@ -1471,12 +1428,6 @@ footer a .mark_b {
|
||||
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 {
|
||||
align-items: flex-end;
|
||||
text-align: right;
|
||||
@@ -2093,18 +2044,17 @@ footer a .mark_b {
|
||||
}
|
||||
|
||||
/* 六六歌2 電子書頁 */
|
||||
body.ebook-ssg2-page .ebook-intro-lead {
|
||||
text-align: center;
|
||||
/* 內文層：依 body 頁類 + 段落 p，不依 *-intro-lead class */
|
||||
body.ebook-ssg2-page .ebook-main p {
|
||||
text-align: left;
|
||||
max-width: 42rem;
|
||||
margin: 0 auto 1.5rem;
|
||||
margin: 0 auto 1.25rem;
|
||||
color: #4a4a4a;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page .ebook-intro-note {
|
||||
text-align: center;
|
||||
max-width: 42rem;
|
||||
margin: -0.75rem auto 1.25rem;
|
||||
body.ebook-ssg2-page .ebook-intro.section p + p {
|
||||
margin-top: -0.5rem;
|
||||
font-size: 0.88rem;
|
||||
color: #777;
|
||||
line-height: 1.5;
|
||||
@@ -2207,10 +2157,21 @@ body.ebook-ssg2-page #my-flipbook .page {
|
||||
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 {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@@ -2219,6 +2180,51 @@ body.ebook-ssg2-page .ebook-back-link {
|
||||
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） */
|
||||
|
||||
body.totoga2-page .totoga2-hub-controls {
|
||||
|
||||
+23
-22
@@ -3,9 +3,10 @@
|
||||
* ── 導覽「尚未開放」連結 ─────────────────────────────────────────
|
||||
* 【兩個世界】① 僅 `extra/site-guide.html`：`<nav data-portal-nav data-portal-nav-all-open>` → 不套用籌備中，
|
||||
* 頂欄全可點；`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 刪名、不得擴白名單、不得在模板新增可點項。
|
||||
* 文案 NAV_SOON_PHRASES：籌備中連結提示用。
|
||||
* 頂欄勿加 `portal-nav__sub`（站主未要求）；曾用副標見 `.cursor/portal-nav-optimization-backlog.md`。
|
||||
* 完整條文：`.cursor/rules/portal-nav-rules.mdc` + `user-scope-and-nav.mdc`
|
||||
*/
|
||||
const NAV_SOON_PHRASES = ["奇蹟醞釀中", // 頁面準備中，呼應黃色奇蹟的誕生
|
||||
@@ -171,49 +172,49 @@
|
||||
return `
|
||||
<a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
|
||||
<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">
|
||||
<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">
|
||||
<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）">
|
||||
<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-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-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">網頁版（TOTOGA2）</span><span class="portal-nav__sub">單頁整合：影片／電子書／長文與八章錨點</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></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}extra/totoga2-video.html"><span class="portal-nav__label">影片</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<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="全員發瘋">
|
||||
<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">
|
||||
<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="各自暴走">
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</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}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}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></a>
|
||||
<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 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 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></a></li>
|
||||
</ul>
|
||||
</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">
|
||||
<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#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#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></a></li>
|
||||
</ul>
|
||||
</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">
|
||||
<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/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/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></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
+120
-65
@@ -63,7 +63,6 @@
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@@ -83,7 +82,8 @@
|
||||
|
||||
<main class="content-container site-guide-main">
|
||||
<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>
|
||||
|
||||
<section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree">
|
||||
@@ -104,109 +104,150 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<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-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 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-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 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-desc">四種入口：影片、電子書、時間軸為獨立單頁；網頁版為 TOTOGA2 整合長頁（章節錨點）。</td>
|
||||
<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-desc">四種入口（順序）：時間軸、電子書為獨立單頁；網頁版為 TOTOGA2 整合長頁（章節錨點）；影片為嵌入單頁。</td>
|
||||
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></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 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-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-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 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-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 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-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<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-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 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-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<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-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 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-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 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-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 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-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 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-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<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-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 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-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 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-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 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-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 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-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 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-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>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -218,11 +259,14 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
<th scope="row">固定</th>
|
||||
@@ -231,7 +275,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</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 class="site-guide-group" aria-labelledby="sg-nav-origin">
|
||||
@@ -254,20 +299,20 @@
|
||||
<td>區塊錨點（<code>#story</code> 不在頂欄白名單）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2-video.html">影片</a></td>
|
||||
<td>平行單頁 · <code>totoga2-video.html</code></td>
|
||||
<td><a href="totoga2-copy-timeline.html">時間軸</a></td>
|
||||
<td>平行單頁 · <code>totoga2-copy-timeline.html</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2-copy-ebook.html">電子書</a></td>
|
||||
<td>平行單頁 · <code>totoga2-copy-ebook.html</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2-copy-timeline.html">時間軸</a></td>
|
||||
<td>平行單頁 · <code>totoga2-copy-timeline.html</code></td>
|
||||
<td><a href="../fallen/totoga2.html">圖文好讀版</a></td>
|
||||
<td>整合長頁 · <code>fallen/totoga2.html</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="../fallen/totoga2.html">網頁版（TOTOGA2）</a></td>
|
||||
<td>整合長頁 · <code>fallen/totoga2.html</code></td>
|
||||
<td><a href="totoga2-video.html">影片</a></td>
|
||||
<td>平行單頁 · <code>totoga2-video.html</code></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -275,12 +320,13 @@
|
||||
<div class="site-guide-grid site-guide-grid--compact">
|
||||
<article class="site-guide-card site-guide-card--totoga2">
|
||||
<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">
|
||||
<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="../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>
|
||||
<nav class="site-guide-chapter-nav" aria-label="totoga2 章節">
|
||||
<a href="../fallen/totoga2.html#challenge">無限挑戰</a>
|
||||
@@ -321,7 +367,9 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<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>
|
||||
<th scope="row">隊長的氣場</th>
|
||||
@@ -339,7 +387,9 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<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>
|
||||
<th scope="row">歌詞</th>
|
||||
@@ -365,7 +415,9 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<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>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -379,7 +431,8 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<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>
|
||||
<th scope="row">NJTW5</th>
|
||||
@@ -392,7 +445,9 @@
|
||||
|
||||
<section class="site-guide-group site-guide-group--extra" aria-labelledby="sg-nav-extra">
|
||||
<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">
|
||||
<table class="site-guide-mini-table">
|
||||
<thead>
|
||||
|
||||
@@ -35,10 +35,10 @@
|
||||
</section>
|
||||
|
||||
<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="../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>
|
||||
|
||||
<p class="ebook-intro-lead totoga2-copy-hub-anchor-hint">
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<link rel="stylesheet" href="totoga2-split-nav.css">
|
||||
</head>
|
||||
|
||||
<body class="ebook-ssg2-page totoga2-page">
|
||||
<body class="ebook-ssg2-page totoga2-page totoga2-ebook-copy-page">
|
||||
<header class="map-archive-header">
|
||||
<div class="header-inner">
|
||||
<h1 class="main-title">無限挑戰 · 六六歌2</h1>
|
||||
@@ -26,10 +26,10 @@
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
<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="../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>
|
||||
|
||||
<div class="content-container ebook-main">
|
||||
@@ -100,7 +100,7 @@
|
||||
var sizePage = await pdf.getPage(sizePageIndex);
|
||||
var natural = sizePage.getViewport({ scale: 1 });
|
||||
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 pageH = Math.floor(pageW * (natural.height / natural.width));
|
||||
var maxH = Math.floor(window.innerHeight * 0.72);
|
||||
@@ -110,7 +110,7 @@
|
||||
}
|
||||
var renderScale = (pageW / natural.width) * Math.min(window.devicePixelRatio || 1, 2);
|
||||
|
||||
/* 容器寬度 ≈ 單頁寬，配合 size:'fixed' 才會走 portrait（全幅 A4*2），不會切成左右兩半 */
|
||||
/* 單頁寬高與 PDF 同比例；外殼可滿欄，書本置中（不拉扁 canvas） */
|
||||
var bookHost = document.getElementById('book-container');
|
||||
if (bookHost) {
|
||||
bookHost.style.width = pageW + 'px';
|
||||
|
||||
@@ -26,10 +26,10 @@
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
<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="../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>
|
||||
|
||||
<div class="totoga2-reader-hub content-container ebook-main">
|
||||
|
||||
@@ -27,10 +27,10 @@
|
||||
|
||||
<div id="bilivideo-tabs" class="bilivideo-hub">
|
||||
<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="../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>
|
||||
|
||||
<div class="content-container ebook-main">
|
||||
|
||||
Reference in New Issue
Block a user