diff options
Diffstat (limited to 'pages/blog/index.vue')
| -rw-r--r-- | pages/blog/index.vue | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/pages/blog/index.vue b/pages/blog/index.vue deleted file mode 100644 index c2763ae..0000000 --- a/pages/blog/index.vue +++ /dev/null @@ -1,49 +0,0 @@ -<template> - <div> - <v-card> - <header id="showcase"> - <h1 class="display-3 animate__animated animate__fadeIn">{{ $t('BlogText') }}</h1> - <h1 class="animate__animated animate__fadeIn">{{ $t('BlogSubtitle') }}</h1> - </header> - </v-card> - <v-container> - <div v-for="post in blogPosts" :key="post.title"> - <v-card :to="'/blog/' + post.slug"> - <v-card-title>{{ post.title }}</v-card-title> - <v-card-subtitle>Created on {{post.date}}</v-card-subtitle> - <v-card-text>{{ post.description }}</v-card-text> - </v-card> - </div> - </v-container> - </div> -</template> - -<script> -export default { - name: 'blog', - head: { - title: 'Blog' - }, - computed: { - blogPosts () { - return this.$store.state.blogPosts - } - } -} - -</script> - -<style scoped> - #showcase { - background-image:url("../../assets/img/landing_page.png"); - background-size: cover; - background-position: center; - height: 30vh; - display: flex; - text-shadow: 0px 0px 10px #000000; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 0 20px; - } -</style> |
