jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4de9703cd8f94616623aa50e2c95536040cd8167
sechskies/concert.html
T

676 lines
48 KiB
HTML
Raw Normal View History

feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<!DOCTYPE html>
<html lang="zh-TW">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SECHSKIES Concert Archive</title>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<link rel="stylesheet" href="concert.css">
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<link rel="stylesheet" href="style.css">
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
0508
2026-05-09 22:04:55 +08:00
<link rel="stylesheet" href="tablet.css">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</head>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<body class="concert-page">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<!-- HTML 結構 -->
feat:加入白色版標題
2026-05-06 20:31:53 +08:00
<header class="concert-archive-header">
<div class="header-inner">
feat:調整內容
2026-05-06 22:01:03 +08:00
<h1 class="main-title">巡迴演唱會列表</h1>
feat:加入白色版標題
2026-05-06 20:31:53 +08:00
<div class="subtitle-wrap">
<span class="sub-title">SECHSKIES CONCERT ARCHIVE</span>
</div>
</div>
</header>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽">
<a class="logo" href="index.html"><img src="./img/logov.svg" alt="SECHSKIES Logo"></a>
<ul>
0508
2026-05-09 22:04:55 +08:00
<li><a href="index.html#origin">淪陷瞬間</a>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<ul class="portal-submenu">
<li><a href="index.html#mission">成立的初衷</a></li>
0508
2026-05-09 22:04:55 +08:00
<li><a href="index.html#timeline">跨時空軌跡</a></li>
<li><a href="index.html#start">好奇的開端</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
</ul>
</li>
0508
2026-05-09 22:04:55 +08:00
<li><a href="jiwon.html">瘋子與天才</a>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<ul class="portal-submenu">
0508
2026-05-09 22:04:55 +08:00
<li><a href="jiwon.html#variety">瘋狂出演中</a></li>
<li><a href="jiwon.html#stage">隊長的氣場</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
</ul>
</li>
0508
2026-05-09 22:04:55 +08:00
<li><a href="sunghoon.html">消失的真相</a>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<ul class="portal-submenu">
0508
2026-05-09 22:04:55 +08:00
<li><a href="sunghoon.html#truth">還原那場雨</a></li>
<li><a href="sunghoon.html#voice">被掩蓋的主唱</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
</ul>
</li>
0508
2026-05-09 22:04:55 +08:00
<li><a href="concert.html">現場的震撼</a>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<ul class="portal-submenu">
0508
2026-05-09 22:04:55 +08:00
<li><a href="concert.html#stage-now">永恆的重逢</a></li>
<li><a href="concert.html#stage-past">燦爛的最初</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
</ul>
</li>
0508
2026-05-09 22:04:55 +08:00
<li><a href="archive.html">黃色留聲機</a>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<ul class="portal-submenu">
0508
2026-05-09 22:04:55 +08:00
<li><a href="archive.html#new">啟動新篇章</a></li>
<li><a href="archive.html#classic">輝煌全盛期</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
</ul>
</li>
<li><a href="map.html">聖地巡禮</a>
<ul class="portal-submenu">
0508
2026-05-09 22:04:55 +08:00
<li><a href="map.html#taipei">台北聖地</a></li>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<li><a href="map.html#global">海外遠征</a></li>
</ul>
</li>
</ul>
</nav>
<canvas id="particles"></canvas>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<div class="search-section">
<input type="text" class="search-input" placeholder="搜尋曲目或場次...">
</div>
<div class="concert-container">
0508
2026-05-09 22:04:55 +08:00
<!-- 永恆的重逢：2016 首場回歸演唱會 → 二十週年巡演 -->
<section id="stage-now" aria-label="永恆的重逢">
<div id="yellownote-stage" data-tour="YELLOW NOTE">
<span class="title">2016&nbsp;&nbsp;|&nbsp;&nbsp;YELLOW NOTE</span>
<p class="yellownote-tagline">首場回歸演唱會</p>
feat:新增照片
2026-05-07 15:14:36 +08:00
<img src="img/concert/2016.jpg" alt="">
0508
2026-05-09 22:04:55 +08:00
<div class="con-yk-1 attended" data-date1="09.10">
<span class="location">首爾 | 首爾奧林匹克體操競技場</span>
<input type="checkbox" id="expand-yk-1" class="expand-trigger">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-list">
0508
2026-05-09 22:04:55 +08:00
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
<div class="track-item"><span class="track">8t. TRUCK － 殷志源</span></div>
<div class="track-item"><span class="track">DOUBLE J － 李宰鎮</span></div>
<div class="track-item"><span class="track">A+ － 金在德</span></div>
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、金在德）</span></div>
<div class="track-item"><span class="track">SAY － WHITEKIES（姜成勳、張水院）</span></div>
<div class="track-item"><span class="track">SUDDENLY － 張水院</span></div>
<div class="track-item"><span class="track">MY GIRL － 姜成勳</span></div>
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">ENCORE：학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">DOUBLE ENCORE：（2016年9月11日）</span></div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
</div>
0508
2026-05-09 22:04:55 +08:00
<label for="expand-yk-1" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
0508
2026-05-09 22:04:55 +08:00
<div class="con-yk-2">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<span class="location">大邱 | 大邱會展中心</span>
0508
2026-05-09 22:04:55 +08:00
<input type="checkbox" id="expand-yk-2" class="expand-trigger">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-list">
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">어기야 디야（한배를 타고）+ 8t. TRUCK － 殷志源</span></div>
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
<div class="track-item"><span class="track">A+ － 金在德</span></div>
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、</span></div>
<div class="track-item"><span class="track">金在德）</span></div>
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）－ 張水院</span></div>
<div class="track-item"><span class="track">어떻게 사랑이 그래요 / 愛情怎麼可以這樣 + 샤방샤방 / 閃亮閃亮 － 姜成勳</span></div>
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
</div>
0508
2026-05-09 22:04:55 +08:00
<label for="expand-yk-2" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
0508
2026-05-09 22:04:55 +08:00
<div class="con-yk-3 attended" data-date1="12.23" data-date2="12.24">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<span class="location">釜山 | 釜山會展中心</span>
0508
2026-05-09 22:04:55 +08:00
<input type="checkbox" id="expand-yk-3" class="expand-trigger">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-list">
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">어기야 디야（한배를 타고）+ 8t. TRUCK － 殷志源</span></div>
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
<div class="track-item"><span class="track">A+ － 金在德</span></div>
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、</span></div>
<div class="track-item"><span class="track"> 金在德）</span></div>
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）－ 張水院</span></div>
<div class="track-item"><span class="track">어떻게 사랑이 그래요 / 愛情怎麼可以這樣 + 샤방샤방 / 閃亮閃亮 － 姜成勳</span></div>
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
</div>
0508
2026-05-09 22:04:55 +08:00
<label for="expand-yk-3" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
0508
2026-05-09 22:04:55 +08:00
<div class="con-yk-4">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<span class="location">首爾 | 蠶室室內體育館</span>
0508
2026-05-09 22:04:55 +08:00
<input type="checkbox" id="expand-yk-4" class="expand-trigger">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-list">
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">문득（MEMORY）+ 트라우마（TRAUMA）－ 殷志源</span></div>
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
<div class="track-item"><span class="track">SAY + MY LOVE － 姜成勳</span></div>
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）+ 여우비（UNFORGETTABLE）－
J-Walk</span></div>
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">ENCORE：그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">DOUBLE ENCORE：</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
</div>
0508
2026-05-09 22:04:55 +08:00
<label for="expand-yk-4" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
</div>
0508
2026-05-09 22:04:55 +08:00
<div class="con-2" data-tour="20TH ANNIV.">
feat:調整內容
2026-05-06 22:01:03 +08:00
<span class="title">2017-2018&nbsp;&nbsp;|&nbsp;&nbsp;20TH ANNIVERSARY</span>
feat:新增照片
2026-05-07 15:14:36 +08:00
<img src="img/concert/2017.jpg" alt="">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="con-2-1">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<span class="location">首爾：高尺天空巨蛋</span>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<input type="checkbox" id="expand-con-2-1" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">탈출 / 逃離</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">SAY</span></div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">공허해 / 空虛 + REALLY REALLY － WINNER</span></div>
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">뫼비우스의 띠 / 麥比烏斯帶</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
<div class="track-item"><span class="track">ENCORE：</span></div>
<div class="track-item"><span class="track">特別해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
</div>
<label for="expand-con-2-1" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="con-2-2">
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<span class="location">光州 | 光州女大世大運體育館</span>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<input type="checkbox" id="expand-con-2-2" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">SAY</span></div>
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">고백（Go Back）－ 李宰鎮</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">ENCORE：그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
</div>
<label for="expand-con-2-2" class="expand-btn"></label>
</div>
<div class="con-2-3">
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<span class="location">高陽 | 韓國國際展覽中心</span>
<input type="checkbox" id="expand-con-2-3" class="expand-trigger">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-list">
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 + ROAD FIGHTER+기사도 / 騎士道 +
학원별곡（RISE UP）/ 學園別曲</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳（12月23日）</span></div>
<div class="track-item"><span class="track">Beautiful － 張水院（12月24日）</span></div>
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源（12月30日）</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">ENCORE：세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
</div>
<label for="expand-con-2-3" class="expand-btn"></label>
</div>
<div class="con-2-4">
<span class="location">釜山 | 釜山會展中心</span>
<input type="checkbox" id="expand-con-2-4" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 + ROAD FIGHTER+기사도 / 騎士道 +
학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳（12月23日）</span></div>
<div class="track-item"><span class="track">Beautiful － 張水院（12月24日）</span></div>
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源（12月30日）</span></div>
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
<div class="track-item"><span class="track">ENCORE：특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
</div>
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<label for="expand-con-2-4" class="expand-btn"></label>
</div>
<div class="con-2-5">
<span class="location">大邱 | 大邱會展中心</span>
<input type="checkbox" id="expand-con-2-5" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳</span></div>
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
<div class="track-item"><span class="track">Beautiful － 張水院</span></div>
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源</span></div>
<div class="track-item"><span class="track">Solo舞蹈：Forbes － 金在德</span></div>
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">ENCORE：</span></div>
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
<div class="track-item"><span class="track">DOUBLE ENCORE：</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +기사도
/ 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
</div>
<label for="expand-con-2-5" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
</div>
0508
2026-05-09 22:04:55 +08:00
</section>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<!-- 演唱會 03 -->
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="con-3" data-tour="NOW・HERE・AGAIN.">
feat:調整內容
2026-05-06 22:01:03 +08:00
<span class="title">2018&nbsp;&nbsp;|&nbsp;&nbsp;NOW・HERE・AGAIN</span>
feat:新增照片
2026-05-07 15:14:36 +08:00
<img src="img/concert/2018.jpg" alt="">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<div class="con-3-1 attended" data-date1="10.13" data-date2="10.14">
feat:建立concert.html
2026-05-06 16:22:41 +08:00
<span class="location">首爾：首爾奧林匹克體操競技場</span>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<input type="checkbox" id="expand-con-3-1" class="expand-trigger">
<div class="track-list">
feat:完整演唱會曲目修改樣式
2026-05-06 20:12:54 +08:00
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
<div class="track-item"><span class="track">FLYING LOVE（천상비애）/ 天上飛愛</span></div>
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
<div class="track-item"><span class="track">COM' BACK</span></div>
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
<div class="track-item"><span class="track">LAST</span></div>
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
<div class="track-item"><span class="track">少女 － 張水院</span></div>
<div class="track-item"><span class="track">Now － 殷志源</span></div>
<div class="track-item"><span class="track">Egoist － 李宰鎮</span></div>
<div class="track-item"><span class="track">Solo舞蹈：We Still In This Bitch － 金在德</span></div>
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
<div class="track-item"><span class="track">네겐 보일수 없었던 세상 / 不能讓你看到的世界</span></div>
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
<div class="track-item"><span class="track">ENCORE：</span></div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止</span></div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你（10月14日）</span></div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天（10月14日）</span></div>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
</div>
<label for="expand-con-3-1" class="expand-btn"></label>
</div>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
feat:新增照片
2026-05-07 15:14:36 +08:00
<!-- 演唱會 04 -->
<!-- 新增：疫情取消場次卡片 -->
<div class="con-4" data-tour="ACCESS">
<span class="title">2020&nbsp;&nbsp;|&nbsp;&nbsp;CONCERT [ACCESS]</span>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
feat:新增照片
2026-05-07 15:14:36 +08:00
<!-- 緞帶保留，但內容可以稍微修改或保持原樣以示原本的規劃 -->
<img src="img/concert/2020.jpg" alt="">
<div class="con-4-1 con-access-denied" data-date1="03.06" data-date2="03.07" data-date3="03.08">
<span class="location">首爾：慶熙大學和平殿堂</span>
<!-- 取消 `attended` class，這會讓左邊變成灰線 -->
<!-- 核心：用 JS 或 CSS 讓這裡變成空白，或顯示特定文字 -->
<div class="track-list canceled-tracks">
<div class="track-item canceled-msg">
<span>很遺憾，因應新型冠狀病毒 (COVID-19) 疫情，本場次演唱會已取消。</span>
</div>
<div class="track-item canceled-msg">
<span>相關退票手續請參閱官方公告。</span>
</div>
<div class="track-item canceled-msg">
<span>期待在更安全的時間與大家重逢。</span>
</div>
</div>
<!-- 移除展開按鈕，因為沒有曲目可展開 -->
</div>
</div>
0508
2026-05-09 22:04:55 +08:00
<!-- 燦爛的最初（九十年代）／錨點 #stage-past -->
<section id="stage-past" aria-label="燦爛的最初">
<div class="con-1" data-tour="CLASSIC LIVE">
<span class="title">九十年代經典巡迴</span>
<div class="stage-past-era">
<span class="tour-era-heading">1997&nbsp;|&nbsp;Sechky的Christmas</span>
<div class="con-1-1">
<span class="location">1997.12.21 | 首爾 | 韓國 | 世宗文化會館</span>
<input type="checkbox" id="expand-con-1-1" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-1" class="expand-btn"></label>
</div>
</div>
<div class="stage-past-era">
<span class="tour-era-heading">1998&nbsp;|&nbsp;Encore Concert</span>
<div class="con-1-2">
<span class="location">1998.02.22 | 首爾 | 韓國 | 首爾奧林匹克體操競技場</span>
<input type="checkbox" id="expand-con-1-2" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-2" class="expand-btn"></label>
</div>
</div>
<div class="stage-past-era">
<span class="tour-era-heading">1998&nbsp;|&nbsp;全國巡迴演唱會</span>
<p class="tour-era-meta">1998年2月28日 — 4月5日・韓國・共 6 場</p>
<div class="con-1-3">
<span class="location">1998.02.28 | 釜山 | 韓國 | 釜山 KBS Hall</span>
<input type="checkbox" id="expand-con-1-3" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-3" class="expand-btn"></label>
</div>
<div class="con-1-4">
<span class="location">1998.03.08 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
<input type="checkbox" id="expand-con-1-4" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-4" class="expand-btn"></label>
</div>
<div class="con-1-5">
<span class="location">1998.03.14 | 光州 | 韓國 | 光州廣域市綜合體育館</span>
<input type="checkbox" id="expand-con-1-5" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-5" class="expand-btn"></label>
</div>
<div class="con-1-6">
<span class="location">1998.03.22 | 富川 | 韓國 | 富川室內體育館</span>
<input type="checkbox" id="expand-con-1-6" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-6" class="expand-btn"></label>
</div>
<div class="con-1-7">
<span class="location">1998.03.28 | 大邱 | 韓國 | E·WORLD</span>
<input type="checkbox" id="expand-con-1-7" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-7" class="expand-btn"></label>
</div>
<div class="con-1-8">
<span class="location">1998.04.05 | 大田 | 韓國 | CMB Expo Art Hall</span>
<input type="checkbox" id="expand-con-1-8" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-8" class="expand-btn"></label>
</div>
</div>
<div class="stage-past-era">
<span class="tour-era-heading">1998&nbsp;|&nbsp;Sechky的Christmas Concert</span>
<div class="con-1-9">
<span class="location">1998.12.24 | 釜山 | 韓國 | 社稷棒球場</span>
<input type="checkbox" id="expand-con-1-9" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-9" class="expand-btn"></label>
</div>
</div>
<div class="stage-past-era">
<span class="tour-era-heading">1999&nbsp;|&nbsp;Sechskies Live Concert</span>
<p class="tour-era-meta">1999年2月6日 — 2月27日・韓國・共 6 場</p>
<div class="con-1-10">
<span class="location">1999.02.06 · 場次 1 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
<input type="checkbox" id="expand-con-1-10" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-10" class="expand-btn"></label>
</div>
<div class="con-1-11">
<span class="location">1999.02.06 · 場次 2 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
<input type="checkbox" id="expand-con-1-11" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理（同日第二場／詳記待考）</span></div>
</div>
<label for="expand-con-1-11" class="expand-btn"></label>
</div>
<div class="con-1-12">
<span class="location">1999.02.21 | 大邱 | 韓國 | 慶北大學</span>
<input type="checkbox" id="expand-con-1-12" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-12" class="expand-btn"></label>
</div>
<div class="con-1-13">
<span class="location">1999.02.25 | 首爾 | 韓國 | KBS88 體育館</span>
<input type="checkbox" id="expand-con-1-13" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-13" class="expand-btn"></label>
</div>
<div class="con-1-14">
<span class="location">1999.02.26 | 首爾 | 韓國 | KBS88 體育館</span>
<input type="checkbox" id="expand-con-1-14" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-14" class="expand-btn"></label>
</div>
<div class="con-1-15">
<span class="location">1999.02.27 | 首爾 | 韓國 | KBS88 體育館</span>
<input type="checkbox" id="expand-con-1-15" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-15" class="expand-btn"></label>
</div>
</div>
<div class="stage-past-era">
<span class="tour-era-heading">2000&nbsp;|&nbsp;SECHSKIES 2000 LIVE CONCERT</span>
<div class="con-1-16">
<span class="location">2000.02.28 | 首爾 | 韓國 | 首爾奧林匹克體操競技場</span>
<input type="checkbox" id="expand-con-1-16" class="expand-trigger">
<div class="track-list">
<div class="track-item"><span class="track">演出曲順待整理</span></div>
</div>
<label for="expand-con-1-16" class="expand-btn"></label>
</div>
</div>
</div>
</section>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
</div>
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
Design by <strong>Jekkinoopy Studio</strong>
</a>
</footer>
<script>
const canvas = document.getElementById('particles');
const ctx = canvas.getContext('2d');
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
resizeCanvas();
let particles = [];
class Particle {
constructor() {
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
this.size = Math.random() * 4 + 1;
this.speedX = Math.random() * 0.5 - 0.25;
this.speedY = Math.random() * 0.5 + 0.2;
}
update() {
this.x += this.speedX;
this.y += this.speedY;
if (this.y > canvas.height) this.y = 0;
}
draw() {
ctx.fillStyle = '#FFDD00';
ctx.globalAlpha = 0.6;
ctx.beginPath();
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
ctx.fill();
}
}
function init() {
particles = [];
for (let i = 0; i < 80; i++) particles.push(new Particle());
}
function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (const p of particles) {
p.update();
p.draw();
}
requestAnimationFrame(animate);
}
window.addEventListener('resize', () => {
resizeCanvas();
init();
});
init();
animate();
</script>
<script src="portal-nav.js"></script>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</body>
</html>
Reference in New Issue Copy Permalink