Add banner and update donation links for Giving Day 2024

AnikaLegal · Oct 21, 2024 · 4aa7c35 · 4aa7c35
1 parent 7699294
commit 4aa7c35
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 22 deletions.
diff --git a/app/web/static/web/img/footer-banner.png b/app/web/static/web/img/footer-banner.png
diff --git a/app/web/static/web/styles/components.css b/app/web/static/web/styles/components.css
@@ -976,6 +976,7 @@ before the final footer.
 
 #footer-banner {
   width: 100%;
+  max-width: 100%;
   position: fixed;
   bottom: 0;
   background-color: var(--blue-dark);
@@ -987,46 +988,46 @@ before the final footer.
   flex-flow: row nowrap;
   align-items: center;
   min-height: 100%;
+  flex: 1
 }
 .footer-banner-image {
-  flex: 1 1 35%;
-  align-self: stretch;
-  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
+  flex: 1 1 30%;
 }
 .footer-banner-image img {
   max-width: 100%;
-  min-width: 100%;
-  min-height: 100%;
-  object-fit: cover;
+  max-height: 100%;
+  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
 }
 .footer-banner-text {
-  flex: 1 0 45%;
+  flex: 1 1 55%;
   color: white;
   padding: 1rem;
   padding-left: 2rem;
   line-height: 1;
 }
 .footer-banner-action {
-  flex: 1 0 20%;
+  flex: 1 0 15%;
   color: white;
   text-align: center;
   margin: auto;
   width: 50%;
 }
 .footer-banner-header {
-  font-size: xx-large;
+  font-size: xxx-large;
 }
 .footer-banner-subheading {
   padding-top: 1rem;
   line-height: 1;
+  font-size: x-large;
 }
 .footer-banner-action > a > button {
   display: revert;
   padding: 0.5rem 1rem;
   box-shadow: none;
   background-color: beige;
   color: var(--dark-0);
-  font-size: medium;
+  font-size: larger;
+  min-width: 60%;
 }
 .footer-banner-close {
   padding: 0.5rem;

diff --git a/app/web/templates/web/_base.html b/app/web/templates/web/_base.html
@@ -166,27 +166,24 @@ <h3>Reach Us</h3>
                 </p>
             </div>
         </div>
-        {% get_cookie "dismiss_footer_banner_bonds_report" as dismiss_footer_banner %}
-        {% slugurl 'broken-bonds' as report_url %}
-        {% if false and request.path != report_url and not dismiss_footer_banner %}
+        {% get_cookie "dismiss_footer_banner_giving_day" as dismiss_footer_banner %}
+        {% if not dismiss_footer_banner %}
         <div id="footer-banner">
             <div class="footer-banner-contents">
                 <div class="footer-banner-image">
                     <img src="{% static 'web/img/footer-banner.png' %}">
                 </div>
                 <div class="footer-banner-text">
                     <div class="footer-banner-header">
-                        Report: Broken Bonds - Renters tied up by unfair bond
-                        claims
+                        Stand up for housing justice.
+                        Donate to Anika Legal's Giving Day. 
                     </div>
                     <div class="footer-banner-subheading">
-                        We've delved deep into the data surrounding rental bond
-                        disputes, and their impact on Victorian renters. Read
-                        the full report today.
+                        All donations will be matched by our sponsors.
                     </div>
                 </div>
                 <div class="footer-banner-action">
-                    <a href="{{ report_url }}"><button>Read the report here</button></a>
+                    <a href="https://anikagivingday2024.raiselysite.com/"><button>Donate</button></a>
                 </div>
             </div>
             <div class="footer-banner-close">
@@ -206,7 +203,7 @@ <h3>Reach Us</h3>
     </script>
     <script>
         function dismissFooterBanner() {
-            document.cookie = "dismiss_footer_banner_bonds_report=true; max-age=604800; Path=/";
+            document.cookie = "dismiss_footer_banner_giving_day=true; max-age=604800; Path=/";
             document.getElementById("footer-banner").style.display = "none";
         }
     </script>

diff --git a/app/web/templates/web/about/about.html b/app/web/templates/web/about/about.html
@@ -157,7 +157,7 @@ <h2>Our Story</h2>
                 </p>
                 <p>
                     If you want to help build a world where everyone can access
-                    justice, <a href="https://anika-legal.raisely.com/">donate
+                    justice, <a href="https://anikagivingday2024.raiselysite.com/">donate
                         here</a> or <a href="{% url 'subscribe' %}">subscribe to our
                         newsletter.</a>
                 </p>

diff --git a/app/web/templates/web/snippets/_header_menu.html b/app/web/templates/web/snippets/_header_menu.html
@@ -30,4 +30,4 @@
         <a href="{% url 'subscribe' %}">Join our mailing list</a>
     </div>
 </div>
-<a href="https://anika-legal.raisely.com/"><button id="donate">Donate</button></a>
+<a href="https://anikagivingday2024.raiselysite.com/"><button id="donate">Donate</button></a>