From 8d357e888dc4799ee1ab344145071a1cb768b1cd Mon Sep 17 00:00:00 2001
From: ekzyis <ekzyis@ekzyis.com>
Date: Tue, 7 Nov 2023 21:01:59 +0100
Subject: [PATCH] Add figlet headers

* update CSS
* move login label between figlet and LNURL-auth text
---
 vue/src/components/HomeView.vue    |  5 -----
 vue/src/components/LoginQRCode.vue |  6 +++---
 vue/src/components/LoginView.vue   | 11 +++--------
 vue/src/components/MarketView.vue  | 16 ++++++++++++++++
 vue/src/components/NavBar.vue      |  2 +-
 vue/src/components/UserView.vue    |  9 +++++++++
 vue/src/main.js                    |  4 ++--
 7 files changed, 34 insertions(+), 19 deletions(-)
 delete mode 100644 vue/src/components/HomeView.vue
 create mode 100644 vue/src/components/MarketView.vue

diff --git a/vue/src/components/HomeView.vue b/vue/src/components/HomeView.vue
deleted file mode 100644
index 7ad9a44..0000000
--- a/vue/src/components/HomeView.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>home</div>
-</template>
-
-<script></script>
diff --git a/vue/src/components/LoginQRCode.vue b/vue/src/components/LoginQRCode.vue
index 500e012..610941c 100644
--- a/vue/src/components/LoginQRCode.vue
+++ b/vue/src/components/LoginQRCode.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="flex flex-col">
-    <div class="font-mono my-3">
-      LNURL-auth
-    </div>
     <router-link v-if="success" to="/" class="label success font-mono">
         <div>Authenticated</div>
         <small>Redirecting in {{ redirectTimeout }} ...</small>
     </router-link>
+    <div class="font-mono my-3">
+      LNURL-auth
+    </div>
     <div v-if="error" class="label error font-mono">
       <div>Authentication error</div>
       <small>{{ error  }}</small>
diff --git a/vue/src/components/LoginView.vue b/vue/src/components/LoginView.vue
index 265e4d0..4ba9908 100644
--- a/vue/src/components/LoginView.vue
+++ b/vue/src/components/LoginView.vue
@@ -1,12 +1,14 @@
 <template>
   <!-- eslint-disable -->
-  <pre>
+  <div class="my-3">
+    <pre>
  _             _       
 | | ___   __ _(_)_ __  
 | |/ _ \ / _` | | '_ \ 
 | | (_) | (_| | | | | |
 |_|\___/ \__, |_|_| |_|
          |___/         </pre>
+  </div>
   <!-- eslint-enable -->
   <Suspense>
     <LoginQRCode class="flex justify-center m-3" />
@@ -16,10 +18,3 @@
 <script setup>
 import LoginQRCode from './LoginQRCode.vue'
 </script>
-
-<style scoped>
-pre {
-  font-family: monospace;
-  font-weight: bold;
-}
-</style>
diff --git a/vue/src/components/MarketView.vue b/vue/src/components/MarketView.vue
new file mode 100644
index 0000000..24f2893
--- /dev/null
+++ b/vue/src/components/MarketView.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- eslint-disable -->
+    <div class="my-3">
+      <pre>
+     _      _       _     _ 
+  __| | ___| |_ __ | |__ (_)
+ / _` |/ _ \ | '_ \| '_ \| |
+| (_| |  __/ | |_) | | | | |
+ \__,_|\___|_| .__/|_| |_|_|
+             |_|.market     </pre>
+
+  </div>
+  <!-- eslint-enable -->
+</template>
+
+<script></script>
diff --git a/vue/src/components/NavBar.vue b/vue/src/components/NavBar.vue
index 735cdc4..39f4a94 100644
--- a/vue/src/components/NavBar.vue
+++ b/vue/src/components/NavBar.vue
@@ -1,7 +1,7 @@
 <template>
   <header class="flex flex-row text-center justify-center pt-1">
     <nav>
-      <router-link to="/">home</router-link>
+      <router-link to="/">market</router-link>
       <router-link to="/user" v-if="session.isAuthenticated">user</router-link>
       <router-link to="/login" v-else href="/login">login</router-link>
     </nav>
diff --git a/vue/src/components/UserView.vue b/vue/src/components/UserView.vue
index 6d28317..d16e346 100644
--- a/vue/src/components/UserView.vue
+++ b/vue/src/components/UserView.vue
@@ -1,4 +1,13 @@
 <template>
+  <!-- eslint-disable -->
+  <div class="my-3">
+    <pre>
+ _   _ ___  ___ _ __ 
+| | | / __|/ _ \ '__|
+| |_| \__ \  __/ |   
+ \__,_|___/\___|_|   </pre>
+  </div>
+  <!-- eslint-enable -->
   <div v-if="session.pubkey">
     <div>authenticated as {{  session.pubkey.slice(0,8) }}</div>
     <button class="my-3" @click="logout">logout</button>
diff --git a/vue/src/main.js b/vue/src/main.js
index 19c77a1..6fcafc1 100644
--- a/vue/src/main.js
+++ b/vue/src/main.js
@@ -5,13 +5,13 @@ import App from './App.vue'
 import './registerServiceWorker'
 import './index.css'
 
-import HomeView from '@/components/HomeView'
+import MarketView from '@/components/MarketView'
 import LoginView from '@/components/LoginView'
 import UserView from '@/components/UserView'
 
 const routes = [
   {
-    path: '/', component: HomeView
+    path: '/', component: MarketView
   },
   {
     path: '/login', component: LoginView