From d72ebcdbef952ff527e7e910ec16f377626e66bc Mon Sep 17 00:00:00 2001
From: CenTdemeern1 <timo.herngreen@gmail.com>
Date: Thu, 13 Feb 2025 06:58:17 +0100
Subject: [PATCH] Add about dialog to config as well

---
 static/config.html | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)
diff --git a/static/config.html b/static/config.html
index ac206fb..fb20253 100644
--- a/static/config.html
+++ b/static/config.html
@@ -11,12 +11,14 @@
 
 <body>
     <script type="module" src="/static/config.mjs"></script>
+    <script type="module" src="/static/about.mjs"></script>
     <div class="flex-vcenter">
         <dialog id="mainDialog" class="half-width half-height">
             <header class="separator-bottom margin-large-bottom">
                 <div class="flex-row">
                     <h1>FeDirect</h1>
-                    <p class="margin-auto-top">&ThickSpace;By Nekomata</p>
+                    <p class="margin-auto-top">&ThickSpace;<a id="aboutLink" href="#"
+                            title="About FeDirect & Nekomata">By Nekomata</a></p>
                 </div>
                 <img src="/static/nekomata_small.png" alt="Nekomata Logo" class="logo" />
             </header>
@@ -109,6 +111,36 @@ Unchecking this is not recommended, and this option only exists for exceptional
             <button type="reset" class="close">Cancel</button>
         </form>
     </dialog>
+    <dialog id="about" class="half-width-max half-height">
+        <center>
+            <div class="flex-row wfit-content">
+                <h1>About FeDirect</h1>
+                <p class="margin-auto-top">&ThickSpace;(v<span id="version"></span>)</p>
+            </div>
+            <p class="margin-none-top wrap-balance">
+                FeDirect links the Fediverse together by allowing you to create generic links that
+                link people to their native instance!
+            </p>
+            <a href="https://kitsunes.dev/Nekomata/FeDirect">Source code</a>
+            <h2>About Nekomata</h2>
+            <div class="circlingMembers">
+                <center class="absolute-centered member charlotte align-content-center flex-column">
+                    <img id="charlotteAvatar" class="xl-size" alt="Charlotte's avatar" />
+                    <p class="margin-none">Charlotte</p>
+                    <a href="https://eepy.moe/@CenTdemeern1" class="margin-none">@CenTdemeern1@eepy.moe</a>
+                    <p class="margin-none">Programming, design</p>
+                </center>
+                <center class="absolute-centered member kio align-content-center flex-column">
+                    <img id="kioAvatar" class="xl-size" alt="Charlotte's avatar" />
+                    <p class="margin-none">Kio</p>
+                    <a href="https://kitsunes.club/@Kio" class="margin-none">@Kio@kitsunes.club</a>
+                    <p class="margin-none">Funding, hosting, design</p>
+                </center>
+                <img src="/static/nekomata_small.png" alt="Nekomata Logo" class="absolute-centered xl-size-max" />
+            </div>
+            <button class="close">Close</button>
+        </center>
+    </dialog>
     <dialog id="spinner"><span class="spinner"></span></dialog>
 </body>
 
