678 lines
50 KiB
HTML
678 lines
50 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>SECHSKIES Concert Archive</title>
|
||
<link rel="stylesheet" href="concert.css">
|
||
<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="concert-page">
|
||
<!-- HTML 結構 -->
|
||
<header class="concert-archive-header">
|
||
<div class="header-inner">
|
||
<h1 class="main-title">巡迴演唱會列表</h1>
|
||
<div class="subtitle-wrap">
|
||
<span class="sub-title">SECHSKIES CONCERT ARCHIVE</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="search-section">
|
||
<input type="text" class="search-input" placeholder="搜尋曲目或場次...">
|
||
</div>
|
||
<div class="concert-container">
|
||
|
||
<!-- 永恆的重逢：2016 首場回歸演唱會 → 二十週年巡演 -->
|
||
<section id="stage-now" aria-label="永恆的重逢">
|
||
|
||
<div class="con-1" data-tour=" YELLOW NOTE">
|
||
<span class="title">2016 | YELLOW NOTE 首場回歸演唱會</span>
|
||
<img src="img/concert/2016.jpg" alt="">
|
||
<div class="con-yk-1 attended" data-date1="09.10">
|
||
<span class="location">首爾 | 首爾奧林匹克體操競技場</span>
|
||
<input type="checkbox" id="expand-yk-1" class="expand-trigger">
|
||
<div class="track-list">
|
||
<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>
|
||
</div>
|
||
<label for="expand-yk-1" class="expand-btn"></label>
|
||
</div>
|
||
<div class="con-yk-2">
|
||
<span class="location">大邱 | 大邱會展中心</span>
|
||
<input type="checkbox" id="expand-yk-2" class="expand-trigger">
|
||
<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>
|
||
<label for="expand-yk-2" class="expand-btn"></label>
|
||
</div>
|
||
<div class="con-yk-3 attended" data-date1="12.23" data-date2="12.24">
|
||
<span class="location">釜山 | 釜山會展中心</span>
|
||
<input type="checkbox" id="expand-yk-3" class="expand-trigger">
|
||
<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>
|
||
<label for="expand-yk-3" class="expand-btn"></label>
|
||
</div>
|
||
<div class="con-yk-4">
|
||
<span class="location">首爾 | 蠶室室內體育館</span>
|
||
<input type="checkbox" id="expand-yk-4" class="expand-trigger">
|
||
<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>
|
||
<label for="expand-yk-4" class="expand-btn"></label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="con-2" data-tour="20TH ANNIV.">
|
||
<span class="title">2017-2018 | 20TH ANNIVERSARY</span>
|
||
<img src="img/concert/2017.jpg" alt="">
|
||
|
||
<div class="con-2-1">
|
||
<span class="location">首爾：高尺天空巨蛋</span>
|
||
<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>
|
||
</div>
|
||
<div class="con-2-2">
|
||
<span class="location">光州 | 光州女大世大運體育館</span>
|
||
<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">
|
||
<span class="location">高陽 | 韓國國際展覽中心</span>
|
||
<input type="checkbox" id="expand-con-2-3" 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：세 단어（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>
|
||
<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>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<!-- 演唱會 03 -->
|
||
<div class="con-3" data-tour="NOW・HERE・AGAIN.">
|
||
<span class="title">2018 | NOW・HERE・AGAIN</span>
|
||
<img src="img/concert/2018.jpg" alt="">
|
||
<div class="con-3-1 attended" data-date1="10.13" data-date2="10.14">
|
||
<span class="location">首爾：首爾奧林匹克體操競技場</span>
|
||
<input type="checkbox" id="expand-con-3-1" class="expand-trigger">
|
||
<div class="track-list">
|
||
<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>
|
||
</div>
|
||
<label for="expand-con-3-1" class="expand-btn"></label>
|
||
</div>
|
||
</div>
|
||
<!-- 演唱會 04：與 con-2／con-3 同結構 — title → img → con-4-1；ACCESS 樣式用 con-access-denied；CANCELED 水印為 ::before（::after 保留給 data-tour 緞帶） -->
|
||
<div class="con-4 con-access-denied" data-tour="ACCESS">
|
||
<span class="title">2020 | CONCERT [ACCESS]</span>
|
||
<img src="img/concert/2020.jpg" alt="">
|
||
|
||
<div class="con-4-1 canceled" data-date1="03.06" data-date2="03.08">
|
||
<span class="location">首爾：慶熙大學 平和殿堂</span>
|
||
|
||
<div class="track-list access-denied-message">
|
||
<div class="track-item denied-text">
|
||
<span>系統錯誤：無法建立連結 (Connection Failed)</span>
|
||
</div>
|
||
<div class="track-item denied-text">
|
||
<span>原因：COVID-19 疫情擴散致演場會取消</span>
|
||
</div>
|
||
<div class="track-item denied-text">
|
||
<span>STATUS: 403 FORBIDDEN - ACCESS DENIED</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 燦爛的最初（九十年代）／錨點 #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 | 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 | 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 | 全國巡迴演唱會</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 | 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 | 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 | 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>
|
||
</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>
|
||
const canvas = document.getElementById('particles');
|
||
const ctx = canvas.getContext('2d');
|
||
|
||
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>
|
||
</body>
|
||
|
||
</html> |