From 379843404fc3c52000ffe27ae1c2b61b853a6ecf Mon Sep 17 00:00:00 2001
From: hzhang <hzhang@hangman-lab.top>
Date: Mon, 9 Dec 2024 09:25:56 +0000
Subject: [PATCH] improve: adjust footer layout

---
 src/components/Footer.css | 12 ++++++++++--
 src/components/Footer.js  | 14 +++++++++++---
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer.css b/src/components/Footer.css
index b29feb8..289a9d7 100644
--- a/src/components/Footer.css
+++ b/src/components/Footer.css
@@ -33,14 +33,22 @@
 .footer-content {
     margin-bottom: auto;
     text-align: center;
+    width: 100%;
+}
+
+.footer-content a {
+    color: #fff;
+    font-size: 1.2rem;
+    text-decoration: underline;
 }
 
 .footer-icons {
     display: flex;
     flex-direction: column;
     gap: 1rem;
-    align-items: flex-end;
-    margin-right: 1rem;
+    align-items: flex-start;
+    margin-left: 1rem;
+    width: 100%;
 }
 
 .footer-icon {
diff --git a/src/components/Footer.js b/src/components/Footer.js
index db4ef05..69aed18 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -25,7 +25,15 @@ const Footer = () => {
                 {isExpanded ? "↓" : "↑"}
             </button>
             <div className={`footer-content`}>
-                <p>&copy; {new Date().getFullYear()} Hangman Lab. All rights reserved.</p>
+                <p>&copy; {new Date().getFullYear()} Hangman Lab. {!isVisible && (<span>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        <a href="mailto:hzhang@hangman-lab.top">email</a>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        <a href="https://git.hangman-lab.top/hzhang/HangmanLab">git</a>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                    </span>
+                    )}</p>
                 {
                     isVisible && (
                         <div
@@ -52,10 +60,10 @@ const Footer = () => {
                                 >
                                     <img
                                         src="/icons/git.png"
-                                        alt="GitHub"
+                                        alt="Git"
                                         className="footer-icon"
                                     />
-                                    GitHub
+                                    Git
                                 </a>
                                 <a href="mailto:hzhang@hangman-lab.top">
                                     <img