From ee3f66c24c3a8fba4ee1867e15f7c0814abdb100 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Wed, 20 May 2020 12:52:57 -0400
Subject: alps theme: layout settings page

---
 themes/alps/assets/style.css | 12 ++++++++++++
 themes/alps/settings.html    | 28 ++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 themes/alps/settings.html

diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index 8ce6549..2c8ce16 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -543,6 +543,18 @@ main.calendar .date h4 {
 
 main.calendar .date h4 .da { font-size: 1.2rem; }
 
+main.settings form {
+  max-width: 600px;
+}
+
+main.settings button {
+  background-color: white;
+}
+
+main.settings button:hover {
+  background-color: #f8f8f8;
+}
+
 input[type="submit"],
 .button,
 button,
diff --git a/themes/alps/settings.html b/themes/alps/settings.html
new file mode 100644
index 0000000..f6e586b
--- /dev/null
+++ b/themes/alps/settings.html
@@ -0,0 +1,28 @@
+{{template "head.html" .}}
+{{template "nav.html" .}}
+
+<div class="page-wrap">
+  <aside>
+    <a href="/mailbox/INBOX">Back to inbox</a>
+  </aside>
+
+  <div class="container">
+    <main class="settings">
+      <form method="post">
+        <div class="action-group">
+          <label for="messages_per_page">Messages per page</label>
+          <input
+            type="number"
+            name="messages_per_page"
+            id="messages_per_page"
+            value="{{.Settings.MessagesPerPage}}"
+            required />
+        </div>
+
+        <button type="submit">Save settings</button>
+      </form>
+    </main>
+  </div>
+</div>
+
+{{template "foot.html"}}
-- 
cgit v1.2.3