開放本頁nav

This commit is contained in:
2026-06-17 15:17:32 +08:00
parent 185451f292
commit 8bd4543822
4 changed files with 70 additions and 57 deletions
+2 -2
View File
@@ -234,7 +234,7 @@
}
/** 全站導覽 HTML — `rp` 為站根相對前綴;僅修改此模板即可同步所有頁面
* 主項:淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、Yellow Note(全員是瘋子子選單暫關)。 */
* 主項:淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、世紀級寶藏、Yellow Note。 */
function buildPortalNavInnerHTML(rp) {
return `
<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>
</ul>
</li>
<!-- 全員是瘋子(原全員發瘋):暫不顯示子選單;恢復時改回 subgroup 並用此標題 -->
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/bangxiao.html"><span class="portal-nav__label">世紀級寶藏</span></a></li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span></a></li>
+18 -5
View File
@@ -173,14 +173,23 @@
href="../totoga2/video.html"><code>totoga2/video.html</code></a></td>
</tr>
<tr data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span
class="site-guide-nav-nolink">全員發瘋</span></span></td>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a
href="../variety/bangxiao.html">世紀級寶藏</a></span></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 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>
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-link-cell"><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>
</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
href="../variety/variety-shows.html#variety-shows">#variety-shows</a> · <a
href="../variety/variety-shows.html#captain-brothers">#captain-brothers</a> · <a
+32 -2
View File
@@ -223,6 +223,33 @@
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) {
.bangxiao-page .member-grid {
grid-template-columns: repeat(2, 1fr);
@@ -234,7 +261,7 @@
<body class="bangxiao-page">
<header class="inner-page-header">
<div class="header-inner site-header-inner">
<h1 class="main-title">世紀級寶藏</h1>
<h1 class="main-title">世紀級寶藏</h1>
<div class="subtitle-wrap">
<span class="sub-title">LEGENDARY VARIETY ARCHIVE</span>
</div>
@@ -427,7 +454,10 @@
resultEl.html(
'<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>'
);
});
});
+8 -38
View File
@@ -6,29 +6,10 @@
<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="../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="../assets/css/tablet.css">
<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 {
display: flex;
flex-wrap: wrap;
@@ -61,11 +42,11 @@
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;
}
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;
padding-top: 2rem;
border-top: 1px solid #eee;
@@ -273,16 +254,7 @@
color: #5a4a12;
}
body.variety-shows-page footer {
position: relative;
z-index: 1;
}
@media (max-width: 720px) {
body.variety-shows-page .variety-shows-archive-card {
padding: 20px 14px;
}
body.variety-shows-page .variety-table {
font-size: 0.8rem;
}
@@ -295,7 +267,7 @@
</style>
</head>
<body class="concert-page variety-shows-page">
<body class="variety-shows-page">
<header class="inner-page-header">
<div class="header-inner site-header-inner">
<h1 class="main-title">全員發瘋</h1>
@@ -309,7 +281,8 @@
<canvas id="particles"></canvas>
<div class="variety-shows-toolbar search-section">
<div class="container">
<div class="variety-shows-toolbar">
<div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
<button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
aria-selected="true" aria-controls="variety-shows">全部</button>
@@ -322,9 +295,7 @@
autocomplete="off" aria-label="搜尋成員或節目">
</div>
<main class="concert-container variety-shows-container">
<section id="variety-shows" class="variety-shows-archive" aria-label="全員發瘋">
<div class="variety-shows-archive-card">
<section id="variety-shows" aria-label="全員發瘋" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
<table class="variety-table" id="captain-brothers" data-show-tabs="all captain">
<colgroup>
<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"
aria-hidden="true"></i> 返回瘋子與天才</a>
</div>
</section>
</main>
</div>
<footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>