fix 移除導覽列副標

This commit is contained in:
2026-05-15 18:09:31 +08:00
parent 27e8c5e22e
commit 177fb831a9
12 changed files with 275 additions and 169 deletions
+121 -66
View File
@@ -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>
@@ -452,4 +507,4 @@
</script>
</body>
</html>
</html>
+4 -4
View File
@@ -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">
@@ -62,4 +62,4 @@
<script src="../assets/js/portal-nav.js"></script>
</body>
</html>
</html>
+6 -6
View File
@@ -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';
+3 -3
View File
@@ -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">
+3 -3
View File
@@ -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">