diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/Footer.vue | 18 | ||||
| -rw-r--r-- | components/Navbar.vue | 32 |
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>© 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>© 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> |