aboutsummaryrefslogtreecommitdiff
path: root/pages/blog/index.vue
diff options
context:
space:
mode:
Diffstat (limited to 'pages/blog/index.vue')
-rw-r--r--pages/blog/index.vue49
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>