jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

開放本頁nav

Browse Source
This commit is contained in:
jekkinoopy
2026-06-17 15:17:32 +08:00
parent 185451f292
commit 8bd4543822
4 changed files with 70 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/portal-nav.js
+2 -2
View File
@@ -234,7 +234,7 @@
} }
/** 全站導覽 HTML — `rp` 為站根相對前綴；僅修改此模板即可同步所有頁面 /** 全站導覽 HTML — `rp` 為站根相對前綴；僅修改此模板即可同步所有頁面
* 五主項：淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、Yellow Note（全員是瘋子子選單暫關）。 */ * 六主項：淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、世紀級寶藏、Yellow Note。 */
function buildPortalNavInnerHTML(rp) { function buildPortalNavInnerHTML(rp) {
return ` return `
<a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a> <a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
@@ -257,7 +257,7 @@
<li><a target="_blank" rel="noopener noreferrer" href="${rp}totoga2/video.html"><span class="portal-nav__label">影片</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}totoga2/video.html"><span class="portal-nav__label">影片</span></a></li>
</ul> </ul>
</li> </li>
<!-- 全員是瘋子（原全員發瘋）：暫不顯示子選單；恢復時改回 subgroup 並用此標題 --> <li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/bangxiao.html"><span class="portal-nav__label">世紀級寶藏</span></a></li>
</ul> </ul>
</li> </li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span></a></li> <li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span></a></li>
extra/site-guide.html
+18 -5
View File
@@ -173,14 +173,23 @@
href="../totoga2/video.html"><code>totoga2/video.html</code></a></td> href="../totoga2/video.html"><code>totoga2/video.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="2"> <tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
class="site-guide-nav-nolink">全員發瘋</span></span></td> href="../variety/bangxiao.html">世紀級寶藏</a></span></td>
<td class="site-guide-nav-desc">—</td> <td class="site-guide-nav-desc">—</td>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td> <td class="site-guide-nav-link-cell"><a
href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a></td>
</tr> </tr>
<tr data-site-guide-depth="3"> <tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../variety/variety-shows.html">全員發瘋</a></span></td> href="../variety/bangxiao.html">爆笑養老院（計量器）</a></span></td>
<td class="site-guide-nav-desc">甜蜜負擔計量器；勾本命算出要補幾個節目。</td>
<td class="site-guide-nav-link-cell"><a
href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a>
</td>
</tr>
<tr data-site-guide-depth="3">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../variety/variety-shows.html">節目存檔表</a></span></td>
<td class="site-guide-nav-desc">綜藝節目存檔表；含隊長帶弟弟、各自暴走等區塊錨點。</td> <td class="site-guide-nav-desc">綜藝節目存檔表；含隊長帶弟弟、各自暴走等區塊錨點。</td>
<td class="site-guide-nav-link-cell"><a <td class="site-guide-nav-link-cell"><a
href="../variety/variety-shows.html"><code>variety/variety-shows.html</code></a> href="../variety/variety-shows.html"><code>variety/variety-shows.html</code></a>
@@ -468,7 +477,11 @@
href="../variety/variety.html#variety">#variety</a></td> href="../variety/variety.html#variety">#variety</a></td>
</tr> </tr>
<tr> <tr>
<th scope="row">全員發瘋</th> <th scope="row">世紀級寶藏</th>
<td><a href="../variety/bangxiao.html">bangxiao.html</a></td>
</tr>
<tr>
<th scope="row">節目存檔表</th>
<td><a href="../variety/variety-shows.html">variety-shows.html</a> · <a <td><a href="../variety/variety-shows.html">variety-shows.html</a> · <a
href="../variety/variety-shows.html#variety-shows">#variety-shows</a> · <a href="../variety/variety-shows.html#variety-shows">#variety-shows</a> · <a
href="../variety/variety-shows.html#captain-brothers">#captain-brothers</a> · <a href="../variety/variety-shows.html#captain-brothers">#captain-brothers</a> · <a
variety/bangxiao.html
+32 -2
View File
@@ -223,6 +223,33 @@
text-align: center; text-align: center;
} }
.bangxiao-page .result-cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 1.2rem;
color: var(--color-brand-dark);
font-size: 0.95rem;
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(--color-brand);
padding-bottom: 2px;
transition: border-color 0.18s ease, color 0.18s ease;
}
.bangxiao-page .result-cta:hover {
border-color: var(--color-brand-dark);
}
.bangxiao-page .result-cta .cta-arrow {
display: inline-block;
transition: transform 0.2s ease;
}
.bangxiao-page .result-cta:hover .cta-arrow {
transform: translateX(5px);
}
@media (max-width: 540px) { @media (max-width: 540px) {
.bangxiao-page .member-grid { .bangxiao-page .member-grid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
@@ -234,7 +261,7 @@
<body class="bangxiao-page"> <body class="bangxiao-page">
<header class="inner-page-header"> <header class="inner-page-header">
<div class="header-inner site-header-inner"> <div class="header-inner site-header-inner">
<h1 class="main-title">世紀級寶藏庫</h1> <h1 class="main-title">世紀級寶藏</h1>
<div class="subtitle-wrap"> <div class="subtitle-wrap">
<span class="sub-title">LEGENDARY VARIETY ARCHIVE</span> <span class="sub-title">LEGENDARY VARIETY ARCHIVE</span>
</div> </div>
@@ -427,7 +454,10 @@
resultEl.html( resultEl.html(
'<p class="result-headline">你總共有 <strong>' + totalStr + '</strong> 個節目要補！</p>' + '<p class="result-headline">你總共有 <strong>' + totalStr + '</strong> 個節目要補！</p>' +
groupNote groupNote +
'<a class="result-cta" href="../totoga2/ebook.html" target="_blank" rel="noopener noreferrer">' +
'進坑挖寶囉 <span class="cta-arrow">→</span>' +
'</a>'
); );
}); });
}); });
variety/variety-shows.html
+18 -48
View File
@@ -6,29 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩｜全員發瘋</title> <title>水晶男孩｜全員發瘋</title>
<link rel="stylesheet" href="../assets/css/style.css"> <link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/concert.css"> <link rel="stylesheet" href="../assets/css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.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="../assets/css/tablet.css">
<style> <style>
/* 本頁：對齊 concert.html 深色底＋白卡片；表格僅此頁 */
body.variety-shows-page .variety-shows-container {
padding: 50px 0 40px;
font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
}
body.variety-shows-page .variety-shows-archive-card {
background: #fff;
border-radius: 16px;
padding: clamp(28px, 4vw, 48px) clamp(20px, 3vw, 56px);
margin-bottom: 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.02);
position: relative;
z-index: 1;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.variety-shows-page .variety-shows-toolbar { body.variety-shows-page .variety-shows-toolbar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -61,11 +42,11 @@
margin: 0 0 0 auto; margin: 0 0 0 auto;
} }
body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs][hidden] { body.variety-shows-page .variety-table[data-show-tabs][hidden] {
display: none; display: none;
} }
body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs]+.variety-table[data-show-tabs] { body.variety-shows-page .variety-table[data-show-tabs]+.variety-table[data-show-tabs] {
margin-top: 2rem; margin-top: 2rem;
padding-top: 2rem; padding-top: 2rem;
border-top: 1px solid #eee; border-top: 1px solid #eee;
@@ -273,16 +254,7 @@
color: #5a4a12; color: #5a4a12;
} }
body.variety-shows-page footer {
position: relative;
z-index: 1;
}
@media (max-width: 720px) { @media (max-width: 720px) {
body.variety-shows-page .variety-shows-archive-card {
padding: 20px 14px;
}
body.variety-shows-page .variety-table { body.variety-shows-page .variety-table {
font-size: 0.8rem; font-size: 0.8rem;
} }
@@ -295,7 +267,7 @@
</style> </style>
</head> </head>
<body class="concert-page variety-shows-page"> <body class="variety-shows-page">
<header class="inner-page-header"> <header class="inner-page-header">
<div class="header-inner site-header-inner"> <div class="header-inner site-header-inner">
<h1 class="main-title">全員發瘋</h1> <h1 class="main-title">全員發瘋</h1>
@@ -309,22 +281,21 @@
<canvas id="particles"></canvas> <canvas id="particles"></canvas>
<div class="variety-shows-toolbar search-section"> <div class="container">
<div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類"> <div class="variety-shows-toolbar">
<button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all" <div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
aria-selected="true" aria-controls="variety-shows">全部</button> <button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
<button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain" aria-selected="true" aria-controls="variety-shows">全部</button>
aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button> <button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
<button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo" aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button>
aria-selected="false" aria-controls="variety-shows">各自暴走</button> <button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
aria-selected="false" aria-controls="variety-shows">各自暴走</button>
</div>
<input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
autocomplete="off" aria-label="搜尋成員或節目">
</div> </div>
<input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
autocomplete="off" aria-label="搜尋成員或節目">
</div>
<main class="concert-container variety-shows-container"> <section id="variety-shows" aria-label="全員發瘋" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
<section id="variety-shows" class="variety-shows-archive" aria-label="全員發瘋">
<div class="variety-shows-archive-card">
<table class="variety-table" id="captain-brothers" data-show-tabs="all captain"> <table class="variety-table" id="captain-brothers" data-show-tabs="all captain">
<colgroup> <colgroup>
<col class="variety-table__col-air"> <col class="variety-table__col-air">
@@ -739,9 +710,8 @@
<a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left" <a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left"
aria-hidden="true"></i> 返回瘋子與天才</a> aria-hidden="true"></i> 返回瘋子與天才</a>
</div>
</section> </section>
</main> </div>
<footer> <footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p> <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>