diff options
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> |