From 85b841a525f6125e12db118757d3b0d233594b28 Mon Sep 17 00:00:00 2001
From: Tony Grosinger <tony@grosinger.net>
Date: Mon, 26 Feb 2024 21:04:54 -0800
Subject: [PATCH] Add login CTA

---
 common/after_header.html |  9 +++++++++
 common/common.scss       | 22 ++++++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100755 common/after_header.html

diff --git a/common/after_header.html b/common/after_header.html
new file mode 100755
index 0000000..de234f1
--- /dev/null
+++ b/common/after_header.html
@@ -0,0 +1,9 @@
+<div id="login-message">
+    <h2>
+    There are a lot more discussions going on if you log in!
+    </h2>
+
+    <a href="/login" class="widget-button btn btn-primary btn-small sign-up-button btn-text">
+        <span class="d-button-label">Log in or Sign Up</span>
+    </a>
+</div>
diff --git a/common/common.scss b/common/common.scss
index d6947e8..b1c5ecb 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,3 +1,25 @@
+// Login CTA
+#login-message {
+    display: none;
+}
+
+html.anon {
+    body:not(.category-resources) {
+        // Display this message on all pages except in Community Resources
+        #login-message {
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 16px 0;
+
+            a:hover {
+                color: var(--secondary-very-high);
+            }
+        }
+    }
+}
+
 // Login form
 .login-right-side {
     display: none;