From bfa8bd253cb9ba1bcc1358891767f8c2411a63fe Mon Sep 17 00:00:00 2001
From: Jacob Lifshay <programmerjake@gmail.com>
Date: Thu, 11 Apr 2024 00:11:57 -0700
Subject: [PATCH] add subscription page, used as a template for subscribe-list

---
 book.toml                 |  6 ++++-
 src/README.md             |  2 +-
 src/SUMMARY.md            |  1 +
 src/custom.css            | 49 +++++++++++++++++++++++++++++++++++++++
 src/subscription/index.md | 38 ++++++++++++++++++++++++++++++
 5 files changed, 94 insertions(+), 2 deletions(-)
 create mode 100644 src/custom.css
 create mode 100644 src/subscription/index.md

diff --git a/book.toml b/book.toml
index 94084ce..edcb5f0 100644
--- a/book.toml
+++ b/book.toml
@@ -17,4 +17,8 @@ no-section-label = true
 git-repository-url = "https://git.libre-chip.org/libre-chip/website"
 git-repository-icon = "fa-git"
 # edit-url-template = "https://git.libre-chip.org/libre-chip/website/FIXME/{path}"
-input-404 = "404.md"
\ No newline at end of file
+input-404 = "404.md"
+additional-css = ["src/custom.css"]
+
+[output.html.print]
+enable = false
\ No newline at end of file
diff --git a/src/README.md b/src/README.md
index e8ca3df..3a3d91e 100644
--- a/src/README.md
+++ b/src/README.md
@@ -4,7 +4,7 @@ Libre-Chip is a project for creating [Free/Libre](https://en.wikipedia.org/wiki/
 
 We're just starting and our website doesn't have a whole lot on it yet...
 
-* [Subscribe for Announcements via E-Mail](https://libre-chip.org/subscription)[^subscribe]
+* [Subscribe for Announcements via E-Mail](subscription/index.md)[^subscribe]
 * [Libre-Chip's Git](https://git.libre-chip.org/)
 * Chat at [#libre-chip:matrix.org](https://matrix.to/#/#libre-chip:matrix.org) or at #libre-chip on [OFTC IRC](https://www.oftc.net/)
 
diff --git a/src/SUMMARY.md b/src/SUMMARY.md
index 1b0cd95..7bbd56b 100644
--- a/src/SUMMARY.md
+++ b/src/SUMMARY.md
@@ -1,4 +1,5 @@
 * [Libre-Chip](README.md)
+* [Subscribe for Announcements via E-Mail](subscription/index.md)
 * [Conduct](Conduct.md)
 * [License](LICENSE.md)
     * [GPL 3.0](gpl-3.0.md)
diff --git a/src/custom.css b/src/custom.css
new file mode 100644
index 0000000..2ff17af
--- /dev/null
+++ b/src/custom.css
@@ -0,0 +1,49 @@
+.subscribe_list_buttons {
+    gap: .5rem !important;
+    flex-wrap: wrap !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    display: flex !important;
+    padding: 1rem !important;
+    border: solid 1px !important;
+    border-radius: 0.5rem !important;
+    border-color: var(--theme-popup-border) !important;
+}
+
+.subscribe_list_buttons a {
+    color: var(--fg) !important;
+    cursor: pointer !important;
+    text-align: center !important;
+    min-height: 1em !important;
+    margin: 0 0.25em 0 0 !important;
+    padding: 0.75em 1.5em !important;
+    text-decoration: none !important;
+    background: var(--table-header-bg) !important;
+    border: solid 1px !important;
+    border-radius: 0.5rem !important;
+    border-color: var(--theme-popup-border) !important;
+    width: 50%;
+}
+
+.subscribe_list_buttons a.subscribe_list_delete_account {
+    color: var(--fg) !important;
+    cursor: pointer !important;
+    text-align: center !important;
+    min-height: 1em !important;
+    margin: 0 0.25em 0 0 !important;
+    padding: 0.75em 1.5em !important;
+    text-decoration: none !important;
+    background: var(--table-header-bg) !important;
+    border: solid 3px !important;
+    border-radius: 0.5rem !important;
+    border-color: var(--warning-border) !important;
+    width: 50%;
+}
+
+.subscribe_list_buttons a:active {
+    background: var(--theme-hover) !important;
+}
+
+.subscribe_list_buttons a:hover {
+    background: var(--theme-hover) !important;
+}
\ No newline at end of file
diff --git a/src/subscription/index.md b/src/subscription/index.md
new file mode 100644
index 0000000..89a5cc8
--- /dev/null
+++ b/src/subscription/index.md
@@ -0,0 +1,38 @@
+# Subscribe for Announcements via E-Mail
+
+<!-- this page is handled by https://git.libre-chip.org/libre-chip/subscribe-list -->
+<script><!--
+// hide sidebar
+var body = document.querySelector('body');
+var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+sidebar_toggle.checked = false;
+body.classList.remove('sidebar-visible');
+body.classList.add('sidebar-hidden');
+//--></script>
+
+<div class="subscribe_list_template_section" id="SubscriptionLoggedOut"/>
+
+As an anti-spam measure, you need to register using a 3rd-party account:
+
+<br/>
+
+<div class="subscribe_list_buttons">
+{{- for provider in providers -}}
+<a href="{provider.url}">Sign in with {provider.pretty_name}</a>
+{{- endfor -}}
+</div>
+<div class="subscribe_list_template_section"/>
+
+<div class="subscribe_list_template_section" id="SubscriptionLoggedIn"/>
+
+<h2>Signed in as {email}</h2>
+
+You are subscribed.
+
+<br/>
+
+<div class="subscribe_list_buttons">
+<a href="/subscription/logout">Logout</a>
+<a href="/subscription/unsubscribe" class="subscribe_list_delete_account"><b>Unsubscribe and Delete Account</b></a>
+</div>
+<div class="subscribe_list_template_section"/>