146 lines
5.8 KiB
HTML
146 lines
5.8 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="index.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>
|
||
|
|
<header class="map-archive-header">
|
||
|
|
<div class="header-inner">
|
||
|
|
<h1 class="main-title">黃色留聲機</h1>
|
||
|
|
<div class="subtitle-wrap">
|
||
|
|
<span class="sub-title">YELLOW PHONOGRAPH</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽">
|
||
|
|
<a class="logo" href="index.html"><img src="./img/logov.svg" alt="SECHSKIES Logo"></a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html#origin">淪陷瞬間</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="index.html#mission">成立的初衷</a></li>
|
||
|
|
<li><a href="index.html#timeline">跨時空軌跡</a></li>
|
||
|
|
<li><a href="index.html#start">好奇的開端</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="jiwon.html">瘋子與天才</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="jiwon.html#variety">瘋狂出演中</a></li>
|
||
|
|
<li><a href="jiwon.html#stage">隊長的氣場</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="sunghoon.html">消失的真相</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="sunghoon.html#truth">還原那場雨</a></li>
|
||
|
|
<li><a href="sunghoon.html#voice">被掩蓋的主唱</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="concert.html">現場的震撼</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="concert.html#stage-now">永恆的重逢</a></li>
|
||
|
|
<li><a href="concert.html#stage-past">燦爛的最初</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="archive.html">黃色留聲機</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="archive.html#new">啟動新篇章</a></li>
|
||
|
|
<li><a href="archive.html#classic">輝煌全盛期</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="map.html">聖地巡禮</a>
|
||
|
|
<ul class="portal-submenu">
|
||
|
|
<li><a href="map.html#taipei">台北聖地</a></li>
|
||
|
|
<li><a href="map.html#global">海外遠征</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<canvas id="particles"></canvas>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<section class="archive-intro" aria-label="導語">
|
||
|
|
<p class="intro-text archive-intro-lead">
|
||
|
|
音軌才是與這個名字最直白相遇的方式——以下先收精選年表與深水連結。
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div id="new" class="archive-block">
|
||
|
|
<h2 class="section-title">啟動新篇章</h2>
|
||
|
|
<p>回歸後的數位單曲與專輯，是現在進行式的聲紋紀錄；耳機調大聲一格，就能把「新篇章」接住。</p>
|
||
|
|
<p><a href="lyrics.html">聽見歌詞細節</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="classic" class="archive-block">
|
||
|
|
<h2 class="section-title">輝煌全盛期</h2>
|
||
|
|
<p>主打的記憶點、b-side 的伏筆、舞步與應援口號——想一次收進收藏庫，往這張整理頁走。</p>
|
||
|
|
<p><a href="classic.html">打開輝煌全盛期整理</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<section id="albums">
|
||
|
|
<h2 class="section-title">歷年作品 (精選)</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>年份</th>
|
||
|
|
<th>專輯/作品</th>
|
||
|
|
<th>主打歌</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>1997</td>
|
||
|
|
<td>學園別曲</td>
|
||
|
|
<td>學園別曲 / 男兒之路 (Pom Saeng Pom Sa)</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>1998</td>
|
||
|
|
<td>Road Fighter</td>
|
||
|
|
<td>Road Fighter / Couple</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>1999</td>
|
||
|
|
<td>Com'Back</td>
|
||
|
|
<td>Com'Back</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>2016</td>
|
||
|
|
<td><a href="lyrics.html">數位單曲</a></td>
|
||
|
|
<td><a href="lyrics.html">Three Words (三個詞)</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>2017</td>
|
||
|
|
<td>ANOTHER LIGHT</td>
|
||
|
|
<td>Something Special / Smile</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>2020</td>
|
||
|
|
<td>ALL FOR YOU</td>
|
||
|
|
<td>ALL FOR YOU</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>SECHSKIES Fanpage © 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>
|