initial moeification

1 files changed, 60 insertions, 0 deletions

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..6670702
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,60 @@
+---
+import dataList from "../data/user.json";
+---
+
+<footer class="footer">
+    <div class="footer-content">
+        <p class="footer-text">萌え萌えキュン</p>
+
+        <div class="footer-links">
+            <a
+                href="https://github.com/yourprofile"
+                class="footer-link"
+                aria-label="GitHub"
+            >
+                <i class="ri-github-fill"></i>
+                Source
+            </a>
+        </div>
+    </div>
+</footer>
+
+<style>
+    .footer {
+        padding: 1.5rem 0;
+        text-align: center;
+        position: relative;
+    }
+
+    .footer-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .footer-text {
+        font-size: 0.875rem;
+        color: var(--zinc-900);
+    }
+
+    .footer-emoji {
+        font-size: 1rem;
+        color: var(--zinc-800);
+    }
+
+    .footer-links {
+        display: flex;
+        gap: 1rem;
+    }
+
+    .footer-link {
+        font-size: 1.25rem;
+        color: var(--zinc-900);
+        transition: color 0.2s ease-in-out;
+    }
+
+    .footer-link:hover {
+        color: var(--pink-darker);
+    }
+</style>