diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/blog/_blog.vue | 33 | ||||
| -rw-r--r-- | pages/blog/index.vue | 49 | ||||
| -rw-r--r-- | pages/index.vue | 14 | ||||
| -rw-r--r-- | pages/projects/index.vue | 4 |
4 files changed, 15 insertions, 85 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> diff --git a/pages/index.vue b/pages/index.vue index 2ec681f..d5c418c 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -3,7 +3,7 @@ <div class="landing-page"> <v-card> <header id="showcase" class="animate__animated animate__fadeIn"> - <v-img :src="require('../assets/img/Alee.png')" max-height="200px" max-width="200px" class="animate__animated animate__fadeIn" /> + <v-img :src="require('../assets/img/Alee.svg')" max-height="200px" max-width="200px" class="animate__animated animate__fadeIn" /> <br/> <h1 class="display-4 animate__animated animate__zoomIn">{{ $t('WelcomeTitle') }}</h1> <br/> @@ -47,6 +47,7 @@ <li>HTML</li> <li>Vue</li> <li>Python</li> + <li>Bash</li> </ul> <h1>{{ $t('FavouriteGamesTitle') }}</h1> <ul> @@ -117,6 +118,17 @@ </tbody> </v-simple-table> </div> + <div class="software-information"> + <h1>{{ $t('SoftwareInformationText') }}</h1> + <!--<v-img src="/assets/img/desktop.png" style="height: 10%; width: 10%;"/>--> + <ul> + <li>{{ $t('OperatingSystemText') }} <a href="https://archlinux.org" target="_blank">Arch Linux</a></li> + <li>{{ $t('DesktopEnvironmentText') }} <a href="https://kde.org" target="_blank">KDE Plasma 5</a></li> + <li>{{ $t('WindowManagerText') }} <a href="https://userbase.kde.org/KWin" target="_blank">KWin</a></li> + <li>{{ $t('DockText') }} <a href="https://github.com/ricotz/plank" target="_blank">Plank</a></li> + <li>{{ $t('IconPackText') }} <a href="https://github.com/vinceliuice/Tela-icon-theme" target="_blank">Tela Green</a></li> + </ul> + </div> <div class="credits"> <h1>{{ $t('CreditsTitle') }}</h1> <p>{{ $t('CreditsGPLText') }} <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">GPL-3.0</a>.</p> diff --git a/pages/projects/index.vue b/pages/projects/index.vue index d5e7605..f68200f 100644 --- a/pages/projects/index.vue +++ b/pages/projects/index.vue @@ -1,5 +1,5 @@ <template> - <v-card> + <div> <header id="showcase"> <h1 class="display-3 animate__animated animate__fadeIn">{{ $t('ProjectsText') }}</h1> <h1 class="animate__animated animate__fadeIn">{{ $t('ProjectsSubtitle') }}</h1> @@ -59,7 +59,7 @@ </v-col> </v-row> </v-container> - </v-card> + </div> </template> <script> |