feat(header): add Giving Tuesday banner

freelawproject · Dec 2, 2024 · 25bd482 · 25bd482
1 parent e206fd4
commit 25bd482
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/bc/assets/templates/includes/header.html b/bc/assets/templates/includes/header.html
@@ -1,5 +1,20 @@
 {% load static web_extras %}
 
+<div class="flex w-full justify-center items-center py-2 border-b-2 border-gray-400">
+  <div class="flex lg:flex-row flex-col justify-center items-center p-3 text-center">
+    <strong class="pr-2">Today is GivingTuesday.</strong>
+    <span class="text-sm pr-2 mb-2 lg:mb-0">
+      Your support of Free Law Project helps make the justice system more transparent and accessible to all.
+    </span>
+    <a href="https://donate.free.law/forms/givingtuesday" class="underline hidden md:block">
+      Donate Today!
+    </a>
+    <div class="w-28 text-sm font-medium mr-1 md:hidden">
+      {% include './action-button.html' with link="https://donate.free.law/forms/supportflp" text="Donate Today!" size='sm' color='saffron' %}
+    </div>
+  </div>
+</div>
+
 <div class="relative bg-gray-200 border-b-2 border-gray-400">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-10">
         <div class="flex w-full justify-between items-center py-6 md:space-x-6 lg:space-x-10">