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

519 lines
39 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">
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>
<li><a href="index.html#intro">淪陷瞬間</a>
<ul class="portal-submenu">
<li><a href="index.html#mission">成立的初衷</a></li>
<li><a href="index.html#current">跨時空軌跡</a></li>
<li><a href="index.html#story">好奇的代價</a></li>
</ul>
</li>
<li><a href="chronicle.html">十六年約定</a>
<ul class="portal-submenu">
<li><a href="chronicle.html#challenge">無限挑戰</a></li>
<li><a href="chronicle.html#ssg2">六六歌第二季</a></li>
<li><a href="chronicle.html#sechskies-profile">水晶男孩</a></li>
<li><a href="chronicle.html#gather">召集</a></li>
<li><a href="chronicle.html#negotiate">正式交涉</a></li>
<li><a href="chronicle.html#variables">變數</a></li>
<li><a href="chronicle.html#surprise">驚喜</a></li>
<li><a href="chronicle.html#final-stage">登場</a></li>
</ul>
</li>
<li><a href="index.html#archive">黃色留聲機</a>
<ul class="portal-submenu">
<li><a href="classic.html">輝煌全盛期</a></li>
<li><a href="index.html#new">啟動新篇章</a></li>
</ul>
</li>
<li><a href="concert.html">現場的悸動</a>
<ul class="portal-submenu">
<li><a href="concert.html#classic-stage" data-coming-soon="true" aria-disabled="true">燦爛的最初</a></li>
<li><a href="concert.html#reunion-stage">永恆的重逢</a></li>
</ul>
</li>
<li class="coming-soon"><a href="variety.html" data-coming-soon="true" aria-disabled="true">綜藝熱播中</a>
<ul class="portal-submenu">
<li><a href="variety.html#jiwon" data-coming-soon="true" aria-disabled="true">瘋子與天才</a></li>
<li><a href="variety.html#group" data-coming-soon="true" aria-disabled="true">舞台外真實</a></li>
</ul>
</li>
<li><a href="map.html">聖地巡禮</a>
<ul class="portal-submenu">
<li><a href="map.html#taiwan">台灣聖地</a></li>
<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">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<!-- 演唱會 con-$ -->
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<div id="classic-stage" class="con-1" data-tour="YELLOW NOTE">
feat:調整內容
2026-05-06 22:01:03 +08:00
<span class="title">2016&nbsp;&nbsp;|&nbsp;&nbsp; YELLOW NOTE</span>
feat:新增照片
2026-05-07 15:14:36 +08:00
<img src="img/concert/2016.jpg" alt="">
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<!-- 地點 con-$-$ -->
<div class="con-1-1 attended" data-date1="09.10">
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-1-1" class="expand-trigger">
<!-- 曲目 con-$-$-$ -->
<div class="track-list">
<div class="track-item"><span class="track">COM' BACK</div>
<div class="track-item"><span class="track">ROAD FIGHTER</div>
<div class="track-item"><span class="track">폼생폼사 / 品生品死</div>
<div class="track-item"><span class="track">COME TO ME BABY</div>
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</div>
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</div>
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</div>
<div class="track-item"><span class="track">8t. TRUCK － 殷志源</div>
<div class="track-item"><span class="track">DOUBLE J － 李宰鎮</div>
<div class="track-item"><span class="track">A+ － 金在德</div>
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、金在德）</div>
<div class="track-item"><span class="track">SAY － WHITEKIES（姜成勳、張水院）</div>
<div class="track-item"><span class="track">SUDDENLY － 張水院</div>
<div class="track-item"><span class="track">MY GIRL － 姜成勳</div>
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</div>
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</div>
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</div>
<div class="track-item"><span class="track">ENCORE：학원별곡（RISE UP）/ 學園別曲</div>
<div class="track-item"><span class="track">기사도 / 騎士道</div>
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</div>
<div class="track-item"><span class="track">DOUBLE ENCORE：（2016年9月11日）</div>
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</div>
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</div>
</div>
<label for="expand-con-1-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-1-2">
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-1-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-con-1-2" 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-1-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>
feat:新增演唱會曲目收合功能
2026-05-06 19:39:27 +08:00
<input type="checkbox" id="expand-con-1-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-con-1-3" 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-1-4">
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-1-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-con-1-4" class="expand-btn"></label>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
</div>
<!-- 演唱會 02 -->
feat 整合多頁面 導覽列
2026-05-09 01:00:07 +08:00
<div id="reunion-stage" 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>
<!-- 演唱會 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>
feat:建立concert.html
2026-05-06 16:22:41 +08:00
</div>
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