feat:故事線合併並調整css

2026-05-07 22:10:27 +08:00
parent 9f2fe4e076
commit 5ced641962
4 changed files with 297 additions and 166 deletions
@@ -0,0 +1,31 @@
+<!-- 成員切換標籤 -->
+<nav class="member-tabs">
+    <button class="tab-btn active">殷志源 (Eun Ji Won)</button>
+    <button class="tab-btn">高志溶 (Ko Ji Yong)</button>
+</nav>
+
+<main class="content-container">
+    <!-- 左側固定地圖 -->
+    <section class="map-sticky">
+        <iframe src="https://www.google.com/maps/d/embed?mid=1xpAsSoO8gNmMiW4x2sfkndISFTtjMQDw&hl=zh-TW&ehbc=2E312F"
+            width="100%" height="450"></iframe>
+    </section>
+
+    <!-- 右側拍立得清單 -->
+    <section class="itinerary-list">
+        <!-- 拍立得卡片 -->
+        <article class="polaroid-card">
+            <div class="photo-frame">
+                <img src="節目截圖.jpg" alt="景點名稱">
+            </div>
+            <div class="card-content">
+                <span class="date">2024.05.07</span>
+                <h3>景點名稱（如：台北101）</h3>
+                <p class="description">這裡可以放入節目的細節介紹，例如在那裡做了什麼、說了什麼話...</p>
+                <div class="tag">#踩點成功</div>
+            </div>
+        </article>
+
+        <!-- 更多卡片... -->
+    </section>
+</main>