feat 新增電子書頁面

2026-05-13 14:16:38 +08:00
parent d994f841e5
commit b1f948f2d8
16 changed files with 243 additions and 359 deletions
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="zh-TW">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</title>
+    <link rel="stylesheet" href="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="tablet.css">
+</head>
+
+<body class="ebook-ssg2-page">
+    <header class="map-archive-header">
+        <div class="header-inner">
+            <h1 class="main-title">無限挑戰 · 六六歌2</h1>
+            <div class="subtitle-wrap">
+                <span class="sub-title">INFINITE CHALLENGE · SIX SONGS 2 — E-BOOK</span>
+            </div>
+        </div>
+    </header>
+
+    <nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
+
+    <canvas id="particles"></canvas>
+
+    <main class="content-container ebook-main">
+        <section class="ebook-intro section" aria-label="電子書說明">
+            <h2 class="section-title">紀實電子書</h2>
+            <p class="ebook-intro-lead">
+                以下為《無限挑戰》六六歌2 相關跨頁電子書（FlipHTML5）。若載入較慢，請稍候或重新整理；全螢幕閱讀請使用閱讀器內建控制項。
+            </p>
+        </section>
+
+        <div class="flip-ebook-shell">
+            <div class="flip-ebook-aspect">
+                <iframe src="https://online.fliphtml5.com/tjyxm/vqff/"
+                    title="2023_電子書_無限挑戰六六歌2_final跨頁"
+                    allowfullscreen></iframe>
+            </div>
+        </div>
+
+        <p class="ebook-back-link">
+            <a href="index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
+        </p>
+    </main>
+
+    <footer>
+        <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
+        <a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
+            Design by <strong>Jekkinoopy Studio</strong>
+        </a>
+    </footer>
+
+    <script src="particles.js"></script>
+    <script src="portal-nav.js"></script>
+</body>
+
+</html>