From b3224abd4e5d48f0ffe2255aa00c60c8100b7283 Mon Sep 17 00:00:00 2001
From: Will Murphy <william@datatitian.com>
Date: Mon, 5 Dec 2022 10:07:08 -0600
Subject: [PATCH] support & faq links in header, try adding masto verification
 links in static html

---
 web/public/index.html |  5 +++++
 web/src/App.vue       | 14 +++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/web/public/index.html b/web/public/index.html
index 9e10301..3838c08 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -21,5 +21,10 @@
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
+    <div class="w3-hide">
+      <!-- mastodon verification in static HTML -->
+      <a rel="me" href="https://social.coop/@datatitian">Datatitian</a>
+      <a rel="me" href="https://widerweb.org/@SyndicWill">Syndic Will</a>
+    </div>
   </body>
 </html>
diff --git a/web/src/App.vue b/web/src/App.vue
index 7dc6d31..add5202 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -2,7 +2,11 @@
   <div id="app">
     <div class="w3-bar w3-black w3-card">
       <div class="w3-section flex">
-        <router-link to="/"><i class="fas fa-home" title="home"></i></router-link>
+        <nav id="main-nav">
+          <router-link to="/"><i class="fas fa-home" title="home"></i></router-link>
+          <a href="https://github.com/immers-space/guppe/wiki/Guppe-Groups-FAQ"><i class="fas fa-question-circle" title="FAQ"></i>FAQ</a>
+          <a href="https://opencollective.com/guppe-groups"><i class="fas fa-dollar-sign" title="support"></i>Support</a>
+        </nav>
         <div v-if="stats" class="flex">
           <div>Uptime: {{ uptime }}</div>
           <div>Backlog: {{ queueSize }}</div>
@@ -70,4 +74,12 @@ export default {
   padding-left: 16px;
   padding-right: 16px;
 }
+#main-nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+#main-nav a i {
+ padding-right: 3px;
+}
 </style>