Files
sechskies/albums/albums.html
T

151 lines
7.3 KiB
HTML
Raw Normal View History

2026-05-09 22:04:55 +08:00
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩|黃色留聲機</title>
2026-05-14 09:01:08 +08:00
<link rel="stylesheet" href="../style.css">
<link rel="stylesheet" href="../index.css">
2026-05-09 22:04:55 +08:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
2026-05-14 09:01:08 +08:00
<link rel="stylesheet" href="../tablet.css">
2026-05-09 22:04:55 +08:00
</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>
2026-05-13 14:16:38 +08:00
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
2026-05-09 22:04:55 +08:00
<canvas id="particles"></canvas>
<div class="container">
<section class="archive-intro" aria-label="導語">
<p class="intro-text archive-intro-lead">
音軌才是與這個名字最直白相遇的方式——以下先收精選年表與深水連結。
</p>
</section>
2026-05-13 13:16:43 +08:00
<section id="new" class="archive-block">
2026-05-09 22:04:55 +08:00
<h2 class="section-title">啟動新篇章</h2>
<p>回歸後的數位單曲與專輯,是現在進行式的聲紋紀錄;耳機調大聲一格,就能把「新篇章」接住。</p>
2026-05-14 09:01:08 +08:00
<p><a href="../extra/lyrics.html">聽見歌詞細節(2016 代表曲目)</a></p>
2026-05-13 13:16:43 +08:00
<table class="archive-discography">
2026-05-09 22:04:55 +08:00
<thead>
<tr>
2026-05-13 13:16:43 +08:00
<th scope="col">封面</th>
<th scope="col">年份</th>
<th scope="col">專輯/作品</th>
<th scope="col">主打歌</th>
2026-05-09 22:04:55 +08:00
</tr>
</thead>
<tbody>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/1Dijv8G0wnCN8PzFZoC8bN"
aria-label="在 Spotify 開啟:THREE WORDS2016 數位單曲)">
2026-05-13 13:16:43 +08:00
<td class="album-cover-cell">
2026-05-14 09:01:08 +08:00
<img src="../img/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
2026-05-13 13:16:43 +08:00
</td>
2026-05-09 22:04:55 +08:00
<td>2016</td>
2026-05-14 09:01:08 +08:00
<td><a href="../extra/lyrics.html">數位單曲</a></td>
<td><a href="../extra/lyrics.html">Three Words (三個詞)</a></td>
2026-05-09 22:04:55 +08:00
</tr>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/5f2LzIFxljQF4FH7w3rXcQ"
aria-label="在 Spotify 開啟:ANOTHER LIGHT">
2026-05-13 13:16:43 +08:00
<td class="album-cover-cell">
2026-05-14 09:01:08 +08:00
<img src="../img/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
2026-05-13 13:16:43 +08:00
</td>
2026-05-09 22:04:55 +08:00
<td>2017</td>
2026-05-14 09:01:08 +08:00
<td><a href="../concert/concert.html#stage-now">ANOTHER LIGHT</a></td>
<td><a href="../concert/concert.html#stage-now">Something Special / Smile</a></td>
2026-05-09 22:04:55 +08:00
</tr>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/7vqIRL00YfTtuO0sSAK3Uv"
aria-label="在 Spotify 開啟:ALL FOR YOU">
2026-05-13 13:16:43 +08:00
<td class="album-cover-cell">
2026-05-14 09:01:08 +08:00
<img src="../img/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
2026-05-13 13:16:43 +08:00
</td>
2026-05-09 22:04:55 +08:00
<td>2020</td>
2026-05-14 09:01:08 +08:00
<td><a href="../concert/concert.html#stage-now">ALL FOR YOU</a></td>
<td><a href="../concert/concert.html#stage-now">ALL FOR YOU</a></td>
2026-05-13 13:16:43 +08:00
</tr>
</tbody>
</table>
</section>
<section id="classic" class="archive-block">
<h2 class="section-title">輝煌全盛期</h2>
<p>主打的記憶點、b-side 的伏筆、舞步與應援口號——想一次收進收藏庫,往這張整理頁走。</p>
2026-05-13 16:11:45 +08:00
<p><a href="#classic">於此區瀏覽輝煌全盛期年表</a></p>
2026-05-13 13:16:43 +08:00
<table class="archive-discography">
<thead>
<tr>
<th scope="col">年份</th>
<th scope="col">專輯/作品</th>
<th scope="col">主打歌</th>
</tr>
</thead>
<tbody>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/18P1aqSLQA9WdNljjEhv9q"
aria-label="在 Spotify 開啟:School Byeolgok(學園別曲)">
2026-05-13 13:16:43 +08:00
<td>1997</td>
2026-05-13 16:11:45 +08:00
<td><a href="#classic">學園別曲</a></td>
<td><a href="#classic">學園別曲 / 男兒之路 (Pom Saeng Pom Sa)</a></td>
2026-05-13 13:16:43 +08:00
</tr>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/08TW1bmGzSg172Db8C2Bde"
aria-label="在 Spotify 開啟:Road Fighter">
2026-05-13 13:16:43 +08:00
<td>1998</td>
2026-05-13 16:11:45 +08:00
<td><a href="#classic">Road Fighter</a></td>
<td><a href="#classic">Road Fighter / Couple</a></td>
2026-05-13 13:16:43 +08:00
</tr>
2026-05-13 15:42:22 +08:00
<tr class="archive-row-spotify" tabindex="0"
data-spotify-url="https://open.spotify.com/album/3XWtqLXDZycu7Q0BGofhiq"
aria-label="在 Spotify 開啟:Com' Back">
2026-05-13 13:16:43 +08:00
<td>1999</td>
2026-05-13 16:11:45 +08:00
<td><a href="#classic">Com'Back</a></td>
<td><a href="#classic">Com'Back</a></td>
2026-05-09 22:04:55 +08:00
</tr>
</tbody>
</table>
</section>
</div>
<footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
2026-05-13 23:10:23 +08:00
Design by <span class="mark_b">Jekkinoopy Studio</span>
2026-05-09 22:04:55 +08:00
</a>
</footer>
2026-05-14 09:01:08 +08:00
<script src="../particles.js"></script>
<script src="../portal-nav.js"></script>
2026-05-13 15:42:22 +08:00
<script>
(function () {
document.querySelectorAll('tr.archive-row-spotify[data-spotify-url]').forEach(function (row) {
var url = row.getAttribute('data-spotify-url');
row.addEventListener('click', function (e) {
if (e.target.closest('a')) return;
window.open(url, '_blank', 'noopener,noreferrer');
});
row.addEventListener('keydown', function (e) {
if (e.key !== 'Enter' && e.key !== ' ') return;
if (e.target.closest('a')) return;
e.preventDefault();
window.open(url, '_blank', 'noopener,noreferrer');
});
});
})();
</script>
2026-05-09 22:04:55 +08:00
</body>
</html>