From 822c9d04c7d8d11958ba24b022b4b52ae0a3a442 Mon Sep 17 00:00:00 2001
From: ekzyis <ekzyis@ekzyis.com>
Date: Sun, 3 Dec 2023 04:16:10 +0100
Subject: [PATCH] Add /about

---
 vue/src/components/NavBar.vue |  1 +
 vue/src/main.js               |  5 +++++
 vue/src/views/AboutView.vue   | 41 +++++++++++++++++++++++++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 vue/src/views/AboutView.vue

diff --git a/vue/src/components/NavBar.vue b/vue/src/components/NavBar.vue
index 99011f4..216bc05 100644
--- a/vue/src/components/NavBar.vue
+++ b/vue/src/components/NavBar.vue
@@ -5,6 +5,7 @@
       <router-link to="/user" v-if="session.isAuthenticated">user</router-link>
       <router-link to="/login" v-else-if="session.isAuthenticated === false" href="/login">login</router-link>
       <router-link disabled to="/" v-else>...</router-link>
+      <router-link to="/about">about</router-link>
     </nav>
   </header>
 </template>
diff --git a/vue/src/main.js b/vue/src/main.js
index ea0574e..b2bbf93 100644
--- a/vue/src/main.js
+++ b/vue/src/main.js
@@ -6,6 +6,7 @@ import './registerServiceWorker'
 import './index.css'
 
 import HomeView from '@/views/HomeView'
+import AboutView from '@/views/AboutView'
 import LoginView from '@/views/LoginView'
 import UserView from '@/views/UserView'
 import MarketView from '@/views/MarketView'
@@ -16,10 +17,14 @@ import UserOrders from '@/components/UserOrders'
 import OrderForm from '@/components/OrderForm'
 import MarketOrders from '@/components/MarketOrders'
 import MarketStats from '@/components/MarketStats'
+
 const routes = [
   {
     path: '/', component: HomeView
   },
+  {
+    path: '/about', component: AboutView
+  },
   {
     path: '/login', component: LoginView
   },
diff --git a/vue/src/views/AboutView.vue b/vue/src/views/AboutView.vue
new file mode 100644
index 0000000..33090be
--- /dev/null
+++ b/vue/src/views/AboutView.vue
@@ -0,0 +1,41 @@
+<template>
+  <!-- eslint-disable -->
+  <div class="my-3">
+    <pre>
+         _                 _   
+    __ _| |__   ___  _   _| |_ 
+   / _` | '_ \ / _ \| | | | __|
+  | (_| | |_) | (_) | |_| | |_ 
+   \__,_|_.__/ \___/ \__,_|\__|</pre>
+  </div>
+  <div class="text-left mx-3">
+    <h1>What is this?</h1>
+    <div class="mx-1">
+      delphi.market is a prediction market based on the bitcoin lightning network.
+    </div>
+    <h1>Prediction what?</h1>
+    <div class="mx-1">
+      Prediction markets are awesome! In prediction markets, traders bet on the outcome of events.
+      Political elections are the classic examples. Watch <a target="_blank"
+        href="https://www.youtube.com/watch?v=xA27x7GRMZQ">this video</a> for more information.
+    </div>
+    <h1>When mainnet?</h1>
+    <div class="mx-1">
+      Currently, the market is running on
+      <a target="_blank" href="https://blog.mutinywallet.com/mutinynet/">mutinynet</a> since it's still WIP.
+      This means that sats traded on here don't have any real value yet and you need to use the
+      <a target="_blank" href="https://faucet.mutinywallet.com/">mutiny faucet</a> to pay invoices. When I am confident
+      that there are no (serious) bugs, I will use a lightning node connected to mainnet. However, no ETA yet.
+    </div>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: bold;
+  font-size: large;
+  font-family: monospace;
+  margin-top: 0.75em;
+  margin-bottom: 0.25em;
+}
+</style>