From a84ddb4ec1a3984c998d85eb0588eca787eafbb9 Mon Sep 17 00:00:00 2001
From: Alec Murphy <alec@checksum.fail>
Date: Fri, 21 Mar 2025 08:31:18 -0400
Subject: [PATCH] Slon/Static/html/about: Add about.html template page

---
 Slon/Static/html/about.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 Slon/Static/html/about.html

diff --git a/Slon/Static/html/about.html b/Slon/Static/html/about.html
new file mode 100644
index 0000000..f49adb7
--- /dev/null
+++ b/Slon/Static/html/about.html
@@ -0,0 +1,37 @@
+<!doctypehtml>
+    <title></title>
+    <link href=https://error.checksum.fail/css/main.css?timestamp= rel=stylesheet>
+    <link href=https://linusg.github.io/serenityos-emoji-font/SerenityOS-Emoji.css rel=stylesheet>
+    <style>
+        * {
+            font-family: "SerenityOS Emoji", "TempleOS", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif
+        }
+
+        .pix {
+            image-rendering: pixelated
+        }
+    </style>
+    <div class=page-container>
+        <div class=page-header></div>
+        <div class=page-content>
+            <br>
+            <br>
+            <center><font style="color: #fff">This is a placeholder for the about page</font><img class="text-cursor"></center>
+            <br>
+        </div>
+        <div class=page-footer>This server is powered by <a href=https://slon-project.org>Slon</a>, a
+            Mastodon-compatible fediverse instance for TempleOS, written in HolyC</div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>
+    <script>dayjs.extend(window.dayjs_plugin_relativeTime)</script>    
+    <script src=https://error.checksum.fail/js/header.js></script>
+    <script src=https://error.checksum.fail/js/statuses.js?timestamp=></script>
+    <script>
+        async function about() {
+            const response = await fetch('/json/about.json?' + new Date());
+            const data = await response.json();
+            updateStatuses("", data);
+        }
+        about();
+    </script>