From d9376169bc0d778381e5c4ff64ef9900d58ce219 Mon Sep 17 00:00:00 2001
From: gumi <git@gumi.ca>
Date: Sat, 13 Jul 2019 14:51:35 -0400
Subject: scrap everything and start over with Vue

---
 src/views/Home.vue | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/views/Home.vue

(limited to 'src/views/Home.vue')

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>
-- 
cgit v1.2.3-70-g09d2

