Add GitHub Sponsors link

FacilMap · Mar 10, 2024 · 89cd0b4 · 89cd0b4
1 parent 9e2d259
commit 89cd0b4
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 18 deletions.
diff --git a/.github/FUNDING.yml 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"]
diff --git 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>
+<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>