diff options
| author | gumi <git@gumi.ca> | 2019-07-13 14:51:35 -0400 |
|---|---|---|
| committer | gumi <git@gumi.ca> | 2019-07-20 17:53:11 -0400 |
| commit | d9376169bc0d778381e5c4ff64ef9900d58ce219 (patch) | |
| tree | 62b8e298f5fc7b6467d85424fd9db79c30f6a0dd /src/views/Home.vue | |
| parent | a55d1feb915d5961d5aa0bca869210534cb9dc3e (diff) | |
| download | website-d9376169bc0d778381e5c4ff64ef9900d58ce219.tar.gz website-d9376169bc0d778381e5c4ff64ef9900d58ce219.tar.bz2 website-d9376169bc0d778381e5c4ff64ef9900d58ce219.tar.xz website-d9376169bc0d778381e5c4ff64ef9900d58ce219.zip | |
scrap everything and start over with Vue
Diffstat (limited to 'src/views/Home.vue')
| -rw-r--r-- | src/views/Home.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..0033939 --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,45 @@ +<template> + <main class="home"> + <h1>The Mana World Project</h1> + <p>The Mana World (TMW) is a serious effort to create an innovative free and open source MMORPG. TMW uses 2D graphics and aims to create a large and diverse interactive world. It is licensed under the GPL, making sure this game can't ever run away from you.</p> + <div class="read-more"> + <a href="#">Read More >></a> + </div> + + <h1>Recent News</h1> + <News count="1"/> + <div class="read-more"> + <router-link :to="{ name: 'news' }">More News >></router-link> + </div> + </main> +</template> + +<style scoped> +.read-more { + text-align: right; + padding-right: 8px; + + & a, & a:visited { + color: #2f2e32; + text-decoration: none; + font-weight: bold; + font-size: 0.8em; + + &:hover { + text-decoration: underline; + } + } +} +</style> + +<script lang="ts"> +import { Component, Vue } from "vue-property-decorator"; +import News from "@/components/News.vue"; + +@Component({ + components: { + News, + }, +}) +export default class Home extends Vue {} +</script> |