alps theme: layout settings page

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,

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"}}