From 4ebd705e5ef233947aba27d2214f3517567d0fdb Mon Sep 17 00:00:00 2001
From: jude <judesouthworth@pm.me>
Date: Wed, 16 Aug 2023 17:03:38 +0100
Subject: [PATCH] Add clearer indication of interval patreon requirements

---
 web/static/css/style.css                              | 11 +++++++++++
 .../reminder_dashboard/guild_reminder.html.tera       |  3 +++
 2 files changed, 14 insertions(+)

diff --git a/web/static/css/style.css b/web/static/css/style.css
index 313b8f6..038c5a7 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -719,9 +719,20 @@ a.switch-pane {
 
 .is-locked {
     pointer-events: none;
+}
+
+.is-locked > :not(.patreon-invert) {
     opacity: 0.4;
 }
 
+.is-locked .patreon-invert {
+    display: block;
+}
+
+.patreon-invert {
+    display: none;
+}
+
 .is-locked .foreground {
     pointer-events: auto;
 }
diff --git a/web/templates/reminder_dashboard/guild_reminder.html.tera b/web/templates/reminder_dashboard/guild_reminder.html.tera
index 739d270..ac510fe 100644
--- a/web/templates/reminder_dashboard/guild_reminder.html.tera
+++ b/web/templates/reminder_dashboard/guild_reminder.html.tera
@@ -165,6 +165,9 @@
             <div class="collapses split-controls">
                 <div>
                     <div class="patreon-only">
+                        <div class="patreon-invert foreground">
+                            Intervals available on <a href="https://patreon.com/jellywx">Patreon</a> or <a href="https://gitea.jellypro.xyz/jude/reminder-bot">self-hosting</a>
+                        </div>
                         <div class="field">
                             <label class="label">Interval <a class="foreground" href="/help/intervals"><i class="fas fa-question-circle"></i></a></label>
                             <div class="control intervalSelector">