Dark theme, migrated blog posts and Netlify stuff

2 files changed, 31 insertions, 19 deletions

diff --git a/components/Footer.vue b/components/Footer.vue
index 616c8d2..a2b514e 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,15 +1,19 @@
 <template>
-    <div>
-        <p>&copy; Copyright 2018-2020, Andrew Lee.</p>
-    </div>
+    <v-footer app class="font-weight-medium" color="green darken-3" dark>
+        <v-col cols="12">
+            <p class="text-center">Created using NuxtJS and Vuetify. Hosted on Netlify.</p>
+            <p class="text-center"><strong>&copy; Copyright 2018-{{ new Date().getFullYear() }}, Andrew Lee.</strong>
+            </p>
+        </v-col>
+    </v-footer>
 </template>
 
 <script>
-    export default {
-        name: "Footer"
-    }
+export default {
+  name: 'Footer'
+}
 </script>
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 80254b6..725a666 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -1,20 +1,28 @@
 <template>
-    <div>
-        <b-navbar toggleable="lg" type="dark" variant="dark">
-            <b-navbar-brand href="/">Andrew Lee</b-navbar-brand>
-            <b-navbar-nav>
-                <b-nav-item href="/">Home</b-nav-item>
-            </b-navbar-nav>
-        </b-navbar>
-    </div>
+        <v-card>
+            <v-toolbar dark>
+                <v-toolbar-title>Andrew Lee</v-toolbar-title>
+                <v-spacer/>
+                <v-btn to="/" text>
+                    Home
+                </v-btn>
+                <v-btn to="/blog" text>
+                    Blog
+                </v-btn>
+                <v-btn to="/projects" text>
+                    Projects
+                </v-btn>
+            </v-toolbar>
+        </v-card>
 </template>
 
 <script>
-    export default {
-        name: "Navbar"
-    }
+export default {
+  name: 'Navbar'
+}
+
 </script>
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>