122 lines
5.3 KiB
HTML
122 lines
5.3 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="水晶男孩推廣部導覽" data-portal-nav></nav>
|
|
|
|
<canvas id="particles"></canvas>
|
|
|
|
<div class="container">
|
|
<section class="archive-intro" aria-label="導語">
|
|
<p class="intro-text archive-intro-lead">
|
|
音軌才是與這個名字最直白相遇的方式——以下先收精選年表與深水連結。
|
|
</p>
|
|
</section>
|
|
|
|
<section id="new" class="archive-block">
|
|
<h2 class="section-title">啟動新篇章</h2>
|
|
<p>回歸後的數位單曲與專輯，是現在進行式的聲紋紀錄；耳機調大聲一格，就能把「新篇章」接住。</p>
|
|
<p><a href="lyrics.html">聽見歌詞細節（2016 代表曲目）</a></p>
|
|
<table class="archive-discography">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">封面</th>
|
|
<th scope="col">年份</th>
|
|
<th scope="col">專輯／作品</th>
|
|
<th scope="col">主打歌</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="album-cover-cell">
|
|
<img src="./img/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
|
|
</td>
|
|
<td>2016</td>
|
|
<td><a href="lyrics.html">數位單曲</a></td>
|
|
<td><a href="lyrics.html">Three Words (三個詞)</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="album-cover-cell">
|
|
<img src="./img/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
|
|
</td>
|
|
<td>2017</td>
|
|
<td><a href="concert.html#stage-now">ANOTHER LIGHT</a></td>
|
|
<td><a href="concert.html#stage-now">Something Special / Smile</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="album-cover-cell">
|
|
<img src="./img/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
|
|
</td>
|
|
<td>2020</td>
|
|
<td><a href="concert.html#stage-now">ALL FOR YOU</a></td>
|
|
<td><a href="concert.html#stage-now">ALL FOR YOU</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<section id="classic" class="archive-block">
|
|
<h2 class="section-title">輝煌全盛期</h2>
|
|
<p>主打的記憶點、b-side 的伏筆、舞步與應援口號——想一次收進收藏庫，往這張整理頁走。</p>
|
|
<p><a href="classic.html#classic-albums">打開輝煌全盛期整理</a></p>
|
|
<table class="archive-discography">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">年份</th>
|
|
<th scope="col">專輯／作品</th>
|
|
<th scope="col">主打歌</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1997</td>
|
|
<td><a href="classic.html#classic-albums">學園別曲</a></td>
|
|
<td><a href="classic.html#classic-albums">學園別曲 / 男兒之路 (Pom Saeng Pom Sa)</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>1998</td>
|
|
<td><a href="classic.html#classic-albums">Road Fighter</a></td>
|
|
<td><a href="classic.html#classic-albums">Road Fighter / Couple</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>1999</td>
|
|
<td><a href="classic.html#classic-albums">Com'Back</a></td>
|
|
<td><a href="classic.html#classic-albums">Com'Back</a></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>
|