Initial commit

2026-07-24 15:02:45 +08:00
commit 332f9c3c7f
22 changed files with 4144 additions and 0 deletions
@@ -0,0 +1,122 @@
+<template>
+    <footer class="page-footer">
+        <div class="container footer-inner">
+            <div class="footer-left">
+                <span class="footer-logo">
+                    <span class="logo-bracket">&lt;</span>Madobi Nanami<span class="logo-bracket"> /&gt;</span>
+                </span>
+                <span class="footer-copy">&copy; {{ currentYear }} Madobi Nanami Ver.0.0.0.1</span>
+            </div>
+            <div class="footer-right">
+                <a
+                    v-for="link in socialLinks"
+                    :key="link.label"
+                    :href="link.url"
+                    :aria-label="link.label"
+                    :title="link.label"
+                    class="social-link"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >
+                    <i :class="link.icon" aria-hidden="true"></i>
+                </a>
+            </div>
+        </div>
+    </footer>
+</template>
+
+<script>
+export default {
+    name: 'PageFooter',
+    setup() {
+        const currentYear = new Date().getFullYear();
+
+        const socialLinks = [
+            { label: 'Gitea', icon: 'fab fa-github', url: 'https://gitea.nanami.tech/NanamiAdmin' },
+            { label: 'Email', icon: 'fas fa-envelope', url: 'mailto:contact@nanami.tech' },
+        ];
+
+        return {
+            currentYear,
+            socialLinks
+        };
+    }
+};
+</script>
+
+<style scoped>
+.page-footer {
+    border-top: 1px solid var(--border-color);
+    padding: 28px 0;
+    background: var(--bg-color);
+    transition: background-color 0.3s, border-color 0.3s;
+}
+
+.footer-inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.footer-left {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.footer-logo {
+    font-family: 'SF Mono', 'Courier New', 'Consolas', 'Monaco', monospace;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text-color);
+    transition: color 0.3s;
+}
+
+.logo-bracket {
+    color: var(--text-tertiary);
+    transition: color 0.3s;
+}
+
+.footer-copy {
+    font-size: 13px;
+    color: var(--text-tertiary);
+    transition: color 0.3s;
+}
+
+.footer-right {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.social-link {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    color: var(--text-tertiary);
+    text-decoration: none;
+    font-size: 15px;
+    transition: all 0.2s;
+}
+
+.social-link:hover {
+    color: var(--accent);
+    background: var(--accent-subtle);
+}
+
+@media (max-width: 768px) {
+    .footer-inner {
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .footer-left {
+        flex-direction: column;
+        gap: 8px;
+        text-align: center;
+    }
+}
+</style>