aboutsummaryrefslogtreecommitdiff
path: root/components
diff options
context:
space:
mode:
Diffstat (limited to 'components')
-rw-r--r--components/Footer.vue19
-rw-r--r--components/Navbar.vue75
2 files changed, 0 insertions, 94 deletions
diff --git a/components/Footer.vue b/components/Footer.vue
deleted file mode 100644
index 762158f..0000000
--- a/components/Footer.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
- <div>
- <v-footer class="font-weight-medium" color="gray darken-3" dark>
- <v-col cols="12">
- <p class="text-center">{{ $t('FooterCopyright') }}</p>
- </v-col>
- </v-footer>
- </div>
-</template>
-
-<script>
-export default {
- name: 'Footer'
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/components/Navbar.vue b/components/Navbar.vue
deleted file mode 100644
index f297774..0000000
--- a/components/Navbar.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
- <div>
- <v-app-bar>
- <v-toolbar-title>Andrew Lee</v-toolbar-title>
- <v-spacer/>
-
- <!-- Mobile Only -->
- <span class="hidden-sm-and-up">
- <v-btn @click.stop="drawer = !drawer" icon><v-icon>mdi-menu</v-icon></v-btn>
- </span>
- <!-- Desktop + Tablets Only -->
- <v-toolbar-items class="hidden-xs-only">
- <v-btn v-for="item in items" :key="item.title" :to="localePath(item.link)" text>{{ $t(item.title) }}</v-btn>
- <!--<v-btn :to="localePath('#')" text>Alee Logo</v-btn>-->
- <v-divider class="mx-4" vertical></v-divider>
- <v-btn v-for="locale in availableLocales" :key="locale.code" :to="switchLocalePath(locale.code)" text>{{ locale.name }}</v-btn>
- </v-toolbar-items>
- </v-app-bar>
- <!--<v-alert type="info" dismissible>
- Hey there! This is just a temporary message saying that the french option is in beta! If you see some problems with my french, be sure to make a <a href="https://github.com/Alee14/personal-website" target="_blank">pull request or point it out on my issues page</a>!
- </v-alert> -->
-
- <!-- Mobile Only -->
- <v-navigation-drawer v-model="drawer" absolute temporary left>
- <v-list-item>
- <v-list-item-content>
- <v-list-item-title class="title">Andrew Lee</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- <v-divider></v-divider>
- <v-list dense>
- <v-list-item v-for="item in items" :key="item.title" :to="localePath(item.link)" link>
- <v-list-item-content>
- <v-list-item-title>{{ $t(item.title) }}</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- <v-divider class="mx-4"></v-divider>
- <v-list-item v-for="locale in availableLocales" :key="locale.code" :to="switchLocalePath(locale.code)">
- <v-list-item-content>
- <v-list-item-title>{{ locale.name }}</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- </v-list>
- </v-navigation-drawer>
- </div>
-</template>
-
-<script>
-export default {
- name: 'Navbar',
- data () {
- return {
- drawer: false,
- items: [
- { title: 'HomeText', link: '/' },
- { title: 'ProjectsText', link: '/projects' },
- { title: 'DownloadsText', link: '/downloads' }
- // { title: 'VideosText', link: '/videos' }
- // { title: 'AleeLogoText', link: '/alee-logo' }
- ]
- }
- },
- computed: {
- availableLocales () {
- return this.$i18n.locales.filter(i => i.code !== this.$i18n.locale)
- }
- }
-}
-</script>
-
-<style scoped>
-a {
- color: white;
-}
-</style>