更新電子郵件

config.js

@@ -8,48 +8,79 @@ const CONFIG = {
         name: "nudoragon",
         bio: "設計與開發的探索者 | 建立數位世界的連結",
         avatar: "avatar.png", // 已從部落格擷取
+        favicon: "avatar.png", // 使用與 avatar 相同的圖片作為 favicon
         copyrightYear: 2026
     },
     links: [
-    {
-        title: "聯絡我",
-        desc: "透過電子郵件與我聯繫",
-        url: "mailto:a@z.nudoragon.com",
-        icon: "fas fa-envelope",
-        delay: "0.4s",
-        category: "contact",
-        visible: true,
-        order: 1
-    },
+        {
+            title: "聯絡我",
+            desc: "透過電子郵件與我聯繫",
+            url: "mailto:hi@l.nudoragon.com",
+            icon: "fas fa-envelope",
+            delay: "0.1s",
+            category: "contact",
+            visible: true,
+            order: 1
+        },
+        {
+            title: "Element (Matrix)",
+            desc: "透過 Matrix 協議與我通訊（@nudoragon:matrix.nudoragon.com）",
+            url: "https://element.nudoragon.com",
+            icon: "fas fa-comments",
+            delay: "0.2s",
+            category: "contact",
+            visible: true,
+            order: 2
+        },
         {
             title: "個人部落格",
             desc: "分享技術開發與生活紀錄",
             url: "https://blog.nudoragon.com",
             icon: "fas fa-blog",
-            delay: "0.1s",
+            delay: "0.3s",
             category: "content",
             visible: true,
-            order: 2
+            order: 3
         },
         {
             title: "Gitea",
             desc: "查看我的開源專案與代碼",
             url: "https://code.nudoragon.com",
             icon: "fas fa-code-branch",
-            delay: "0.2s",
+            delay: "0.4s",
             category: "development",
             visible: true,
-            order: 3
+            order: 4
+        },
+        {
+            title: "系統狀態",
+            desc: "監控各項服務運行狀況",
+            url: "https://status.nudoragon.com",
+            icon: "fas fa-heartbeat",
+            delay: "0.5s",
+            category: "service",
+            visible: true,
+            order: 5
+        },
+        {
+            title: "NudoAuth 透透龍女",
+            desc: "統一身份認證與授權服務",
+            url: "https://auth.nudoragon.com",
+            icon: "fas fa-user-shield",
+            delay: "0.6s",
+            category: "service",
+            visible: true,
+            order: 6
         },
         {
             title: "Stickers 模組",
             desc: "我開發的貼圖服務系統",
             url: "https://stickers.example.com",
             icon: "fas fa-code",
-            delay: "0.3s",
+            delay: "0.7s",
             category: "development",
             visible: false,
-            order: 4
+            order: 7
         }
     ],
     socials: [
@@ -61,6 +92,6 @@ const CONFIG = {
         { name: "Discord", url: "https://discord.gg/nHjUJJXGVG", icon: "fab fa-discord", visible: true, order: 6 },
         { name: "Line", url: "#", icon: "fab fa-line", visible: false, order: 7 },
         { name: "Telegram", url: "#", icon: "fab fa-telegram", visible: false, order: 8 },
-        { name: "Mail", url: "mailto:a@z.nudoragon.com", icon: "fas fa-envelope", visible: true, order: 9 }
+        { name: "Mail", url: "mailto:hi@l.nudoragon.com", icon: "fas fa-envelope", visible: true, order: 9 }
     ]
-};
+}

index.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>nudoragon | 個人連結</title>
     <meta name="description" content="nudoragon 的個人品牌與社交連結入口。包含部落格、專案與聯絡資訊。">
+    <link rel="icon" id="favicon" href="">
     <link rel="stylesheet" href="style.css">
     <!-- Google Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -44,6 +45,9 @@
     <script src="config.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', () => {
+            // Set Favicon
+            document.getElementById('favicon').href = CONFIG.profile.favicon;
+
             // Render Profile
             const header = document.getElementById('profile-header');
             header.innerHTML = `

style.css

@@ -230,6 +230,7 @@ body {
 
 .social-icons {
     display: flex;
+    flex-wrap: wrap;
     justify-content: center;
     gap: 2rem;
     margin-bottom: 1.5rem;
@@ -294,4 +295,8 @@ body {
         height: 44px;
         font-size: 1.2rem;
     }
+    
+    .social-icons {
+        gap: 1.2rem;
+    }
 }