From a97e8001562f3d87eba37f1e7f6fd33b8f68a2da Mon Sep 17 00:00:00 2001
From: H1V35 <higesjorge@gmail.com>
Date: Thu, 9 Nov 2023 17:34:58 +0100
Subject: [PATCH] clickame arrow

---
 public/curly-arrow.svg |  9 +++++++++
 templates/donate.tmpl  | 16 +++++++++++++---
 2 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 public/curly-arrow.svg

diff --git a/public/curly-arrow.svg b/public/curly-arrow.svg
new file mode 100644
index 0000000..38ab36d
--- /dev/null
+++ b/public/curly-arrow.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(201.08873737433498 1.4065934065934584) rotate(75) scale(2.3 2.3) matrix(1 0 0 -1 0 90)" >
+	<path d="M 9.763 16.109 c 0.049 -0.007 0.095 -0.029 0.145 -0.029 c 0.029 0 0.055 0.014 0.084 0.017 c 0.038 0.001 0.073 -0.012 0.111 -0.006 c 0.064 0.009 0.117 0.042 0.176 0.063 c 0.007 0.003 0.013 0.004 0.019 0.007 c 0.21 0.078 0.383 0.211 0.498 0.393 l 8.733 8.734 c 0.391 0.391 0.391 1.023 0 1.414 s -1.023 0.391 -1.414 0 l -7.41 -7.411 c -1.64 15.449 4.181 28.442 16.193 35.847 c 0.471 0.29 0.617 0.906 0.327 1.376 s -0.906 0.616 -1.376 0.326 C 14.547 49.875 8.41 38.28 8.41 24.364 c 0 -1.505 0.08 -3.04 0.225 -4.596 l -6.934 6.934 c -0.391 0.391 -1.023 0.391 -1.414 0 c -0.195 -0.195 -0.293 -0.451 -0.293 -0.707 s 0.098 -0.512 0.293 -0.707 l 8.914 -8.914 c 0.131 -0.131 0.298 -0.204 0.475 -0.247 C 9.704 16.118 9.733 16.115 9.763 16.109 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(253,224,71); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 57.834 73.088 c -10.517 -2.136 -19.862 -8.403 -23.81 -15.969 c -0.929 -1.793 -1.383 -3.915 -1.383 -6.185 c 0 -3.564 1.12 -7.493 3.284 -11.086 c 2.334 -3.879 5.582 -6.906 9.145 -8.525 c 3.689 -1.676 7.284 -1.658 10.124 0.052 c 5.733 3.451 6.419 12.871 1.529 20.994 c -0.003 0.006 -0.01 0.009 -0.013 0.014 c -2.095 3.475 -4.99 6.324 -8.152 8.022 c -0.486 0.261 -1.093 0.079 -1.354 -0.408 c -0.081 -0.15 -0.119 -0.313 -0.119 -0.472 c 0 -0.356 0.191 -0.702 0.527 -0.882 c 2.855 -1.534 5.481 -4.129 7.395 -7.308 c 0.003 -0.004 0.007 -0.006 0.01 -0.01 c 4.314 -7.178 3.933 -15.354 -0.853 -18.238 c -2.258 -1.359 -5.193 -1.339 -8.265 0.057 c -3.197 1.453 -6.131 4.2 -8.259 7.735 c -3.191 5.299 -3.913 11.312 -1.84 15.317 c 3.679 7.05 12.484 12.911 22.434 14.931 c 11.04 2.242 21.739 -0.328 30.125 -7.238 c 0.426 -0.351 1.056 -0.29 1.408 0.136 c 0.351 0.426 0.291 1.056 -0.136 1.408 C 80.769 72.734 69.477 75.453 57.834 73.088 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(253,224,71); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/templates/donate.tmpl b/templates/donate.tmpl
index aeac631..0f92334 100644
--- a/templates/donate.tmpl
+++ b/templates/donate.tmpl
@@ -41,9 +41,19 @@
                 </a>
               </div>
 
-              <figure class="hidden lg:flex lg:justify-center">
-                <img class="w-64" src="./../public/qr-code.svg" alt="qr-code" />
-              </figure>
+              <div class="relative hidden lg:flex lg:justify-center">
+                <a href="{{.donateLink}}">
+                  <img
+                    class="w-64"
+                    src="./../public/qr-code.svg"
+                    alt="qr-code"
+                    href="{{.donateLink}}" />
+                </a>
+                <div class="absolute right-20 bottom-3 flex flex-col justify-end">
+                  <img class="w-20" src="./../public/curly-arrow.svg" alt="curly-arrow" />
+                  <p class="text-white text-xl font-medium">Clíckame!</p>
+                </div>
+              </div>
             </div>
 
             <div class="flex flex-col gap-12 lg:gap-8">