From 661aae57c8b62e2d6022e91eb63e6ef3696b96b7 Mon Sep 17 00:00:00 2001
From: Greg Newman <greg@gregnewman.org>
Date: Tue, 27 Dec 2022 08:54:40 -0500
Subject: [PATCH] :sparkles: join community

* Links sign up
* Hides block if the user is authenticated
---
 static/css/styles.css           | 44 +++++++++++----------------------
 templates/includes/_footer.html |  4 ++-
 2 files changed, 18 insertions(+), 30 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 059c3c2c..310379c6 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -945,16 +945,16 @@ input[type=file] {
   margin-bottom: 0.75rem;
 }
 
-.my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
 .my-11 {
   margin-top: 2.75rem;
   margin-bottom: 2.75rem;
 }
 
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -1352,18 +1352,18 @@ input[type=file] {
   margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
-.space-y-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
-}
-
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+}
+
 .space-x-24 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(6rem * var(--tw-space-x-reverse));
@@ -1497,11 +1497,6 @@ input[type=file] {
   background-color: rgb(5 26 38 / var(--tw-bg-opacity));
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
 .bg-charcoal {
   --tw-bg-opacity: 1;
   background-color: rgb(23 42 52 / var(--tw-bg-opacity));
@@ -1879,6 +1874,10 @@ input[type=file] {
   color: rgb(90 213 153 / var(--tw-text-opacity));
 }
 
+.text-white\/50 {
+  color: rgb(255 255 255 / 0.5);
+}
+
 .text-slate {
   --tw-text-opacity: 1;
   color: rgb(49 74 87 / var(--tw-text-opacity));
@@ -1899,14 +1898,6 @@ input[type=file] {
   color: rgb(181 201 211 / var(--tw-text-opacity));
 }
 
-.text-white\/80 {
-  color: rgb(255 255 255 / 0.8);
-}
-
-.text-white\/50 {
-  color: rgb(255 255 255 / 0.5);
-}
-
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1945,11 +1936,6 @@ input[type=file] {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.focus\:bg-white:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
 .focus\:text-charcoal:focus {
   --tw-text-opacity: 1;
   color: rgb(23 42 52 / var(--tw-text-opacity));
diff --git a/templates/includes/_footer.html b/templates/includes/_footer.html
index ac92e59c..b9073f58 100644
--- a/templates/includes/_footer.html
+++ b/templates/includes/_footer.html
@@ -1,6 +1,7 @@
 {% load static %}
 
 <footer class="my-5 md:my-6 mx-auto max-w-7xl px-4 sm:mt-24 py-5 md:py-4">
+  {% if not request.user.is_authenticated %}
   <div class="md:flex">
     <div class="text-left md:w-1/2 content-center gap-4 grid">
       <div>
@@ -16,7 +17,7 @@
       </div>
       <div class="hidden mt-5 max-w-md sm:flex md:mt-8">
         <div class="rounded-md shadow">
-          <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-orange text-base font-medium rounded-md text-orange md:py-3 md:text-lg md:px-8">Sign Up > </a>
+          <a href="{% url 'account_signup' %}" class="w-full flex items-center justify-center px-8 py-3 border border-orange text-base font-medium rounded-md text-orange md:py-3 md:text-lg md:px-8">Sign Up > </a>
         </div>
       </div>
     </div>
@@ -25,6 +26,7 @@
       <div id="scene01"></div>
     </div>
   </div>
+  {% endif %}
 
   <div class="px-5 pt-4 md:flex items-center mt-16">
     <div class="mr-11">