From 4e5e2a26476839465ba179162662d69a3181061c Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Fri, 19 Mar 2021 23:54:29 +0100
Subject: [PATCH] :pencil: (about) add an about page

---
 src/components/WelcomeWorld.vue |  4 +++-
 src/views/About.vue             | 38 +++++++++++++++++++++++++++++++--
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index 6bf2810..7487ac9 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -98,7 +98,7 @@
 
     <footer>
       <p>
-        This web app is clearly inspired by
+        This web app was inspired by
         <a
           href="https://notes.andymatuschak.org/About_these_notes"
           target="_blank"
@@ -115,6 +115,8 @@
           rel="noopener noreferrer"
           >Julien</a
         >
+        |
+        <router-link :to="{ name: 'About' }">about</router-link>
       </p>
     </footer>
   </div>
diff --git a/src/views/About.vue b/src/views/About.vue
index 3fa2807..794eab0 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,5 +1,39 @@
 <template>
-  <div class="about">
-    <h1>This is an about page</h1>
+  <div class="about content">
+    <h1 class="title is-1">Lite Note</h1>
+    <go-back />
+    <hr />
+    <main>
+      Work in progress:
+      <ol>
+        <li>offline notes ⏳</li>
+        <li>full path resolver between notes</li>
+        <li>draft & "note on the fly" folders</li>
+        <li>login with GitHub "Personal Access Token" tutorial</li>
+        <li>private & public notes tutorial</li>
+        <li>
+          custom settings:
+          <ul>
+            <li>light & dark modes</li>
+            <li>font families</li>
+          </ul>
+        </li>
+      </ol>
+    </main>
   </div>
 </template>
+
+<script lang="ts">
+import GoBack from '@/components/GoBack.vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: { GoBack }
+})
+</script>
+
+<style lang="scss" scoped>
+.about {
+  padding: 1rem;
+}
+</style>