feat 電子書

2026-05-15 16:01:31 +08:00
parent 904f3ebffd
commit b656f5a362
14 changed files with 183 additions and 48 deletions
@@ -8,6 +8,7 @@
    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="stylesheet" href="../assets/css/tablet.css">
+    <link rel="stylesheet" href="totoga2-split-nav.css">
 </head>

 <body class="ebook-ssg2-page totoga2-page totoga2-video-copy-page">
@@ -25,13 +26,12 @@
    <canvas id="particles"></canvas>

    <div id="bilivideo-tabs" class="bilivideo-hub">
-        <p class="totoga2-copy-sibling-links content-container" aria-label="六六歌2 其他複本入口">
-            <a href="totoga2-copy-ebook.html">紀實電子書</a>
-            <span class="totoga2-copy-sibling-links__sep" aria-hidden="true">·</span>
-            <a href="totoga2-copy-timeline.html">時間軸＋長文</a>
-            <span class="totoga2-copy-sibling-links__sep" aria-hidden="true">·</span>
-            <a href="totoga2%20copy.html">複本總覽</a>
-        </p>
+        <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>
+        </nav>

        <div class="content-container ebook-main">
            <section class="ebook-intro section" aria-labelledby="ebook-bilivideo-heading">