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

fix add assets/並更新全站引用

Browse Source
This commit is contained in:
jekkinoopy
2026-05-14 09:20:10 +08:00
parent a6525fdf44
commit c278df23e1
107 changed files with 1726 additions and 1720 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extra/grok.html
+3 -3
View File
@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩 SECHSKIES | 永恆的六顆水晶</title>
<link rel="stylesheet" href="../style.css">
<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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body>
@@ -47,7 +47,7 @@
<h2>六位永恆成員</h2>
<div class="members-grid">
<div class="member">
<img src="../images/Eun Ji Won.jpeg" alt="殷志源">
<img src="../assets/images/Eun Ji Won.jpeg" alt="殷志源">
<h3>殷志源 (Eun Ji Won)</h3>
<p>Leader • Rap • Black Kies</p>
</div>
extra/lyrics.css
-182
View File
@@ -1,182 +0,0 @@
/* 歌詞頁：載入於 style.css 之後，並以 .lyrics-page 提高權重，避免被全站 table / body 洗版 */
body.lyrics-page {
--lyrics-bg: #2a2a2a;
--lyrics-paper: #faf6e8;
--lyrics-accent: #f5dfa8;
--lyrics-muted: #c9c2a8;
font-family: "Nanum Pen Script", cursive;
font-weight: 400;
font-style: normal;
background-color: var(--lyrics-bg) !important;
color: #fff !important;
margin: 0 !important;
padding: clamp(1rem, 4vw, 2.5rem) !important;
min-height: 100dvh;
line-height: 1.55;
overflow-x: hidden;
font-size: clamp(18px, 2.8vw, 26px);
}
body.lyrics-page h1 {
color: var(--lyrics-accent);
font-size: clamp(1.75rem, 4vw, 2.5rem);
text-align: center;
margin: 0 0 1.25rem;
letter-spacing: 0.02em;
}
body.lyrics-page .lyrics-layout {
max-width: 1100px;
margin: 0 auto;
}
body.lyrics-page .lyrics-main-table {
width: 100%;
max-width: 1100px;
margin: 0 auto;
table-layout: fixed;
border-collapse: separate;
border-spacing: clamp(0.75rem, 2.5vw, 1.75rem);
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body.lyrics-page .lyrics-main-table > tbody > tr > td {
padding: 0 !important;
border: none !important;
border-bottom: none !important;
text-align: left !important;
color: inherit !important;
background: transparent !important;
}
/* 兩欄等寬 + 同一套「卡片区」留白與邊框，左右才對稱 */
body.lyrics-page .main-left,
body.lyrics-page .lyrics-text-cell,
body.lyrics-page .lyrics-map-cell,
body.lyrics-page .lyrics-contact-cell {
width: 50%;
max-width: none;
box-sizing: border-box;
padding: clamp(0.85rem, 2vw, 1.15rem) clamp(0.9rem, 2.2vw, 1.25rem) !important;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(0, 0, 0, 0.22);
}
body.lyrics-page .main-left,
body.lyrics-page .lyrics-text-cell {
vertical-align: top;
}
body.lyrics-page .lyrics-map-cell {
vertical-align: top;
}
body.lyrics-page .lyrics-contact-cell {
vertical-align: middle;
}
body.lyrics-page .main-left iframe {
display: block;
width: 100%;
border: 0;
border-radius: 10px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}
body.lyrics-page .songInfo {
color: var(--lyrics-accent);
display: grid;
grid-template-columns: max-content 1fr;
gap: 0.4rem 0.75rem;
align-items: baseline;
font-size: 1rem;
margin-top: 1rem;
}
body.lyrics-page .songInfo dt {
font-weight: 700;
color: var(--lyrics-muted);
}
body.lyrics-page .songInfo dd {
margin: 0;
}
body.lyrics-page .lyrics-main-table p {
color: #fff;
line-height: 1.55;
font-size: clamp(1rem, 2.2vw, 1.35rem);
margin: 0;
}
body.lyrics-page .lyrics-map-cell iframe {
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}
body.lyrics-page .lyrics-contact-cell .contact {
margin-top: 0;
}
body.lyrics-page a {
color: #b8e6ff;
text-decoration: underline;
text-underline-offset: 0.15em;
}
body.lyrics-page a:hover {
color: #fff;
}
body.lyrics-page .contact {
color: var(--lyrics-paper);
font-size: 0.95rem;
line-height: 1.65;
}
body.lyrics-page .contact h3 {
color: var(--lyrics-accent);
font-size: 1.15rem;
margin: 0.35rem 0 0.5rem;
font-family: "Nanum Pen Script", cursive;
}
body.lyrics-page .contact img {
max-height: 36px;
width: auto;
display: block;
margin-bottom: 0.35rem;
}
body.lyrics-page .contact i {
font-size: 0.75em;
margin-right: 0.35rem;
color: var(--lyrics-accent);
}
@media (max-width: 820px) {
body.lyrics-page .lyrics-main-table,
body.lyrics-page .lyrics-main-table tbody,
body.lyrics-page .lyrics-main-table tr,
body.lyrics-page .lyrics-main-table td {
display: block;
width: 100% !important;
}
body.lyrics-page .lyrics-main-table {
border-spacing: 0;
}
body.lyrics-page .main-left {
max-width: none;
margin-bottom: 1.5rem;
}
body.lyrics-page .lyrics-main-table > tbody > tr > td + td {
margin-top: 0.5rem;
}
}
extra/lyrics.html
+3 -3
View File
@@ -9,9 +9,9 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="../style.css">
<link rel="stylesheet" href="lyrics.css">
<link rel="stylesheet" href="../tablet.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/lyrics.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="lyrics-page">
extra/minister.html
+11 -11
View File
@@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩推廣部｜視覺進化論</title>
<link rel="stylesheet" href="../style.css">
<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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="chronicle-page minister-page">
@@ -60,25 +60,25 @@
<p class="minister-month">07 月｜手作初試</p>
<p>開始學習勾針，為金在德製作第一個鴨鴨置物籃，這是從旁觀者轉為實踐者的第一步。</p>
<figure class="minister-photo">
<img src="../images/minister/image_3c1739.jpg" alt="手作鴨鴨置物籃" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3c1739.jpg" alt="手作鴨鴨置物籃" width="1040" height="780" loading="lazy">
</figure>
<p class="minister-month">08 月｜螢幕後的參與</p>
<p>以「水晶廢人字幕組」粉絲身分，用手繪應援板與勾針作品參與應援影片籌備。</p>
<figure class="minister-photo">
<img src="../images/minister/image_3c13d7.jpg" alt="手繪應援板與勾針作品" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3c13d7.jpg" alt="手繪應援板與勾針作品" width="1040" height="780" loading="lazy">
</figure>
<p class="minister-month">09 月｜孤注一擲的現場</p>
<p>在經濟窘迫、甚至需要借錢籌措旅費的情況下，飛往首爾參加首場演唱會。在那裡，我握著導師設計的台灣小黃手幅，第一次感受到設計與才華帶來的震撼。</p>
<figure class="minister-photo">
<img src="../images/minister/image_3bb254.jpg" alt="台灣小黃手幅" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3bb254.jpg" alt="台灣小黃手幅" width="1040" height="780" loading="lazy">
</figure>
<p class="minister-month">12 月｜溫暖的饋贈</p>
<p>在「#水晶文具社」聚會中，收到了同好精緻的手繪聖誕卡片。看著別人的創作，我更加確信自己也想成為能用作品傳遞能量的人。</p>
<figure class="minister-photo">
<img src="../images/minister/image_3bab17.jpg" alt="手繪聖誕卡片" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3bab17.jpg" alt="手繪聖誕卡片" width="1040" height="780" loading="lazy">
</figure>
</article>
@@ -87,7 +87,7 @@
<p class="minister-month">01 月｜職人精神的啟發</p>
<p>參與資管組 D 大的新年紅包活動。其書法與刻印結合的質感，深深影響了我對美感的標準。</p>
<figure class="minister-photo">
<img src="../images/minister/image_3ba74f.jpg" alt="新年紅包活動" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3ba74f.jpg" alt="新年紅包活動" width="1040" height="780" loading="lazy">
</figure>
<p class="minister-month">02 月｜身體記憶的熱血</p>
@@ -96,8 +96,8 @@
<p class="minister-month">04 月｜筆尖的沈澱</p>
<p>跟著文具社走遍全台咖啡廳，在鋼筆墨水與玻璃杯的陪伴下，用手寫記錄初心。</p>
<figure class="minister-photo minister-photo--dual">
<img src="../images/minister/image_3baed1.jpg" alt="鋼筆墨水與玻璃杯" width="1040" height="780" loading="lazy">
<img src="../images/minister/image_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3baed1.jpg" alt="鋼筆墨水與玻璃杯" width="1040" height="780" loading="lazy">
<img src="../assets/images/minister/image_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
</figure>
</article>
@@ -124,8 +124,8 @@
</a>
</footer>
<script src="../particles.js"></script>
<script src="../portal-nav.js"></script>
<script src="../assets/js/particles.js"></script>
<script src="../assets/js/portal-nav.js"></script>
</body>
</html>
extra/minister_ge.html
+5 -5
View File
@@ -5,10 +5,10 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩推廣部｜視覺進化論：認真魔人的進化之路</title>
<link rel="stylesheet" href="../style.css">
<link rel="stylesheet" href="../index.css">
<link rel="stylesheet" href="../assets/css/style.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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="home-page minister-page">
@@ -236,8 +236,8 @@
</a>
</footer>
<script src="../particles.js"></script>
<script src="../portal-nav.js"></script>
<script src="../assets/js/particles.js"></script>
<script src="../assets/js/portal-nav.js"></script>
</body>
</html>
extra/site-guide.html
+5 -5
View File
@@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩｜全站導覽</title>
<link rel="stylesheet" href="../style.css">
<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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="site-guide-page">
@@ -132,7 +132,7 @@
<article class="site-guide-card">
<h3><a href="minister.html">minister.html</a></h3>
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論</cite></p>
<p class="site-guide-note">頂欄未開放；僅由此全站導覽索引或書籤開啟。圖檔請放 <code>images/minister/</code>（與頁面內檔名一致）。</p>
<p class="site-guide-note">頂欄未開放；僅由此全站導覽索引或書籤開啟。圖檔請放 <code>assets/images/minister/</code>（與頁面內檔名一致）。</p>
<h4>區塊錨點</h4>
<ul>
<li><a href="minister.html#intro">#intro</a> — 跨越時空的開端</li>
@@ -214,8 +214,8 @@
</a>
</footer>
<script src="../particles.js"></script>
<script src="../portal-nav.js"></script>
<script src="../assets/js/particles.js"></script>
<script src="../assets/js/portal-nav.js"></script>
</body>
</html>
extra/sunghoon.html
+4 -4
View File
@@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩｜消失的真相</title>
<link rel="stylesheet" href="../style.css">
<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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="chronicle-page">
@@ -44,8 +44,8 @@
</a>
</footer>
<script src="../portal-nav.js"></script>
<script src="../particles.js"></script>
<script src="../assets/js/portal-nav.js"></script>
<script src="../assets/js/particles.js"></script>
</body>
</html>
extra/totoga2.html
+5 -5
View File
@@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</title>
<link rel="stylesheet" href="../style.css">
<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="../tablet.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
</head>
<body class="ebook-ssg2-page totoga2-page">
@@ -190,9 +190,9 @@
</a>
</footer>
<script src="../particles.js"></script>
<script src="../portal-nav.js"></script>
<script src="totoga2.js"></script>
<script src="../assets/js/particles.js"></script>
<script src="../assets/js/portal-nav.js"></script>
<script src="../assets/js/totoga2.js"></script>
</body>
</html>
extra/totoga2.js
-97
View File
@@ -1,97 +0,0 @@
(() => {
const hubButtons = Array.from(document.querySelectorAll("[data-totoga-hub]"));
const hubPanels = Array.from(document.querySelectorAll("[data-totoga-panel]"));
function setHubPanel(name) {
hubButtons.forEach((btn) => btn.classList.toggle("active", btn.dataset.totogaHub === name));
hubPanels.forEach((panel) => {
panel.hidden = panel.dataset.totogaPanel !== name;
});
}
hubButtons.forEach((btn) => {
btn.addEventListener("click", () => setHubPanel(btn.dataset.totogaHub));
});
const reader = document.getElementById("totoga2-reader");
if (!reader) return;
const chapters = Array.from(reader.querySelectorAll(".chronicle-chapter"));
const modeButtons = Array.from(document.querySelectorAll("[data-totoga-reader-mode]"));
const pager = document.getElementById("totoga2-pager");
const prevBtn = document.getElementById("totoga2-prev");
const nextBtn = document.getElementById("totoga2-next");
const indicator = document.getElementById("totoga2-chapter-indicator");
if (!pager || !prevBtn || !nextBtn || !indicator) return;
let currentIndex = 0;
function updatePagedView() {
chapters.forEach((chapter, index) => {
chapter.style.display = index === currentIndex ? "" : "none";
chapter.classList.toggle("active", index === currentIndex);
});
indicator.textContent = `${currentIndex + 1} / ${chapters.length}`;
prevBtn.disabled = currentIndex === 0;
nextBtn.disabled = currentIndex === chapters.length - 1;
}
function setReaderMode(mode) {
reader.dataset.mode = mode;
modeButtons.forEach((btn) => btn.classList.toggle("active", btn.dataset.totogaReaderMode === mode));
if (mode === "paged") {
pager.hidden = false;
updatePagedView();
} else {
pager.hidden = true;
chapters.forEach((chapter) => {
chapter.style.display = "";
chapter.classList.remove("active");
});
}
}
modeButtons.forEach((button) => {
button.addEventListener("click", () => setReaderMode(button.dataset.totogaReaderMode));
});
prevBtn.addEventListener("click", () => {
if (currentIndex > 0) {
currentIndex -= 1;
updatePagedView();
}
});
nextBtn.addEventListener("click", () => {
if (currentIndex < chapters.length - 1) {
currentIndex += 1;
updatePagedView();
}
});
const initialHub =
hubButtons.find((b) => b.classList.contains("active"))?.dataset.totogaHub ||
hubButtons[0]?.dataset.totogaHub ||
"video";
setHubPanel(initialHub);
setReaderMode("scroll");
function applyLocationHashNavigation() {
const hash = (location.hash || "").slice(1);
if (hash === "ebook") {
setHubPanel("ebook");
return;
}
if (hash && document.getElementById(hash)) {
setHubPanel("reader");
setReaderMode("scroll");
pager.hidden = true;
requestAnimationFrame(() => {
document.getElementById(hash)?.scrollIntoView({ behavior: "smooth", block: "start" });
});
}
}
applyLocationHashNavigation();
window.addEventListener("hashchange", applyLocationHashNavigation);
})();