feat 綜藝出演總表頁
This commit is contained in:
@@ -451,10 +451,22 @@
|
|||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (!isSoon && !item.classList.contains("coming-soon")) {
|
if (!isSoon && !item.classList.contains("coming-soon")) {
|
||||||
|
const menuList = nav.querySelector(":scope > ul");
|
||||||
|
const prevScroll = menuList ? menuList.scrollTop : 0;
|
||||||
items.forEach((other) => {
|
items.forEach((other) => {
|
||||||
if (other !== item) other.classList.remove("open");
|
if (other !== item) other.classList.remove("open");
|
||||||
});
|
});
|
||||||
item.classList.toggle("open");
|
item.classList.toggle("open");
|
||||||
|
if (!item.classList.contains("open")) {
|
||||||
|
item.querySelectorAll(".portal-nav__subgroup.open").forEach((sub) => {
|
||||||
|
sub.classList.remove("open");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (menuList) {
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
menuList.scrollTop = prevScroll;
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|||||||
+2
-1
@@ -153,10 +153,11 @@
|
|||||||
</p>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="story-node" data-era="2016.12">
|
<article class="story-node" data-era="2016.12">
|
||||||
<h3>聖誕夜：另一種形式的陪伴</h3>
|
<h3>第六顆水晶：另一種形式的陪伴</h3>
|
||||||
<p>而志溶雖然未參與合體，卻在十二月聖誕夜那場釜山演唱會落幕當天，帶著孩子在《超人回來了》的預告驚喜現身。這不是告別，而是他選擇以另一種最真實、最溫馨的形式，在現實生活中繼續陪伴著大家。舞台上的空位雖然令人難過，但看到他帶著孩子幸福的模樣，我們才明白：原來水晶與粉絲的羈絆，早已超越了表演的定義，而是要在彼此的生活裡，一起寫下新的篇章。
|
<p>而志溶雖然未參與合體，卻在十二月聖誕夜那場釜山演唱會落幕當天，帶著孩子在《超人回來了》的預告驚喜現身。這不是告別，而是他選擇以另一種最真實、最溫馨的形式，在現實生活中繼續陪伴著大家。舞台上的空位雖然令人難過，但看到他帶著孩子幸福的模樣，我們才明白：原來水晶與粉絲的羈絆，早已超越了表演的定義，而是要在彼此的生活裡，一起寫下新的篇章。
|
||||||
</p>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2019">
|
<article class="story-node" data-era="2019">
|
||||||
<h3>體制調整與穩定</h3>
|
<h3>體制調整與穩定</h3>
|
||||||
<p>調整為四人組合（殷志源、李宰鎮、金在德、張水院），繼續以經典魅力活躍於樂壇與綜藝。</p>
|
<p>調整為四人組合（殷志源、李宰鎮、金在德、張水院），繼續以經典魅力活躍於樂壇與綜藝。</p>
|
||||||
|
|||||||
@@ -0,0 +1,117 @@
|
|||||||
|
/* variety/variety-shows.html — 綜藝出演總表（維基式表格，僅本頁） */
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-main {
|
||||||
|
padding-bottom: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-lead {
|
||||||
|
max-width: 44rem;
|
||||||
|
margin: 0 auto 1.25rem;
|
||||||
|
text-align: left;
|
||||||
|
color: #4a4a4a;
|
||||||
|
line-height: 1.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-section {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-section > h3 {
|
||||||
|
margin: 0 0 0.75rem;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #303030;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table-wrap {
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-top: 4px solid var(--primary);
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table {
|
||||||
|
width: 100%;
|
||||||
|
min-width: 640px;
|
||||||
|
margin: 0;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
line-height: 1.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table thead th {
|
||||||
|
background: #fff9e0;
|
||||||
|
color: #303030;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 10px 8px;
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table tbody td {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
color: #303030;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table tbody tr:nth-child(even) td {
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table .variety-wiki-table__program {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table a {
|
||||||
|
color: #0645ad;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table a:hover,
|
||||||
|
body.variety-shows-page .variety-wiki-table a:focus-visible {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table a.variety-wiki-table__link--site {
|
||||||
|
color: #5a4a12;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-note {
|
||||||
|
margin-top: 0.75rem;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
color: #6a6a6a;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-shows-back {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.35rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #5a4a12;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 720px) {
|
||||||
|
body.variety-shows-page .variety-wiki-table {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.variety-shows-page .variety-wiki-table thead th,
|
||||||
|
body.variety-shows-page .variety-wiki-table tbody td {
|
||||||
|
padding: 7px 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,205 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-TW">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>水晶男孩｜綜藝出演總表</title>
|
||||||
|
<link rel="stylesheet" href="../assets/css/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="../assets/css/tablet.css">
|
||||||
|
<link rel="stylesheet" href="variety-shows.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="chronicle-page variety-shows-page">
|
||||||
|
<header class="map-archive-header">
|
||||||
|
<div class="header-inner site-header-inner">
|
||||||
|
<h1 class="main-title">綜藝出演總表</h1>
|
||||||
|
<div class="subtitle-wrap">
|
||||||
|
<span class="sub-title">VARIETY APPEARANCE ARCHIVE</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
||||||
|
|
||||||
|
<canvas id="particles"></canvas>
|
||||||
|
|
||||||
|
<main class="content-container variety-page-main variety-shows-main chronicle-reader">
|
||||||
|
<section id="variety-shows" class="variety-block" aria-labelledby="variety-shows-title">
|
||||||
|
<h2 class="section-title" id="variety-shows-title">大家上過的綜藝</h2>
|
||||||
|
<p class="intro-text variety-shows-lead">
|
||||||
|
依播出期間整理固定出演紀錄，欄位對照常見維基表格式：日期、頻道、節目、成員、集數。合併儲存格表示同一頻道／同一位成員連續多檔；其餘區塊會陸續補上。
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<section class="variety-shows-section" aria-labelledby="fixed-2016-2020">
|
||||||
|
<h3 id="fixed-2016-2020">固定出演（2016－2020）</h3>
|
||||||
|
<div class="variety-wiki-table-wrap">
|
||||||
|
<table class="variety-wiki-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">播出日期</th>
|
||||||
|
<th scope="col">頻道</th>
|
||||||
|
<th scope="col">節目名稱</th>
|
||||||
|
<th scope="col">出演成員</th>
|
||||||
|
<th scope="col">集數</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>2016年4月22日－6月17日</td>
|
||||||
|
<td rowspan="2">tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記2》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E09</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2016年4月27日－6月22日</td>
|
||||||
|
<td class="variety-wiki-table__program">《Let's GO 時間探險隊3》</td>
|
||||||
|
<td>張水院</td>
|
||||||
|
<td>E01－E09</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2016年5月4日－7月20日</td>
|
||||||
|
<td>K-Star</td>
|
||||||
|
<td class="variety-wiki-table__program">《真實的帥氣的》</td>
|
||||||
|
<td>—</td>
|
||||||
|
<td>E01－E12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2016年6月5日－8月21日</td>
|
||||||
|
<td>JTBC</td>
|
||||||
|
<td class="variety-wiki-table__program">《天下壯士》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2016年9月5日－11月21日</td>
|
||||||
|
<td>SBS</td>
|
||||||
|
<td class="variety-wiki-table__program">《花樣旅行》</td>
|
||||||
|
<td>殷志源、李宰鎮</td>
|
||||||
|
<td>E01－E12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2016年10月12日－10月21日</td>
|
||||||
|
<td>JTBC</td>
|
||||||
|
<td class="variety-wiki-table__program">《本月的活動王》</td>
|
||||||
|
<td>張水院</td>
|
||||||
|
<td>E01－E02</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2017年1月1日－2019年6月2日</td>
|
||||||
|
<td>KBS2</td>
|
||||||
|
<td class="variety-wiki-table__program">《超人回來了》</td>
|
||||||
|
<td>高志鎔</td>
|
||||||
|
<td>E163－E280</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2017年1月8日－3月12日</td>
|
||||||
|
<td rowspan="3">tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記3》</td>
|
||||||
|
<td rowspan="3">殷志源</td>
|
||||||
|
<td>E01－E09＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2017年6月13日－8月22日</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記4》</td>
|
||||||
|
<td>E01－E10＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2017年12月5日－2018年1月9日</td>
|
||||||
|
<td class="variety-wiki-table__program">《姜食堂》</td>
|
||||||
|
<td>E01－E05＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2018年5月5日－10月27日</td>
|
||||||
|
<td>MBC</td>
|
||||||
|
<td class="variety-wiki-table__program">《意外的Q》</td>
|
||||||
|
<td>—</td>
|
||||||
|
<td>E01－E25</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2018年9月30日－10月28日</td>
|
||||||
|
<td rowspan="2">tvN</td>
|
||||||
|
<td class="variety-wiki-table__program"><a class="variety-wiki-table__link--site"
|
||||||
|
href="NJTW/NJTW5.html">《新西遊記5》</a></td>
|
||||||
|
<td rowspan="2">殷志源</td>
|
||||||
|
<td>E01－E05</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2018年10月28日－12月2日</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記6》</td>
|
||||||
|
<td>E00－E05＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2019年10月25日－2020年1月3日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記7》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E11</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2019年5月31日－7月5日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《姜食堂2》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E06</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2019年6月8日－8月17日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《高校供餐王》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E11</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2019年7月5日－8月2日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《姜食堂3》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E00－E04</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2019年9月20日－11月22日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《去冰島的三餐》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E10</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2020年1月10日－3月27日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《星期五星期五晚上》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E10＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2020年10月9日－12月18日</td>
|
||||||
|
<td>tvN</td>
|
||||||
|
<td class="variety-wiki-table__program">《新西遊記8》</td>
|
||||||
|
<td>殷志源</td>
|
||||||
|
<td>E01－E10＋導演版</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<p class="variety-shows-note">資料整理自公開播出紀錄，集數與譯名若有出入以實際播出版本為準；歡迎之後逐列補上主持、嘉賓等區塊。</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left"
|
||||||
|
aria-hidden="true"></i> 返回瘋子與天才</a>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
||||||
|
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank" rel="noopener noreferrer">
|
||||||
|
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
||||||
|
</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../assets/js/portal-nav.js"></script>
|
||||||
|
<script src="../assets/js/particles.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -28,7 +28,8 @@
|
|||||||
<section id="variety" class="variety-block">
|
<section id="variety" class="variety-block">
|
||||||
<h2 class="section-title">瘋狂出演中</h2>
|
<h2 class="section-title">瘋狂出演中</h2>
|
||||||
<p class="intro-text">鏡頭一開就跑偏、台詞唸不完，卻總能把段子的節奏剪成「非他不可」——這是最容易被路人一眼看見的瘋勁，也是綜藝剪輯願意一路卡特寫給他的理由。</p>
|
<p class="intro-text">鏡頭一開就跑偏、台詞唸不完，卻總能把段子的節奏剪成「非他不可」——這是最容易被路人一眼看見的瘋勁，也是綜藝剪輯願意一路卡特寫給他的理由。</p>
|
||||||
<p class="intro-text">卸妝後的聊天、運動場上的暴走、對成員毫不修飾的吐槽；那些看起來像日常，其實比劇本更誇張。此區之後會補上節目清單、名場面與入坑路線，先把舞台留好。</p>
|
<p class="intro-text">卸妝後的聊天、運動場上的暴走、對成員毫不修飾的吐槽；那些看起來像日常，其實比劇本更誇張。</p>
|
||||||
|
<p class="intro-text"><a href="variety-shows.html#variety-shows">綜藝出演總表</a>：依播出日期整理固定出演（維基式表格，含頻道／成員合併儲存格）；名場面與入坑路線仍會陸續補在本區。</p>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user