scrap everything and start over with Vue

1 files changed, 49 insertions, 0 deletions

diff --git a/src/views/Support.vue b/src/views/Support.vue
new file mode 100644
index 0000000..458ffe0
--- /dev/null
+++ b/src/views/Support.vue
@@ -0,0 +1,49 @@
+<template>
+	<main class="support">
+		<h1>Support</h1>
+		<p>Please select your issue below. If you cannot find your issue, contact us.</p>
+
+		<h1>Account problems</h1>
+		<ul>
+			<li><router-link to="/recover/password">I forgot my password</router-link></li>
+			<li><router-link to="/recover/username">I forgot my user name</router-link></li>
+			<li><a href="https://forums.themanaworld.org/viewtopic.php?f=20&t=7559">My account is banned</a></li>
+			<li><a href="https://forums.themanaworld.org/viewtopic.php?f=20&t=6472">My account was compromised</a></li>
+		</ul>
+
+		<h1 id="contact">Contact us</h1>
+		<p>On IRC: <a href="https://forums.themanaworld.org/viewforum.php?f=41" target="_blank" rel="noopener">#themanaworld on Freenode</a></p>
+		<p>On Discord: <a href="https://forums.themanaworld.org/viewforum.php?f=65" target="_blank" rel="noopener">The Mana World server</a></p>
+		<p>On the forums: <a href="https://forums.themanaworld.org/viewforum.php?f=3">Support and Bug reports</a></p>
+
+		<h1>Technical contacts</h1>
+		Legal inquiries: <address>legal@themanaworld.org</address>
+		DMCA takedown requests: <address>legal@themanaworld.org</address>
+		GDPR requests: <address>legal@themanaworld.org</address>
+		Security disclosures:
+		<address>
+			security@themanaworld.org
+			<span v-if="PGP">(PGP: <a :href="`http://pgp.mit.edu/pks/lookup?op=get&search=${PGP}`" rel="noopener">{{PGP}}</a>)</span>
+		</address>
+	</main>
+</template>
+
+<style scoped>
+address {
+	font-family: monospace;
+
+	&:not(:last-of-type) {
+		margin-bottom: 1.5em;
+	}
+}
+</style>
+
+<script lang="ts">
+import Vue from "vue"
+import Component from "vue-class-component"
+
+@Component
+export default class Copyright extends Vue {
+	PGP = process.env.VUE_APP_PGP;
+}
+</script>