From fdc17261337241e9cb0427e75876c4bea069c843 Mon Sep 17 00:00:00 2001
From: Matthew Landauer <mlandauer@gmail.com>
Date: Tue, 18 Jun 2024 20:19:15 +0000
Subject: [PATCH] Add donation illustration
 https://www.bugherd.com/t/97DaxBWYEgnhedX6rrqKyA

---
 .../images/tailwind/illustration/love-letter.svg      |  9 +++++++++
 app/views/_tailwind/application/_footer.html.erb      | 11 +++++------
 2 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 app/assets/images/tailwind/illustration/love-letter.svg

diff --git a/app/assets/images/tailwind/illustration/love-letter.svg b/app/assets/images/tailwind/illustration/love-letter.svg
new file mode 100644
index 000000000..15a8dd806
--- /dev/null
+++ b/app/assets/images/tailwind/illustration/love-letter.svg
@@ -0,0 +1,9 @@
+<svg width="68" height="52" viewBox="0 0 68 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.8526 52H5.11444C4.02412 52 2.97736 51.6947 2.20384 51.1536C1.43428 50.6142 1 49.8807 1 49.1166V23.0148C1 23.0102 1.00396 23.0074 1.0066 23.0028C1.01056 23 1.01716 23 1.0198 23H66.9736C66.9802 23 66.9868 23 66.9934 23.0046C66.996 23.0074 67 23.012 67 23.0194V49.1166C66.9868 49.8807 66.5446 50.6142 65.7684 51.1536C64.9923 51.6929 63.9455 51.9954 62.8526 52Z" fill="#F3F2F2"/>
+<path d="M32.0065 10.3699L1.00924 22.4899C1.0066 22.4917 1.0066 22.4917 1.00264 22.4945C1.00264 22.4963 1 22.4991 1 22.5009C1 22.5009 1.00264 22.5037 1.00264 22.5055C1.0066 22.5083 1.0066 22.5111 1.00924 22.5111L32.0065 34.6329C32.6127 34.8736 33.2981 35 33.998 35C34.6979 35 35.3833 34.8736 35.9895 34.6329L66.9894 22.5083C66.9934 22.5083 66.996 22.5055 66.996 22.5055C66.996 22.5037 67 22.5009 67 22.5009C67 22.4991 66.996 22.4963 66.996 22.4945C66.996 22.4945 66.9934 22.4917 66.9894 22.4917L35.9895 10.3699C35.3833 10.1264 34.6979 10 33.998 10C33.2981 10 32.6127 10.1264 32.0065 10.3699Z" fill="#0D312F"/>
+<path d="M32.0104 35.5049C32.6161 35.8296 33.301 36 34.0004 36C34.6997 36 35.3846 35.8296 35.9903 35.5049L60 25.5626V1.41843C60 1.22934 59.9644 1.04647 59.8865 0.873552C59.8139 0.69939 59.7031 0.54513 59.5632 0.413265C59.422 0.280156 59.2544 0.17566 59.075 0.103507C58.8902 0.033842 58.6936 -0.00347675 58.4957 0.000255291H9.50504C9.3071 -0.00347675 9.11049 0.033842 8.9297 0.103507C8.74628 0.17566 8.57869 0.280156 8.4375 0.413265C8.30158 0.54513 8.18678 0.69939 8.1142 0.873552C8.03635 1.04647 8.00072 1.22934 8.00072 1.41843L8 25.5626L32.0104 35.5049Z" fill="#D6D3DA"/>
+<path d="M42.491 14.3423C42.3951 13.3739 42.0088 12.458 41.382 11.7156C40.7566 10.9733 39.9209 10.4372 38.9853 10.177C38.0459 9.91682 37.0538 9.94705 36.134 10.2637C35.2156 10.5764 34.4127 11.1625 33.8333 11.9456C33.2538 11.169 32.4549 10.583 31.5391 10.2663C30.6233 9.95099 29.6351 9.9142 28.6996 10.1638C27.7627 10.4161 26.9244 10.943 26.2911 11.6749C25.6551 12.4081 25.2557 13.3134 25.1427 14.2766C25.0625 14.9756 25.1361 15.6851 25.3621 16.35C25.5855 17.0201 25.9547 17.6298 26.4409 18.1383L32.7676 24.632C32.9043 24.7712 33.0672 24.8855 33.2472 24.9618C33.4273 25.0419 33.6204 25.0813 33.8175 25.0813C34.0133 25.0813 34.2064 25.0419 34.3865 24.9618C34.5691 24.8855 34.7294 24.7712 34.8661 24.632L40.9602 18.338C41.5055 17.8322 41.9286 17.2093 42.1914 16.5169C42.4582 15.8244 42.5607 15.0781 42.491 14.3423Z" fill="#CA3F94"/>
+<path d="M67 36L54 28" stroke="#0D312F" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 36L13 28" stroke="#0D312F" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34 32.5L8 24V25.44L34 36.34L60 25.44V24L34 32.5Z" fill="#BCABC7"/>
+</svg>
diff --git a/app/views/_tailwind/application/_footer.html.erb b/app/views/_tailwind/application/_footer.html.erb
index 2b7ada940..9798e04b6 100644
--- a/app/views/_tailwind/application/_footer.html.erb
+++ b/app/views/_tailwind/application/_footer.html.erb
@@ -30,13 +30,12 @@
       </div>
 
       <div class="col-span-12 p-6 border border-white md:col-span-3">
-        <div>
+        <div class="flex flex-col items-start gap-4">
+          <%= image_tag "tailwind/illustration/love-letter.svg", size: "68x52", alt: "Illustration of love letter" %>
           <p>Your donations keep this site and others like it running</p>
-          <div class="mt-4">
-            <%= render Tailwind::ButtonComponent.new(tag: :a, size: "lg", type: :inverse, href: "https://donate.planningalerts.org.au") do %>
-              Donate now
-            <% end %>
-          </div>
+          <%= render Tailwind::ButtonComponent.new(tag: :a, size: "lg", type: :inverse, href: "https://donate.planningalerts.org.au") do %>
+            Donate now
+          <% end %>
         </div>
       </div>
     </div>