From 56f3b1a820de9581236570204b7ca6ce1d833f0a Mon Sep 17 00:00:00 2001
From: plowsof <plowsof@protonmail.com>
Date: Thu, 17 Oct 2024 21:56:45 +0100
Subject: [PATCH] clickable QR's

---
 css/custom.css                    | 8 ++++++++
 get-started/contributing/index.md | 8 ++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 37131b7c93..37d33daefd 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -4705,3 +4705,11 @@ input.accordion[type=radio]:checked + label::after {
 .donation-field {
   user-select: all; /* Select donation addresses with one click */
 }
+
+#qr-link {
+    all: unset;
+}
+
+#qr-link:hover {
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/get-started/contributing/index.md b/get-started/contributing/index.md
index 49903fad51..f6e2ee5b07 100644
--- a/get-started/contributing/index.md
+++ b/get-started/contributing/index.md
@@ -85,10 +85,14 @@ meta_descr: meta_descr.contributing
                     </div><br>
                     <div class="row center-xs">
                         <div class="col-lg-6">
-                            <img class="qr" src="/{{ site.data.contributing.qr_xmr_filename }}" alt="{% t contributing.altqrmonero %}"/>
+                            <a id="qr-link" href="{{ site.data.contributing.qr_xmr_content }}">
+                                <img class="qr" src="/{{ site.data.contributing.qr_xmr_filename }}" alt="{% t contributing.altqrmonero %}"/>
+                            </a>
                         </div>
                         <div class="col-lg-6">
-                            <img class="qr" src="/{{ site.data.contributing.qr_btc_filename }}" alt="{% t contributing.altqrbitcoin %}"/>
+                            <a id="qr-link" href="{{ site.data.contributing.qr_btc_content }}">
+                                <img class="qr" src="/{{ site.data.contributing.qr_btc_filename }}" alt="{% t contributing.altqrbitcoin %}"/>
+                            </a>
                         </div>
                     </div>
                     <div class="row start-xs">