fix add assets/並更新全站引用

2026-05-14 09:20:10 +08:00
parent a6525fdf44
commit c278df23e1
107 changed files with 1726 additions and 1720 deletions
@@ -7,10 +7,10 @@ alwaysApply: true
 ## 預設只做「被點名」的範圍
- 使用者若只提某頁（例如 **`minister_ge.html`**）、某區塊、某句文案：**只改該處**，不順手改 `index.html`、`minister.html`、`portal-nav.js`、`style.css` 全站區、或 **`index.css`** 裡與首頁共用的規則。
+- 使用者若只提某頁（例如 **`minister_ge.html`**）、某區塊、某句文案：**只改該處**，不順手改 `index.html`、`minister.html`、`assets/js/portal-nav.js`、`assets/css/style.css` 全站區、或 **`assets/css/index.css`** 裡與首頁共用的規則。
 - **未寫到的檔案＝不開、不刪、不重構**；需要動到時，先用**一句話**說明「為何必須動」並等使用者確認，或改在回覆裡列出將被波及的檔案請使用者選是否要做。
-## 共用樣式（`style.css`、全站 class）
+## 共用樣式（`assets/css/style.css`、全站 class）
 - **禁止**因為某一頁要對齊視覺，就擅自改掉全站 class（例如 `.slogan-quote`、`.mark_b`、`section` 預設）在**其他頁**的呈現。
 - **金句已分流**：覺醒稿用 **`slogan-quote slogan-quote--awakening`**（副標語彙：雙線＋中置小字），首頁使命稿用 **`slogan-quote slogan-quote--mission`**（獨立奶油卡）；基底 **`.slogan-quote` 不帶視覺**，**禁止**再只改基底就套兩種金句。
@@ -9,7 +9,7 @@ alwaysApply: true
 - **不得**在未被使用者**明確要求**的情況下：把導覽連結從「籌備中／尚無開放」改成可點、更換 `href` 成真實頁面、從 `COMING_SOON_PAGES` 移除、或把錨點加入 `INDEX_NAV_OPEN_HASHES`。
 - **不得**因為「內容已搬到某頁」就自行推論「導覽也應該開放」——導覽是否開放**只聽使用者口述**。
- 若使用者只要求搬內容、刪檔、改站內某段文案，**預設不改** `portal-nav.js` 的開放狀態與連結目標。
+- 若使用者只要求搬內容、刪檔、改站內某段文案，**預設不改** `assets/js/portal-nav.js` 的開放狀態與連結目標。
 ## 「傳奇的轉折」導覽（特別記牢）
@@ -18,11 +18,11 @@ alwaysApply: true
 ## 實作前自檢
- 若變更會影響 `portal-nav.js`（`PORTAL_NAV_INNER_HTML`、`COMING_SOON_PAGES`、`INDEX_NAV_OPEN_HASHES`）：**對照使用者原句**，確認每一項連結的開／關都有被明確交代。
+- 若變更會影響 `assets/js/portal-nav.js`（`buildPortalNavInnerHTML`、`COMING_SOON_PAGES`、`INDEX_NAV_OPEN_HASHES`）：**對照使用者原句**，確認每一項連結的開／關都有被明確交代。
 ## 名詞對齊（避免做錯檔）
- **頂部橫列導覽（常稱 navbar）**：`portal-nav.js` 注入的 `<nav class="portal-nav" data-portal-nav>`，每一頁頂端黑底那一條。**備份稿／未公開頁**除非使用者**明講要上這條**，否則不要寫進 `PORTAL_NAV_INNER_HTML`。
+- **頂部橫列導覽（常稱 navbar）**：`assets/js/portal-nav.js` 注入的 `<nav class="portal-nav" data-portal-nav>`，每一頁頂端黑底那一條。**備份稿／未公開頁**除非使用者**明講要上這條**，否則不要寫進 `buildPortalNavInnerHTML` 模板。
 - **全站頁面索引**：`site-guide.html`（自行開網址），用來列檔案與錨點；**不影響**頂欄是否出現該連結。使用者說「留在全站導覽」常指保留在 **site-guide** 或站內說明，**不等於**要掛進頂欄。
 （變更哪些檔、可否動共用 CSS：見 **`ai-change-boundaries.mdc`**。）
@@ -1,10 +1,10 @@
 # 變更檢查清單（工作區 vs `HEAD`）
-> **說明：** 此為對話當初「第一批」完整筆記存檔（五檔：`albums`（原 `archive`）／`index.css`／`index.html`／`style.css`／`portal-nav`）。**目前工作區是否仍為下列每一項，請以 `git diff` 與實際檔案為準**，本文不作為程式真值來源。
+> **說明：** 此為對話當初「第一批」完整筆記存檔（五檔：`albums`（原 `archive`）／`assets/css/index.css`／`index.html`／`assets/css/style.css`／`assets/js/portal-nav`）。**目前工作區是否仍為下列每一項，請以 `git diff` 與實際檔案為準**，本文不作為程式真值來源。
 本文依 **`git diff`** 對照 **`HEAD`** 整理，方便逐項核對；不含未在本 diff 出現之檔案或臆測內容。
-**涉及檔案（5）**：`albums/albums.html`、`index.css`、`index.html`、`portal-nav.js`、`style.css`  
+**涉及檔案（5）**：`albums/albums.html`、`assets/css/index.css`、`index.html`、`assets/js/portal-nav.js`、`assets/css/style.css`  
 **統計**：以 `git diff --stat` 為準（以下內容對應該批變更初版筆記）。
 ---
@@ -38,7 +38,7 @@
 | 輝煌全盛期 | 1998 Road Fighter | `https://open.spotify.com/album/08TW1bmGzSg172Db8C2Bde` |
 | 輝煌全盛期 | 1999 Com' Back | `https://open.spotify.com/album/3XWtqLXDZycu7Q0BGofhiq` |
-### 內嵌腳本（`</body>` 前，`portal-nav.js` 之後）
+### 內嵌腳本（`</body>` 前，`assets/js/portal-nav.js` 之後）
 - `querySelectorAll('tr.archive-row-spotify[data-spotify-url]')` 綁定：
  - **click**：若 `e.target.closest('a')` 則不處理；否則 `window.open(url, '_blank', 'noopener,noreferrer')`
@@ -46,7 +46,7 @@
 ---
-## 2. `index.css`
+## 2. `assets/css/index.css`
 ### 新增選擇器（僅作用於 `.archive-discography` 內）
@@ -75,11 +75,11 @@
 ### 相依性（請檢查）
 - 頁面須已載入 Font Awesome（與現有 `<link>` 一致），否則圖示不顯示。
- `extra/totoga2.html` 須存在；`extra/totoga2.js` 會辨識網址列 `#ebook` 並切換至電子書模式。
+- `extra/totoga2.html` 須存在；`assets/js/totoga2.js` 會辨識網址列 `#ebook` 並切換至電子書模式。
 ---
-## 4. `style.css`
+## 4. `assets/css/style.css`
 ### 區塊註解
@@ -101,7 +101,7 @@
 ---
-## 5. `portal-nav.js`
+## 5. `assets/js/portal-nav.js`
 ### 目的
@@ -124,9 +124,9 @@
 1. **`albums/albums.html`**：每列空白處／封面／年份點擊 → 新分頁 Spotify 正確專輯；點列內本站連結 → 仍進本站、不開 Spotify。
 2. **`albums/albums.html`**：鍵盤 Tab 聚焦列後 Enter／空白 → 開 Spotify；聚焦在 `<a>` 上時 Enter → 遵循連結。
-3. **`index.html` + `style.css`**：2016 卡片外觀與 CTA 按鈕、`hover`、`focus-visible`、縮減動態偏好設定下手勢動畫關閉。
+3. **`index.html` + `assets/css/style.css`**：2016 卡片外觀與 CTA 按鈕、`hover`、`focus-visible`、縮減動態偏好設定下手勢動畫關閉。
-4. **`portal-nav.js`**：全站注入後選單無「消失的真相」；改 `true` 後該項回來。
+4. **`assets/js/portal-nav.js`**：全站注入後選單無「消失的真相」；改 `true` 後該項回來。
-5. **跨頁**：任意頁載入 `portal-nav.js` 後行為一致。
+5. **跨頁**：任意頁載入 `assets/js/portal-nav.js` 後行為一致。
 ---
@@ -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="../assets/css/style.css">
-    <link rel="stylesheet" href="../index.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>
@@ -50,7 +50,7 @@
                        data-spotify-url="https://open.spotify.com/album/1Dijv8G0wnCN8PzFZoC8bN"
                        aria-label="在 Spotify 開啟：THREE WORDS（2016 數位單曲）">
                        <td class="album-cover-cell">
-                            <img src="../images/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
+                            <img src="../assets/images/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
                        </td>
                        <td>2016</td>
                        <td><a href="../extra/lyrics.html">數位單曲</a></td>
@@ -60,7 +60,7 @@
                        data-spotify-url="https://open.spotify.com/album/5f2LzIFxljQF4FH7w3rXcQ"
                        aria-label="在 Spotify 開啟：ANOTHER LIGHT">
                        <td class="album-cover-cell">
-                            <img src="../images/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
+                            <img src="../assets/images/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
                        </td>
                        <td>2017</td>
                        <td><a href="../concert/concert.html#stage-now">ANOTHER LIGHT</a></td>
@@ -70,7 +70,7 @@
                        data-spotify-url="https://open.spotify.com/album/7vqIRL00YfTtuO0sSAK3Uv"
                        aria-label="在 Spotify 開啟：ALL FOR YOU">
                        <td class="album-cover-cell">
-                            <img src="../images/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
+                            <img src="../assets/images/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
                        </td>
                        <td>2020</td>
                        <td><a href="../concert/concert.html#stage-now">ALL FOR YOU</a></td>
@@ -126,8 +126,8 @@
        </a>
    </footer>
-    <script src="../particles.js"></script>
+    <script src="../assets/js/particles.js"></script>
-    <script src="../portal-nav.js"></script>
+    <script src="../assets/js/portal-nav.js"></script>
    <script>
        (function () {
            document.querySelectorAll('tr.archive-row-spotify[data-spotify-url]').forEach(function (row) {
@@ -48,7 +48,7 @@ header {
    width: 100%;
    height: 100vh;
    min-height: 100dvh;
-    background-image: url('images/header.jpg');
+    background-image: url('../images/header.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 108%;
@@ -1084,7 +1084,7 @@ footer a .mark_b {
    width: 100%;
    height: 100vh;
    min-height: 100dvh;
-    background-image: url('images/header.jpg');
+    background-image: url('../images/header.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 108%;
@@ -180,7 +180,7 @@
        width: min(100%, 440px);
    }
-    .concert-page img[src*="images/concert/"] {
+    .concert-page img[src*="assets/images/concert/"] {
        width: min(560px, 88%);
        max-width: 100%;
    }
@@ -121,7 +121,7 @@
    /**
     * 站根與 `portal-nav.js` 同層；依腳本路徑與當前頁路徑計算回到站根的相對前綴（如 `../`）。
-     * 子資料夾內頁面之導覽連結必須帶此前綴，否則 `./images`、`index.html` 會錯層。
+     * 子資料夾內頁面之導覽連結必須帶此前綴，否則 `./assets/images`、`index.html` 會錯層。
     */
    function portalNavRootPrefix() {
        const el =
@@ -150,7 +150,7 @@
    /** 全站導覽 HTML — `rp` 為站根相對前綴；僅修改此模板即可同步所有頁面 */
    function buildPortalNavInnerHTML(rp) {
        return `
-<a class="logo" href="${rp}index.html"><img src="${rp}images/logov.svg" alt="SECHSKIES Logo"></a>
+<a class="logo" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
 <ul>
    <li><a href="${rp}index.html#origin">淪陷瞬間</a>
        <ul class="portal-submenu">
@@ -5,10 +5,10 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SECHSKIES Concert Archive</title>
-    <link rel="stylesheet" href="concert.css">
+    <link rel="stylesheet" href="../assets/css/concert.css">
-    <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="concert-page">
@@ -33,7 +33,7 @@
            <div class="con-1" data-tour=" YELLOW NOTE">
                <span class="title">2016&nbsp;&nbsp;|&nbsp;&nbsp;YELLOW NOTE&nbsp;&nbsp;首場回歸演唱會</span>
-                <img src="../images/concert/2016.jpg" alt="">
+                <img src="../assets/images/concert/2016.jpg" alt="">
                <div class="con-yk-1 attended" data-date1="09.10">
                    <span class="location">首爾 | 首爾奧林匹克體操競技場</span>
                    <input type="checkbox" id="expand-yk-1" class="expand-trigger">
@@ -160,7 +160,7 @@
            <div class="con-2" data-tour="20TH ANNIV.">
                <span class="title">2017-2018&nbsp;&nbsp;|&nbsp;&nbsp;20TH ANNIVERSARY</span>
-                <img src="../images/concert/2017.jpg" alt="">
+                <img src="../assets/images/concert/2017.jpg" alt="">
                <div class="con-2-1">
                    <span class="location">首爾：高尺天空巨蛋</span>
@@ -352,7 +352,7 @@
        <!-- 演唱會 03 -->
        <div class="con-3" data-tour="NOW・HERE・AGAIN.">
            <span class="title">2018&nbsp;&nbsp;|&nbsp;&nbsp;NOW・HERE・AGAIN</span>
-            <img src="../images/concert/2018.jpg" alt="">
+            <img src="../assets/images/concert/2018.jpg" alt="">
            <div class="con-3-1 attended" data-date1="10.13" data-date2="10.14">
                <span class="location">首爾：首爾奧林匹克體操競技場</span>
                <input type="checkbox" id="expand-con-3-1" class="expand-trigger">
@@ -389,7 +389,7 @@
        <!-- 演唱會 04：與 con-2／con-3 同結構 — title → img → con-4-1；ACCESS 樣式用 con-access-denied；CANCELED 水印為 ::before（::after 保留給 data-tour 緞帶） -->
        <div class="con-4 con-access-denied" data-tour="ACCESS">
            <span class="title">2020&nbsp;&nbsp;|&nbsp;&nbsp;CONCERT [ACCESS]</span>
-            <img src="../images/concert/2020.jpg" alt="">
+            <img src="../assets/images/concert/2020.jpg" alt="">
            <div class="con-4-1 canceled" data-date1="03.06" data-date2="03.08">
                <span class="location">首爾：慶熙大學 平和殿堂</span>
@@ -631,7 +631,7 @@
        init();
        animate();
    </script>
-    <script src="../portal-nav.js"></script>
+    <script src="../assets/js/portal-nav.js"></script>
 </body>
 </html>
@@ -1,16 +1,16 @@
-# 全站導覽列規則（`portal-nav.js`）
+# 全站導覽列規則（`assets/js/portal-nav.js`）
-之後**每新增一個要上線、可點的 HTML 頁面**，請一併完成導覽更新；規則都集中在 **`portal-nav.js`**。
+之後**每新增一個要上線、可點的 HTML 頁面**，請一併完成導覽更新；規則都集中在 **`assets/js/portal-nav.js`**。
 ---
 ## 1. 必做：把頁面掛進導覽 HTML
-在 **`buildPortalNavInnerHTML`**（`portal-nav.js`）裡維護連結：
+在 **`buildPortalNavInnerHTML`**（`assets/js/portal-nav.js`）裡維護連結：
 - 依資訊架構放在對應的 **`<li>`** 底下；需要子選單時用 **`portal-submenu`**。
 - `href` 使用**站根相對路徑**（腳本會依當前頁深度加上前綴 `rp`）：例如 `` `${rp}variety/variety.html` ``、`` `${rp}index.html#section` ``。
- Logo 列：`` `${rp}index.html` `` 與 `` `${rp}images/logov.svg` ``。
+- Logo 列：`` `${rp}index.html` `` 與 `` `${rp}assets/images/logov.svg` ``。
 新增或調整完後，所有帶 **`data-portal-nav`** 的 `<nav class="portal-nav">` 都會在載入腳本時被注入同一份 HTML。
@@ -27,10 +27,10 @@
 | 需求 | 做法 |
 |------|------|
-| 新頁要**正式開放** | 寫進 `PORTAL_NAV_INNER_HTML`，並**確認檔名不在** `COMING_SOON_PAGES`。若曾暫時關閉，記得從 Set **刪除**該檔名。 |
+| 新頁要**正式開放** | 寫進 `buildPortalNavInnerHTML`（`assets/js/portal-nav.js`），並**確認檔名不在** `COMING_SOON_PAGES`。若曾暫時關閉，記得從 Set **刪除**該檔名。 |
 | 新頁先**占位、不開放** | 可選擇：仍寫進導覽，但把檔名**加進** `COMING_SOON_PAGES`；或暫時不要放進導覽。 |
-（目前 Set 內含哪些檔，以 `portal-nav.js` 為準；例如 `totoga2.html` 若已開放，就不應出現在 Set 裡。）
+（目前 Set 內含哪些檔，以 `assets/js/portal-nav.js` 為準；例如 `totoga2.html` 若已開放，就不應出現在 Set 裡。）
 ---
@@ -54,16 +54,22 @@
 - 在 `</body>` 前載入（順序可與現有頁一致）：
  ```html
-  <script src="portal-nav.js"></script>
+  <script src="assets/js/portal-nav.js"></script>
  ```
- 若該頁有 **`particles.js`**／共用樣式，比照其他內頁一併引入即可。
+  內頁（例如 `extra/`、`variety/` 下）請用相對站根深度，例如：
  ```html
  <script src="../assets/js/portal-nav.js"></script>
  ```
 - 若該頁有 **`assets/js/particles.js`**／共用樣式（`assets/css/style.css` 等），比照其他內頁一併引入即可。
 ---
 ## 5. 刻意不進導覽的頁面
-若某頁只給自己用（例如站內索引、草稿），**不要**寫進 `PORTAL_NAV_INNER_HTML` 即可；不必改 `COMING_SOON_PAGES`。
+若某頁只給自己用（例如站內索引、草稿），**不要**寫進 `buildPortalNavInnerHTML` 即可；不必改 `COMING_SOON_PAGES`。
 ---
@@ -86,7 +92,7 @@
 | 檔案 | 用途 |
 |------|------|
-| `portal-nav.js` | `PORTAL_NAV_INNER_HTML`、`COMING_SOON_PAGES`、`INDEX_NAV_OPEN_HASHES`、籌備中邏輯 |
+| `assets/js/portal-nav.js` | `buildPortalNavInnerHTML`、`COMING_SOON_PAGES`、`INDEX_NAV_OPEN_HASHES`、籌備中邏輯 |
-| `style.css` | `.portal-nav`、子選單、`.nav-current` 等樣式 |
+| `assets/css/style.css` | `.portal-nav`、子選單、`.nav-current` 等樣式 |
 （導覽文案隨機句：`NAV_SOON_PHRASES`，僅影響籌備中連結的提示，與新頁是否開放無關。）
@@ -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>
@@ -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="../assets/css/style.css">
-    <link rel="stylesheet" href="lyrics.css">
+    <link rel="stylesheet" href="../assets/css/lyrics.css">
-    <link rel="stylesheet" href="../tablet.css">
+    <link rel="stylesheet" href="../assets/css/tablet.css">
 </head>
 <body class="lyrics-page">
@@ -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="../assets/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_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
                </figure>
            </article>
@@ -124,8 +124,8 @@
        </a>
    </footer>
-    <script src="../particles.js"></script>
+    <script src="../assets/js/particles.js"></script>
-    <script src="../portal-nav.js"></script>
+    <script src="../assets/js/portal-nav.js"></script>
 </body>
 </html>
--- a/Show More
+++ b/Show More