From 9041c53b246f6ac0710543e68be727cbe722d17b Mon Sep 17 00:00:00 2001
From: "me@ow.nekobit.net" <me@ow.nekobit.net>
Date: Tue, 1 Feb 2022 00:19:04 +0000
Subject: [PATCH] Config page

FossilOrigin-Name: 7318b09f6feb942d0c1807d225eabf9d5701459ae954e02474b41ebcf7159de0
---
 dist/ratfe.css     | 33 ++++++++++++++++++++++++++++++-
 static/config.html | 49 +++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/dist/ratfe.css b/dist/ratfe.css
index c45c65b..601c27b 100644
--- a/dist/ratfe.css
+++ b/dist/ratfe.css
@@ -154,7 +154,9 @@ ul li:first-child a.sidebarbtn
     border-left: 1px solid #cacaca;
 }
 
-/* Posts */
+/***************************
+ *      Statuses           *
+ **************************/
 .status
 {
     display: flex;
@@ -224,6 +226,9 @@ ul li:first-child a.sidebarbtn
     color: #808080;
 }
 
+/***************************
+ *    Element Grouping     *
+ **************************/
 .group
 {
     padding: 0;
@@ -252,3 +257,29 @@ ul li:first-child a.sidebarbtn
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }
+
+/*************************
+ *     Config            *
+ ************************/
+#config-page
+{
+    padding: 0 12px;
+}
+
+#config-page h1
+{
+    padding-left: 12px;
+    padding-bottom: 6px;
+    border-bottom: 1px solid #cacaca;
+}
+
+#config-page h3
+{
+    margin-left: 15px;
+}
+
+#config-page ul
+{
+    list-style-type: none;
+    padding-left: 15px;
+}
diff --git a/static/config.html b/static/config.html
index e8064ea..e28c475 100644
--- a/static/config.html
+++ b/static/config.html
@@ -1 +1,48 @@
-<h1>Config</h1>
+<div id="config-page">
+  <form action="/config" method="post">
+    <h1>General</h1>
+    <h3>JavaScript</h3>
+    <ul>
+      <li>
+        <input type="checkbox" id="cfgjsactions" name="jsactions">
+        <label for="cfgjsactions">Quick actions - Likes, Boosts, etc done in background</label>
+      </li>
+      <li>
+        <input type="checkbox" id="cfgjsreply" name="jsreply">
+        <label for="cfgjsreply">Quick reply - Replies don't require redirects</label>
+      </li>
+      <li>
+        <input type="checkbox" id="cfgjslive" name="jslive">
+        <label for="cfgjslive">Live statuses - Statuses fetch on the fly</label>
+      </li>
+      <li>
+        <input type="checkbox" id="cfgjsreply" name="jsreply">
+        <label for="cfgjsreply">Quick reply - Replies don't require redirects</label>
+      </li>
+    </ul>
+
+    <!-- Appearance -->
+    <h1>Appearance</h1>
+    <h3>Theme variant</h3>
+    <ul>
+      <li>
+        <label for="cfgthemevar">Theme variant</label>
+        <select name="theme" id="cfgthemevar">
+          <option value="ratfe20">RatFE 2.0 - Default, simple theme</option>
+          <option value="ratfe30">RatFE 3.0 - Flat, modern theme</option>
+        </select>
+      </li>
+    </ul>
+    <h3>Color Scheme</h3>
+    <ul>
+      <li>
+        <input type="radio" id="cfglight" name="themeclr" value="light" checked>
+        <label for="cfglight">Light</label>
+      </li>
+      <li>
+        <input type="radio" id="cfgdark" name="themeclr" value="dark">
+        <label for="cfgdark">Dark</label>
+      </li>
+    </ul>
+  </form>
+</div>