219 lines
12 KiB
HTML
219 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-TW">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>水晶男孩｜全站導覽</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="site-guide-page">
|
||
<header class="map-archive-header">
|
||
<div class="header-inner">
|
||
<h1 class="main-title">全站導覽</h1>
|
||
<div class="subtitle-wrap">
|
||
<span class="sub-title">SITE MAP · 頁面索引</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
||
|
||
<canvas id="particles"></canvas>
|
||
|
||
<main class="content-container site-guide-main">
|
||
<p class="site-guide-lead">
|
||
以下為本專案目前所有 HTML 頁面：每張卡片含<span class="mark_b">連結</span>、瀏覽器分頁上的<span class="mark_b">標題</span>（<code><title></code>）、以及主要<span class="mark_b">區塊／錨點</span>，方便你開發或簡報時一鍵跳轉。
|
||
<span class="mark_b">此頁未放入全站導覽列</span>，僅供你自行書籤或輸入網址（例如 <code>site-guide.html</code>）開啟。
|
||
</p>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-home">
|
||
<h2 class="section-title" id="sg-home">首頁與入口</h2>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="index.html">index.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES - 水晶男孩傳奇介紹</cite></p>
|
||
<p class="site-guide-note">主視覺與導覽列；內文以區塊錨點分段。</p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="index.html#origin">#origin</a> — 淪陷瞬間（Hero，與導覽一致）</li>
|
||
<li><a href="index.html#start">#start</a> — 好奇的開端</li>
|
||
<li><a href="index.html#mission">#mission</a> — 成立的初衷</li>
|
||
<li><a href="index.html#timeline">#timeline</a> — 跨時空軌跡</li>
|
||
<li><a href="index.html#story">#story</a> — 傳奇的轉折</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="grok.html">grok.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩 SECHSKIES | 永恆的六顆水晶</cite></p>
|
||
<p class="site-guide-note">單頁多區塊版型（實驗／簡報用）。</p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="grok.html#story">#story</a></li>
|
||
<li><a href="grok.html#members">#members</a></li>
|
||
<li><a href="grok.html#discography">#discography</a></li>
|
||
<li><a href="grok.html#now">#now</a></li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group site-guide-group--ssg2" aria-labelledby="sg-ssg2">
|
||
<h2 class="section-title" id="sg-ssg2">無限挑戰 · 六六歌 2</h2>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card site-guide-card--totoga2">
|
||
<h3><a href="totoga2.html">totoga2.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</cite></p>
|
||
<p class="site-guide-note">單一入口：影片三集、FlipHTML5 電子書、傳奇的轉折時間軸、紀實長文八章（可切網漫／分頁）。</p>
|
||
|
||
<div class="site-guide-totoga2-panel">
|
||
<p class="site-guide-kicker">怎麼開</p>
|
||
<ul class="site-guide-modes site-guide-modes--totoga2">
|
||
<li><a href="totoga2.html">影片模式</a> — 預設開啟（三集 Bilibili）。</li>
|
||
<li><a href="totoga2.html#ebook">電子書模式</a> — 進頁即切到 FlipHTML5 全螢幕。</li>
|
||
<li><a href="totoga2.html#challenge">紀實長文</a> — 自「無限挑戰」章進入；亦可從下方任一章捷徑直達。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="site-guide-totoga2-panel">
|
||
<p class="site-guide-kicker">長文章節捷徑</p>
|
||
<nav class="site-guide-chapter-nav" aria-label="totoga2 紀實長文章節">
|
||
<a href="totoga2.html#challenge">無限挑戰</a>
|
||
<a href="totoga2.html#ssg2">六六歌第二季</a>
|
||
<a href="totoga2.html#sechskies-profile">水晶男孩</a>
|
||
<a href="totoga2.html#gather">召集</a>
|
||
<a href="totoga2.html#negotiate">正式交涉</a>
|
||
<a href="totoga2.html#variables">變數</a>
|
||
<a href="totoga2.html#surprise">驚喜</a>
|
||
<a href="totoga2.html#final-stage">登場</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<p class="site-guide-fine-print">舊檔 <code>ssg2-ebook.html</code>、<code>chronicle.html</code> 已併入 <a href="totoga2.html">totoga2 整合頁</a>。</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-members">
|
||
<h2 class="section-title" id="sg-members">成員與紀實</h2>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="jiwon.html">jiwon.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜瘋子與天才</cite></p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="jiwon.html#variety">#variety</a> — 瘋狂出演中</li>
|
||
<li><a href="jiwon.html#stage">#stage</a> — 隊長的氣場</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="sunghoon.html">sunghoon.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜消失的真相</cite></p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="sunghoon.html#truth">#truth</a></li>
|
||
<li><a href="sunghoon.html#voice">#voice</a></li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-minister">
|
||
<h2 class="section-title" id="sg-minister">推廣部 · 視覺進化論</h2>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="minister.html">minister.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論</cite></p>
|
||
<p class="site-guide-note">頂欄未開放；僅由此全站導覽索引或書籤開啟。圖檔請放 <code>img/minister/</code>（與頁面內檔名一致）。</p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="minister.html#intro">#intro</a> — 跨越時空的開端</li>
|
||
<li><a href="minister.html#slant">#slant</a> — 斜槓精神</li>
|
||
<li><a href="minister.html#journey">#journey</a> — 成長時間軸</li>
|
||
<li><a href="minister.html#journey-2016">#journey-2016</a> — 2016</li>
|
||
<li><a href="minister.html#journey-2017">#journey-2017</a> — 2017</li>
|
||
<li><a href="minister.html#journey-now">#journey-now</a> — 2018 至今</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="minister_ge.html">minister_ge.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論：認真魔人的進化之路</cite></p>
|
||
<p class="site-guide-note">供 Gemini 等工具改稿用的<span class="mark_b">備份頁</span>；頂欄未開放，請由此索引或書籤開啟。</p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="minister_ge.html#intro">#intro</a> — 品牌起源</li>
|
||
<li><a href="minister_ge.html#identity">#identity</a> — 斜槓精神</li>
|
||
<li><a href="minister_ge.html#evolution">#evolution</a> — 進化里程</li>
|
||
<li><a href="minister_ge.html#journey">#journey</a> — 推廣部進化史</li>
|
||
<li><a href="minister_ge.html#training">#training</a> — 訓練營</li>
|
||
<li><a href="minister_ge.html#tech-stack">#tech-stack</a> — 技術實力</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-media">
|
||
<h2 class="section-title" id="sg-media">現場 · 典藏 · 地圖 · 歌詞</h2>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="concert.html">concert.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES Concert Archive</cite></p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="concert.html#stage-now">#stage-now</a> — 永恆的重逢</li>
|
||
<li><a href="concert.html#stage-past">#stage-past</a> — 燦爛的最初</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="albums.html">albums.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜黃色留聲機</cite></p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="albums.html#new">#new</a> — 啟動新篇章</li>
|
||
<li><a href="albums.html#classic">#classic</a> — 輝煌全盛期</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="map.html">map.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES 台灣行程地圖</cite></p>
|
||
<h4>區塊錨點</h4>
|
||
<ul>
|
||
<li><a href="map.html#taipei">#taipei</a> — 台北聖地（主版面）</li>
|
||
<li><a href="map.html#global">#global</a> — 海外遠征</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card">
|
||
<h3><a href="lyrics.html">lyrics.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>세 단어 (THREE WORDS) — SECHSKIES</cite></p>
|
||
<p class="site-guide-note"><code><html lang="ko"></code>；歌詞＋YouTube 嵌入單頁。</p>
|
||
<h4>結構</h4>
|
||
<ul>
|
||
<li><code>.lyrics-layout</code> — 主標＋表格雙欄</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
||
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
|
||
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
||
</a>
|
||
</footer>
|
||
|
||
<script src="particles.js"></script>
|
||
<script src="portal-nav.js"></script>
|
||
</body>
|
||
|
||
</html>
|