style changes

nginx/vue/src/App.vue

@@ -5,9 +5,9 @@ import Footer from "@/components/Footer.vue";
 </script>
 
 <template>
-    <Navbar style="height: 10vh" />
+    <Navbar style="height: 5vh" />
 
     <RouterView />
 
-    <Footer />
+    <!-- <Footer style="height: 10vh" /> -->
 </template>

nginx/vue/src/router/index.js

@@ -17,6 +17,14 @@ const router = createRouter({
       // which is lazy-loaded when the route is visited.
       component: () => import("../views/CV.vue"),
     },
+    {
+      path: "/admin",
+      name: "admin",
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import("../views/Admin.vue"),
+    },
     {
       path: "/bookmarks",
       name: "bookmarks",

nginx/vue/src/views/404.vue

@@ -1,7 +1,7 @@
 <template>
     <main>
         <h1>404 not found lol</h1>
-        <img href="/img/Untitled.png" ) />
+        <img href="/img/epic.jpeg" ) />
         <RouterLink to="/">Take me home!</RouterLink>
     </main>
 </template>

nginx/vue/src/views/Admin.vue

@@ -0,0 +1,20 @@
+<script setup>
+import Login from "@/components/admin/Login.vue";
+</script>
+
+<template>
+    <main class="center-content flex-col">
+        <div class="a5page-portrait bdr-1 grid">
+            <Login />
+        </div>
+    </main>
+</template>
+
+<style scoped>
+.grid {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(2, 1fr);
+}
+</style>