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

fix 移除導覽列副標

Browse Source
This commit is contained in:
jekkinoopy
2026-05-15 18:09:31 +08:00
parent 27e8c5e22e
commit 177fb831a9
12 changed files with 275 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/index.css
+3 -2
View File
@@ -148,8 +148,9 @@ section.archive-block p:last-child {
margin: 8px 6px;
}
.archive-intro-lead {
text-align: center;
/* albums 等：archive-intro 內段落為內文層（非短字層） */
section.archive-intro p {
text-align: left;
margin-top: 8px;
}
assets/css/style.css
+65 -59
View File
@@ -135,11 +135,9 @@ nav a {
.portal-nav>ul>li>a {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 2px;
line-height: 1.15;
text-decoration: none;
color: var(--primary);
@@ -152,17 +150,6 @@ nav a {
font-weight: 700;
}
.portal-nav__sub {
display: block;
max-width: 12.5rem;
font-size: 0.55rem;
font-weight: 500;
letter-spacing: 0.04em;
line-height: 1.25;
opacity: 0.82;
white-space: normal;
}
.portal-nav .portal-submenu {
display: none;
position: absolute;
@@ -183,9 +170,7 @@ nav a {
.portal-nav .portal-submenu a {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
align-items: center;
padding: 8px 10px;
border-radius: 8px;
color: #5f5f5f;
@@ -194,15 +179,6 @@ nav a {
letter-spacing: 0;
}
.portal-nav .portal-submenu .portal-nav__sub {
font-size: 0.62rem;
font-weight: 500;
letter-spacing: 0.03em;
line-height: 1.3;
opacity: 0.78;
max-width: 18rem;
}
.portal-nav .portal-submenu a:hover {
background: #fff8df;
color: #3a300a;
@@ -223,9 +199,7 @@ nav a {
.portal-nav .portal-submenu .portal-nav__subgroup-head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
align-items: center;
padding: 6px 26px 8px 10px;
position: relative;
color: #4a4a4a;
@@ -246,10 +220,6 @@ nav a {
pointer-events: none;
}
.portal-nav .portal-submenu .portal-nav__subgroup-head .portal-nav__sub {
font-weight: 500;
}
.portal-nav .portal-nav__subgroup>.portal-submenu-nested {
list-style: none;
margin: 0;
@@ -291,9 +261,7 @@ nav a {
.portal-nav .portal-submenu .portal-nav__subgroup-head--nested {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
align-items: center;
padding: 8px 24px 8px 10px;
position: relative;
font-size: 0.82rem;
@@ -384,23 +352,12 @@ nav a {
color: #ffffff;
}
.portal-nav>ul>li>a.nav-current .portal-nav__sub {
color: rgba(255, 255, 255, 0.82);
opacity: 1;
}
.portal-nav .portal-submenu a.nav-current,
.portal-nav .portal-submenu-nested a.nav-current {
color: #3a300a;
background: rgba(255, 204, 0, 0.22);
}
.portal-nav .portal-submenu a.nav-current .portal-nav__sub,
.portal-nav .portal-submenu-nested a.nav-current .portal-nav__sub {
color: #5a4810;
opacity: 0.92;
}
.portal-nav .portal-submenu a.nav-current:hover,
.portal-nav .portal-submenu-nested a.nav-current:hover {
background: rgba(255, 204, 0, 0.32);
@@ -1471,12 +1428,6 @@ footer a .mark_b {
background: rgba(255, 204, 0, 0.22);
}
.map-page .portal-nav .portal-submenu a.nav-current .portal-nav__sub,
.map-page .portal-nav .portal-submenu-nested a.nav-current .portal-nav__sub {
color: #5a4810;
opacity: 0.92;
}
.map-page .portal-nav .portal-submenu .portal-nav__subgroup-head {
align-items: flex-end;
text-align: right;
@@ -2093,18 +2044,17 @@ footer a .mark_b {
}
/* 六六歌2 電子書頁 */
body.ebook-ssg2-page .ebook-intro-lead {
text-align: center;
/* 內文層：依 body 頁類 + 段落 p，不依 *-intro-lead class */
body.ebook-ssg2-page .ebook-main p {
text-align: left;
max-width: 42rem;
margin: 0 auto 1.5rem;
margin: 0 auto 1.25rem;
color: #4a4a4a;
line-height: 1.7;
}
body.ebook-ssg2-page .ebook-intro-note {
text-align: center;
max-width: 42rem;
margin: -0.75rem auto 1.25rem;
body.ebook-ssg2-page .ebook-intro.section p + p {
margin-top: -0.5rem;
font-size: 0.88rem;
color: #777;
line-height: 1.5;
@@ -2207,10 +2157,21 @@ body.ebook-ssg2-page #my-flipbook .page {
background: #fff;
}
/* 電子書／totoga2：canvas、img 一律等比例縮放，禁止 fill 拉扁 */
body.ebook-ssg2-page img,
body.ebook-ssg2-page canvas,
body.totoga2-page .chronicle-reader img,
body.totoga2-page .flip-ebook-shell img {
max-width: 100%;
height: auto;
object-fit: contain;
}
body.ebook-ssg2-page #my-flipbook .page canvas {
display: block;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: contain;
}
@@ -2219,6 +2180,51 @@ body.ebook-ssg2-page .ebook-back-link {
margin: 0 0 2.5rem;
}
/* extra/totoga2-copy-ebook：翻書區與上方 section 同欄寬、無額外外距；#my-flipbook 滿寬＋圓角裁切 */
body.ebook-ssg2-page.totoga2-ebook-copy-page .ebook-intro.section {
margin-bottom: 1.25rem;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-shell {
width: 100%;
max-width: none;
margin: 0 auto 2rem;
border-radius: 14px;
overflow: hidden;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect.flip-ebook-aspect--pageflip {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
border-radius: 14px;
overflow: hidden;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page .flip-ebook-aspect--pageflip > #my-flipbook {
width: auto;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
border-radius: 14px;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .stf__parent,
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .stf__wrapper {
max-width: 100%;
}
body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .page {
box-sizing: border-box;
overflow: hidden;
border-radius: 0;
}
/* totoga2 整合／複本頁：頂部結構與其他 map-archive-header 內頁一致（僅 main-title + subtitle-wrap） */
body.totoga2-page .totoga2-hub-controls {
assets/js/portal-nav.js
+23 -22
View File
@@ -3,9 +3,10 @@
* ── 導覽「尚未開放」連結 ─────────────────────────────────────────
* 【兩個世界】① 僅 `extra/site-guide.html`：`<nav data-portal-nav data-portal-nav-all-open>` → 不套用籌備中，
* 頂欄全可點；`main.site-guide-main` 內 `<a>` 腳本不改寫（站主自用索引）。② 其餘每一頁：一律套用籌備中。
* 【totoga2】頂欄結構對齊 `site-guide` 主選單樹：傳奇的轉折（六六歌2）下四入口；`extra/totoga2-*.html` 可點。`fallen/totoga2.html`（檔名 totoga2.html）仍在 COMING_SOON_PAGES＝「網頁版（TOTOGA2）」訪客籌備中；未同意不得從 Set 刪除。
* 【totoga2】頂欄結構對齊 `site-guide` 主選單樹：傳奇的轉折（六六歌2）下四入口；`extra/totoga2-*.html` 可點。`fallen/totoga2.html`（檔名 totoga2.html）仍在 COMING_SOON_PAGES＝「圖文好讀版」訪客籌備中；未同意不得從 Set 刪除。
* 【硬規則】檔案在 repo ≠ 可開放；未同意不得從 Set 刪名、不得擴白名單、不得在模板新增可點項。
* 文案 NAV_SOON_PHRASES：籌備中連結提示用。
* 頂欄勿加 `portal-nav__sub`（站主未要求）；曾用副標見 `.cursor/portal-nav-optimization-backlog.md`。
* 完整條文：`.cursor/rules/portal-nav-rules.mdc` + `user-scope-and-nav.mdc`
*/
const NAV_SOON_PHRASES = ["奇蹟醞釀中", // 頁面準備中，呼應黃色奇蹟的誕生
@@ -171,49 +172,49 @@
return `
<a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
<ul>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span><span class="portal-nav__sub">Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡</span></a>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">初心與軌跡</span><span class="portal-nav__sub">Hero、入坑敘事與站方初衷；LOGO 與跨時空軌跡</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">初心與軌跡</span></a></li>
<li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折（六六歌2）</span><span class="portal-nav__sub">四種入口：影片、電子書、時間軸、網頁版</span></span>
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折（六六歌2）</span></span>
<ul class="portal-submenu-nested" aria-label="傳奇的轉折（六六歌2）">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-video.html"><span class="portal-nav__label">影片</span><span class="portal-nav__sub">無限挑戰 · 六六歌2 嵌入影片單頁</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-ebook.html"><span class="portal-nav__label">電子書</span><span class="portal-nav__sub">紀實電子書內容獨立成頁</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-timeline.html"><span class="portal-nav__label">時間軸</span><span class="portal-nav__sub">時間軸與紀實八章長文單頁</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">網頁版（TOTOGA2）</span><span class="portal-nav__sub">單頁整合：影片／電子書／長文與八章錨點</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-timeline.html"><span class="portal-nav__label">時間軸</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-ebook.html"><span class="portal-nav__label">電子書</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">圖文好讀版</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-video.html"><span class="portal-nav__label">影片</span></a></li>
</ul>
</li>
<li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">全員發瘋</span><span class="portal-nav__sub">原來我是個正常人啊！團綜與失控現場</span></span>
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">全員發瘋</span></span>
<ul class="portal-submenu-nested" aria-label="全員發瘋">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/variety.html#variety"><span class="portal-nav__label">隊長帶弟弟</span><span class="portal-nav__sub">控場與隊內互動</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/variety.html#variety"><span class="portal-nav__label">隊長帶弟弟</span></a></li>
<li class="portal-nav__subgroup portal-nav__subgroup--nested">
<span class="portal-nav__subgroup-head portal-nav__subgroup-head--nested"><span class="portal-nav__label">各自暴走</span><span class="portal-nav__sub">獨立內頁籌備中</span></span>
<span class="portal-nav__subgroup-head portal-nav__subgroup-head--nested"><span class="portal-nav__label">各自暴走</span></span>
<ul class="portal-submenu-nested portal-submenu-nested--tier3" aria-label="各自暴走">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/NJTW/NJTW5.html"><span class="portal-nav__label">新西遊記</span><span class="portal-nav__sub">成員介紹 · MEMBER GUIDE</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/NJTW/NJTW5.html"><span class="portal-nav__label">新西遊記</span></a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span><span class="portal-nav__sub">六顆水晶 · 黑白分流</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">現場的震撼</span><span class="portal-nav__sub">SECHSKIES CONCERT ARCHIVE</span></a>
<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}concert/concert.html"><span class="portal-nav__label">現場的震撼</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span><span class="portal-nav__sub">團體演唱會</span></a></li>
<li><a href="#" data-coming-soon="true" aria-disabled="true" aria-label="隊長的氣場，尚無開放"><span class="portal-nav__label">隊長的氣場</span><span class="portal-nav__sub">個人見面會與演唱會</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span></a></li>
<li><a href="#" data-coming-soon="true" aria-disabled="true" aria-label="隊長的氣場，尚無開放"><span class="portal-nav__label">隊長的氣場</span></a></li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html"><span class="portal-nav__label">黃色留聲機</span><span class="portal-nav__sub">YELLOW PHONOGRAPH</span></a>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html"><span class="portal-nav__label">黃色留聲機</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#new"><span class="portal-nav__label">啟動新篇章</span><span class="portal-nav__sub">重啟後作品與單曲</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#classic"><span class="portal-nav__label">輝煌全盛期</span><span class="portal-nav__sub">1997–1999 年表</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#new"><span class="portal-nav__label">啟動新篇章</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#classic"><span class="portal-nav__label">輝煌全盛期</span></a></li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">Yellow Note</span><span class="portal-nav__sub">台灣行程表、成員行程篩選、搜尋與地圖主體</span></a>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">Yellow Note</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/minister.html"><span class="portal-nav__label">視覺進化論</span><span class="portal-nav__sub">從好奇到全端：自述與時間軸式章節</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">聖地巡禮</span><span class="portal-nav__sub">台灣行程表、成員行程篩選、搜尋與地圖</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/minister.html"><span class="portal-nav__label">視覺進化論</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">聖地巡禮</span></a></li>
</ul>
</li>
</ul>