From 89cd0b4f20b2664ddcfc4e2567158c051963c46e Mon Sep 17 00:00:00 2001
From: Candid Dauth <cdauth@cdauth.eu>
Date: Sun, 10 Mar 2024 13:39:14 +0100
Subject: [PATCH] Add GitHub Sponsors link

---
 .github/FUNDING.yml                 |  5 ++++
 docs/src/users/contribute/README.md | 40 ++++++++++++++++-------------
 2 files changed, 27 insertions(+), 18 deletions(-)
 create mode 100644 .github/FUNDING.yml

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 00000000..77fea829
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,5 @@
+github: [FacilMap]
+ko_fi: facilmap
+liberapay: facilmap
+patreon: facilmap
+custom: ["https://www.paypal.com/donate?hosted_button_id=FWR59UXY6HGGS"]
\ No newline at end of file
diff --git a/docs/src/users/contribute/README.md b/docs/src/users/contribute/README.md
index 26a7d85c..30209aa7 100644
--- a/docs/src/users/contribute/README.md
+++ b/docs/src/users/contribute/README.md
@@ -8,21 +8,25 @@ You are welcome to contribute code, improve the documentation or raise ideas on
 
 Financial contributions are very much appreciated and can be sent through the following channels:
 
-<div style="display: flex; flex-wrap: wrap">
-	<a href="https://liberapay.com/facilmap/" target="_blank" style="display: flex; flex-direction: column; align-items: center">
-		<qrcode value="https://liberapay.com/facilmap/" :size="164" :margin="5" level="M" render-as="svg"></qrcode>
-		Liberapay
-	</a>
-	<a href="https://www.paypal.com/donate?hosted_button_id=FWR59UXY6HGGS" target="_blank" style="display: flex; flex-direction: column; align-items: center">
-		<ClientOnly><qrcode value="https://www.paypal.com/donate?hosted_button_id=FWR59UXY6HGGS" :size="164" :margin="5" level="M" render-as="svg"></qrcode></ClientOnly>
-		PayPal
-	</a>
-	<a href="https://www.patreon.com/facilmap" target="_blank" style="display: flex; flex-direction: column; align-items: center">
-		<ClientOnly><qrcode value="https://www.patreon.com/facilmap" :size="164" :margin="5" level="M" render-as="svg"></qrcode></ClientOnly>
-		Patreon
-	</a>
-	<a href="bitcoin:1PEfenaGXC9qNGQSuL5o6f6doZMYXRFiCv" style="display: flex; flex-direction: column; align-items: center">
-		<ClientOnly><qrcode value="bitcoin:1PEfenaGXC9qNGQSuL5o6f6doZMYXRFiCv" :size="164" :margin="5" level="M" render-as="svg"></qrcode></ClientOnly>
-		Bitcoin
-	</a>
-</div>
\ No newline at end of file
+<template v-for="{ width, gap, links } in [{
+	width: 740,
+	gap: 20,
+	links: {
+		'GitHub Sponsors': 'https://github.com/sponsors/FacilMap',
+		'Liberapay': 'https://liberapay.com/facilmap/',
+		'PayPal': 'https://www.paypal.com/donate?hosted_button_id=FWR59UXY6HGGS',
+		'Patreon': 'https://www.patreon.com/facilmap',
+		'Bitcoin': 'bitcoin:1PEfenaGXC9qNGQSuL5o6f6doZMYXRFiCv'
+	}
+}]">
+	<template v-for="size in [(width - gap * (Object.keys(links).length - 1)) / Object.keys(links).length]">
+		<div style="display: flex; flex-wrap: wrap" :style="{ gap: `${gap}px` }">
+			<template v-for="(url, label) in links">
+				<a :href="url" target="_blank" style="display: flex; flex-direction: column; align-items: center">
+					<qrcode :value="url" :size="size" level="M" render-as="svg" style="margin-bottom: 5px"></qrcode>
+					{{label}}
+				</a>
+			</template>
+		</div>
+	</template>
+</template>
\ No newline at end of file