diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2021-02-27 10:04:32 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2021-02-27 10:04:32 -0500 |
| commit | 3fb9421ba90977e7f7ac4f1c2e1aadc6b57bcff3 (patch) | |
| tree | 1fcb6d2b7abba040d8b178cb6d86cd60f9051a6e /pages/blog | |
| parent | fcb807c3b6357ebef82a16ec10085a51278296b0 (diff) | |
| download | personal-website-2020-rewrite.tar.gz personal-website-2020-rewrite.tar.bz2 personal-website-2020-rewrite.zip | |
Removed blog; Removed video temp; New logo; 20212020-rewrite
Diffstat (limited to 'pages/blog')
| -rw-r--r-- | pages/blog/_blog.vue | 33 | ||||
| -rw-r--r-- | pages/blog/index.vue | 49 |
2 files changed, 0 insertions, 82 deletions
diff --git a/pages/blog/_blog.vue b/pages/blog/_blog.vue deleted file mode 100644 index 4319252..0000000 --- a/pages/blog/_blog.vue +++ /dev/null @@ -1,33 +0,0 @@ -<template> - <v-container> - <v-card> - <v-card-title>{{blogPost.title}}</v-card-title> - <v-card-subtitle>{{blogPost.description}}</v-card-subtitle> - <v-card-text><nuxt-link :to="'/blog'" class="text--white">Back to posts</nuxt-link></v-card-text> - <v-divider/> - <br/> - <v-card-text class="text--white" v-html="$md.render(blogPost.body)" /> - </v-card> - </v-container> -</template> - -<script> -export default { - name: '_blog', - head: { - title: 'Blog' - }, - async asyncData ({ params, payload }) { - if (payload) return { blogPost: payload } - else { - return { - blogPost: await require(`../../assets/content/blog/${params.blog}.json`) - } - } - } -} -</script> - -<style scoped> - -</style> 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> |
