From 1a68fbddbf5eee97ceb9d4a6dc4651692933b76d Mon Sep 17 00:00:00 2001
From: Kisechan <kisechan_@outlook.com>
Date: Wed, 5 Mar 2025 12:28:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A6=96=E9=A1=B5=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=EF=BC=8C=E6=B7=BB=E5=8A=A0=E7=A4=BE=E4=BA=A4=E5=AA=92?=
 =?UTF-8?q?=E4=BD=93=E9=93=BE=E6=8E=A5=EF=BC=8C=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=B9=B6=E5=90=AF=E7=94=A8=E5=85=A8=E5=B1=80=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppFooter.vue | 34 ++++----------------------
 src/views/HomeView.vue       | 47 +++++++++++++++++++++++++++++++++---
 2 files changed, 49 insertions(+), 32 deletions(-)

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 66cb703..dbde3d8 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -1,23 +1,6 @@
 <template>
   <el-footer>
     <div class="footer-content">
-      <div class="social-icons">
-        <a href="https://github.com/Kisechan" target="_blank">
-          <i class="fab fa-github"></i>
-        </a>
-        <a href="https://www.zhihu.com/people/ptkise" target="_blank">
-          <i class="fab fa-zhihu"></i>
-        </a>
-        <a href="https://space.bilibili.com/174541536" target="_blank">
-          <i class="fab fa-bilibili"></i>
-        </a>
-        <a href="https://blog.kisechan.space" target="_blank">
-          <i class="fa-solid fa-blog"></i>
-        </a>
-        <a href="mailto:admin@kisechan.space" target="_blank">
-          <i class="fa-solid fa-envelope"></i>
-        </a>
-      </div>
       <div class="footer-text">
         <p>
           &copy; 2025 By
@@ -28,7 +11,9 @@
             ><strong>Kisechan</strong></a
           >
         </p>
-        <p>功能完善中...</p>
+        <p style="font-size: 0.75em;">
+          Made With <a href="https://cn.vuejs.org/">Vue3</a> & <a href="https://element-plus.org/zh-CN/">Element Plus</a>
+        </p>
       </div>
     </div>
   </el-footer>
@@ -49,17 +34,8 @@
   margin: 0 auto;
 }
 
-.social-icons {
+/* .social-icons {
   margin-top: 10px;
-}
+} */
 
-.social-icons a {
-  color: #303133;
-  margin: 0 10px;
-  font-size: 24px;
-}
-
-.social-icons a:hover {
-  color: rgb(159.5, 206.5, 255);
-}
 </style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1407666..afbc062 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -11,6 +11,8 @@
               可以通过这个邮箱联系我：
               <a href="mailto:admin@kisechan.space">admin@kisechan.space</a>
             </p>
+            <hr />
+            <h3>My Github Contributions</h3>
             <div class="github-calendar-container">
               <div id="github-graph"></div>
             </div>
@@ -18,12 +20,29 @@
         </el-col>
 
         <!-- 右侧作者信息 -->
-        <el-col :span="8">
+        <el-col class="right-column" :span="8">
           <div class="author-info">
             <el-avatar :size="120" :src="avatarUrl" />
-            <h3>Hello</h3>
+            <h2>Hello</h2>
             <i>"Non est ad astra mollis e trris via."</i>
           </div>
+          <div class="social-icons">
+            <a href="https://github.com/Kisechan" target="_blank">
+              <i class="fab fa-github"></i>
+            </a>
+            <a href="https://www.zhihu.com/people/ptkise" target="_blank">
+              <i class="fab fa-zhihu"></i>
+            </a>
+            <a href="https://space.bilibili.com/174541536" target="_blank">
+              <i class="fab fa-bilibili"></i>
+            </a>
+            <a href="https://blog.kisechan.space" target="_blank">
+              <i class="fa-solid fa-blog"></i>
+            </a>
+            <a href="mailto:admin@kisechan.space" target="_blank">
+              <i class="fa-solid fa-envelope"></i>
+            </a>
+          </div>
         </el-col>
       </el-row>
     </el-main>
@@ -43,7 +62,7 @@ onMounted(() => {
     headers: {
       Authorization: `token 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`,
     },
-    global_stats: false, // 显示全局统计信息
+    global_stats: true, // 显示全局统计信息
   });
 });
 </script>
@@ -70,4 +89,26 @@ onMounted(() => {
   max-width: 800px;
   margin: 0 auto;
 }
+
+.social-icons a {
+  color: #303133;
+  margin: 0 10px;
+  font-size: 24px;
+}
+
+.social-icons a:hover {
+  color: rgb(159.5, 206.5, 255);
+}
+
+.social-icons{
+  max-width: 1200px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.right-column {
+  display: flex;
+  flex-direction: column;
+  gap: 24px; /* 设置 author-info 和 social-icons 之间的间隔 */
+}
 </style>