From 851212a9ddb3b646cdfaa83ed83da10d64ae8121 Mon Sep 17 00:00:00 2001
From: Maxime Cannoodt <Maxime.Cannoodt@UGent.be>
Date: Wed, 6 Jul 2022 17:33:51 +0200
Subject: [PATCH] contact page

---
 webapp/src/lib/components/Footer.svelte |  8 ++++--
 webapp/src/routes/about.svelte          |  3 +-
 webapp/src/routes/contact.svelte        | 38 +++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 4 deletions(-)
 create mode 100644 webapp/src/routes/contact.svelte

diff --git a/webapp/src/lib/components/Footer.svelte b/webapp/src/lib/components/Footer.svelte
index 146f05b..be11851 100644
--- a/webapp/src/lib/components/Footer.svelte
+++ b/webapp/src/lib/components/Footer.svelte
@@ -7,9 +7,11 @@
 		Built with love by <a class="underline" href="https://mcndt.dev" alt="blog">mcndt</a>
 	</span>
 	<span>-</span>
-	<a class="link" href="/about">About</a>
+	<a class="underline" href="/about">About</a>
 	<span>-</span>
-	<a class="link" href="https://mcndt.dev/about/">Contact</a>
+	<a class="underline" href="/contact">Contact</a>
 	<span>-</span>
-	<a class="link" href="https://www.buymeacoffee.com/mcndt">☕ Buy me a coffee</a>
+	<a class="underline" href="https://github.com/mcndt/obsidian-note-sharing/issues">Report bug</a>
+	<span>-</span>
+	<a class="underline" href="https://www.buymeacoffee.com/mcndt">☕ Buy me a coffee</a>
 </footer>
diff --git a/webapp/src/routes/about.svelte b/webapp/src/routes/about.svelte
index a8933fd..43bcedf 100644
--- a/webapp/src/routes/about.svelte
+++ b/webapp/src/routes/about.svelte
@@ -3,6 +3,7 @@
 </svelte:head>
 
 <div class="p-8 prose max-w-3xl dark:prose-invert">
-	<h1>How it works</h1>
+	<h1>About</h1>
+	<h2>How it works</h2>
 	<p>Coming soon</p>
 </div>
diff --git a/webapp/src/routes/contact.svelte b/webapp/src/routes/contact.svelte
new file mode 100644
index 0000000..2d236f7
--- /dev/null
+++ b/webapp/src/routes/contact.svelte
@@ -0,0 +1,38 @@
+<svelte:head>
+	<title>Contact | {import.meta.env.VITE_BRANDING}</title>
+</svelte:head>
+
+<div class="p-8 prose max-w-3xl dark:prose-invert">
+	<h1>Contact</h1>
+
+	Hi! I'm
+	<a href="https://mcndt.dev">mcndt</a>
+	and I build the Obsidian note sharing plugin and operate Noteshare.space. There are several ways to
+	get in touch with me.
+
+	<h2>Bugs</h2>
+
+	The preferred way to report bugs or request features for the web app or the Obsidian plugin is via
+	the
+	<a class="underline" href="https://github.com/mcndt/obsidian-note-sharing/issues"
+		>GitHub issues page</a
+	>.
+
+	<h2>Questions about Noteshare.space</h2>
+	<p>
+		For questions and inquiries about Noteshare.space (the "official" note hosting service for the
+		Obsidian note sharing plugin), please E-mail me at <a href="mailto:contact@noteshare.space"
+			>contact@noteshare.space</a
+		>.
+	</p>
+	<h2>Get to know me!</h2>
+	<p>
+		I’m a computer science engineer with interest in a wide range of topics, including productivity,
+		PKM, artificial intelligence, product development and game design.
+	</p>
+	<p>
+		You can find me in the official Obsidian Discord server as
+		<strong>Maximio#6460</strong>. You can find my blog, other projects, and resume at
+		<a href="https://mcndt.dev">mcndt.dev</a>.
+	</p>
+</div>