From 859a463915eb75e85fd25ceb07d4fe20f3830cb7 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <github@flamingcow.io>
Date: Fri, 22 Nov 2024 22:43:54 -0800
Subject: [PATCH] Make qr code a vcard link

---
 static/index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/index.html b/static/index.html
index e1a78c9..5701c57 100644
--- a/static/index.html
+++ b/static/index.html
@@ -195,9 +195,11 @@ async function page() {
 						</div>
 
 						<div class="contact" style="margin-top: 15px; justify-content: center;">
-							<sl-qr-code id="qr" background="#242428" fill="white" size="300"></sl-qr-code>
+							<a id="qr-a">
+								<sl-qr-code id="qr" background="#242428" fill="white" size="300"></sl-qr-code>
+							</a>
 							<script>
-								document.getElementById('qr').value = `
+								const qr = `
 BEGIN:VCARD
 VERSION:4.0
 
@@ -230,6 +232,8 @@ URL:mailto:{{.CONTACT_PAGE_EMAIL}}
 
 END:VCARD
 `;
+								document.getElementById('qr').value = qr;
+								document.getElementById('qr-a').href = URL.createObjectURL(new Blob([qr], { type: 'text/vcard' }));
 							</script>
 						</div>
 					</sl-card>