feat: navbar

src/components/NavBar.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { BASE_URL, TITLE, RSS_LINK } from '@/lib/meta'
+</script>
+
+<template>
+  <nav>
+    <RouterLink to="/" class="nav-title"><span v-html="TITLE"></span></RouterLink>
+    <span class="nav-items">
+      <a :href="BASE_URL + 'atom.xml'" v-html="RSS_LINK"></a>
+    </span>
+  </nav>
+</template>

src/components/PageFooter.vue

@@ -1,16 +1,11 @@
 <script setup lang="ts">
-import { REPOSITORY, NAME, VERSION, BASE_URL, TITLE, COPYRIGHT } from '@/lib/meta'
+import { REPOSITORY, NAME, VERSION, TITLE, COPYRIGHT } from '@/lib/meta'
 import { stripHTML } from '@/lib/strings';
 </script>
 
 <template>
-  <template v-if="$route.fullPath != '/'">
-    <RouterLink to="/"><i icon="undo-2"></i> Back to home</RouterLink>
-  </template>
-  <hr />
   <footer>
     {{ stripHTML(TITLE) }} &copy; {{ new Date().getFullYear() }}, <span v-html="COPYRIGHT"></span> | Made with
-    <a :href="REPOSITORY">{{ NAME }} {{ VERSION }}</a> |
-    <a :href="BASE_URL + 'atom.xml'"><i icon="rss"></i> RSS</a>
+    <a :href="REPOSITORY">{{ NAME }} {{ VERSION }}</a>
   </footer>
 </template>