refactor totoga2與首頁時間軸

2026-05-17 20:41:13 +08:00
parent d0897a4656
commit 0d1acca358
17 changed files with 51 additions and 475 deletions
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-TW">

 <head>
@@ -60,8 +60,6 @@
            }
        }

-        totoga2.html
-
        /* 含圖列：必須寫在含 #totoga2-reader 的選取器上，否則會輸給上一段 #totoga2-reader .container 的 height，圖會溢出蓋住後文 */
        body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) {
            height: auto;
@@ -158,7 +156,7 @@
            display: block;
        }
    </style>
-    <link rel="stylesheet" href="split-nav.css">
+    <link rel="stylesheet" href="split-nav.css">
 </head>

 <body class="ebook-ssg2-page totoga2-page">
@@ -173,13 +171,13 @@

    <nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>

-    <canvas id="particles"></canvas>
-
-    <nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
-        <a href="timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
-        <a href="ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
-        <a href="readable.html" class="btn" aria-current="page" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
-        <a href="video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
+    <canvas id="particles"></canvas>
+
+    <nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
+        <a href="timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
+        <a href="ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
+        <a href="readable.html" class="btn" aria-current="page" title="單頁整合：影片／電子書／長文模式切換與八章錨點">圖文好讀版</a>
+        <a href="video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
    </nav>
    <main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
        <article class="chronicle-chapter active" id="challenge" data-title="無限挑戰">