From f60d223c06c3eccd3df963a18064d898dbb7b456 Mon Sep 17 00:00:00 2001
From: Anders Holck <anders@holck.se>
Date: Tue, 26 May 2026 23:42:23 +0200
Subject: [PATCH] Add About page

---
 frontend/src/App.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index d9bf46e..dcdae28 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -19,6 +19,7 @@
         <button :class="{active: view === 'prefs'}" @click="view = 'prefs'">⚙️</button>
         <button v-if="isAdmin" :class="{active: view === 'admin'}" @click="view = 'admin'">👤</button>
         <button @click="logout" title="Logout">🚪</button>
+        <button @click="view = 'about'" title="About">ℹ️</button>
       </div>
       <FileTree v-if="view === 'files'" :files="filteredFiles" :selected="currentFile" @select="openFile" @delete="deleteItem" @move="moveFile" />
       <FileTree v-if="view === 'shared'" :files="sharedFiles" :selected="currentFile" @select="openFile" @delete="deleteItem" @move="moveFile" />
@@ -243,6 +244,12 @@
         </table>
       </div>
     </main>
+    <!-- About -->
+    <main class="panel" v-if="view === 'about'" style="text-align:center;padding-top:80px">
+      <h2>MarkdownHub</h2>
+      <p style="margin:16px 0"><a href="https://git.aholck.net/anders-pub/markdown-hub" target="_blank" rel="noopener">https://git.aholck.net/anders-pub/markdown-hub</a></p>
+      <p style="color:var(--text-muted)">Anders Holck 2026</p>
+    </main>
   </div>
   <div class="login" v-else>
     <form @submit.prevent="login">