Skip to content

Commit 3e20a67

Browse files
mirkobrombinmirkobrombin
committed
feat: add new donation method for Polar.sh and improve formatting
1 parent 155e6e4 commit 3e20a67

File tree

1 file changed

+65
-19
lines changed

1 file changed

+65
-19
lines changed

‎src/pages/funding.astro‎

Lines changed: 65 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,8 @@ import { Icon } from "astro-icon/components";
4343
Developers.
4444
</p>
4545
<div class="grid md:grid-cols-3 gap-6 mb-8">
46-
{[
46+
{
47+
[
4748
{
4849
name: "GitHub Sponsors",
4950
bgClass: "bg-blue-900 text-white",
@@ -59,7 +60,8 @@ import { Icon } from "astro-icon/components";
5960
oneTime: true,
6061
preferred: true,
6162
linkText: "Donate via PayPal",
62-
linkUrl: "https://www.paypal.com/donate?hosted_button_id=HM2VKUH5STU4J",
63+
linkUrl:
64+
"https://www.paypal.com/donate?hosted_button_id=HM2VKUH5STU4J",
6365
oldLinkText: "Old PayPal Method",
6466
oldLinkUrl: "https://paypal.me/MirkoBrombin",
6567
icon: "material-symbols:credit-card-outline",
@@ -88,14 +90,31 @@ import { Icon } from "astro-icon/components";
8890
linkUrl: "#",
8991
icon: "material-symbols:currency-bitcoin",
9092
},
93+
{
94+
name: "Polar.sh",
95+
bgClass: "bg-gray-800 dark:bg-gray-900 text-white",
96+
recurring: false,
97+
oneTime: true,
98+
linkText: "Pay what you want",
99+
linkUrl:
100+
"https://polar.sh/checkout/polar_c_eIOCzD22zZhxCmgD7GIpySe8WF46NbS1D0maC1JYe3C",
101+
icon: "material-symbols:toll",
102+
},
91103
].map((method) => (
92104
<div
93105
class={`p-8 rounded-lg shadow-md text-center hover:shadow-lg transition-all relative top-0 hover:-top-1 ${method.bgClass}`}
94106
>
95107
<Icon name={method.icon} class="w-8 h-8 mb-4 mx-auto" />
96108
<h3 class="text-2xl font-bold mb-2">{method.name}</h3>
97109

98-
{["One-Time / Recurring", "Recurring", "One-Time", "Preferred Method", "Flexible Subscription", "Bitcoin, Ethereum, and more"].map((text, index) => {
110+
{[
111+
"One-Time / Recurring",
112+
"Recurring",
113+
"One-Time",
114+
"Preferred Method",
115+
"Flexible Subscription",
116+
"Bitcoin, Ethereum, and more",
117+
].map((text, index) => {
99118
const conditions = [
100119
method.recurring && method.oneTime,
101120
method.recurring && !method.oneTime,
@@ -148,7 +167,8 @@ import { Icon } from "astro-icon/components";
148167
You can donate using the following cryptocurrency addresses.
149168
</p>
150169
<div class="flex flex-col gap-4">
151-
{[
170+
{
171+
[
152172
{
153173
name: "Ethereum (ETH)",
154174
network: "ERC20",
@@ -173,7 +193,9 @@ import { Icon } from "astro-icon/components";
173193
memo: "420078619",
174194
},
175195
].map((crypto, index) => (
176-
<div class={`flex flex-col gap-2 ${crypto.suggested ? 'bg-green-100 dark:bg-green-900 p-3 rounded-lg' : ''}`}>
196+
<div
197+
class={`flex flex-col gap-2 ${crypto.suggested ? "bg-green-100 dark:bg-green-900 p-3 rounded-lg" : ""}`}
198+
>
177199
<h3 class="text-xl font-bold mb-2">
178200
{crypto.name}{" "}
179201
{crypto.suggested == true && (
@@ -188,7 +210,7 @@ import { Icon } from "astro-icon/components";
188210
Network: {crypto.network}
189211
</p>
190212
<code
191-
class={`text-gray-700 dark:text-gray-300 px-4 py-2 rounded-md block overflow-x-auto ${crypto.suggested ? 'bg-green-200 dark:bg-green-800' : 'bg-gray-200 dark:bg-gray-800'}`}
213+
class={`text-gray-700 dark:text-gray-300 px-4 py-2 rounded-md block overflow-x-auto ${crypto.suggested ? "bg-green-200 dark:bg-green-800" : "bg-gray-200 dark:bg-gray-800"}`}
192214
>
193215
{crypto.address}
194216
</code>
@@ -202,7 +224,8 @@ import { Icon } from "astro-icon/components";
202224
<hr class="border-gray-300 dark:border-gray-700 my-4" />
203225
)}
204226
</div>
205-
))}
227+
))
228+
}
206229
<button
207230
id="closeCryptoModal"
208231
class="bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 transition-all"
@@ -222,7 +245,8 @@ import { Icon } from "astro-icon/components";
222245
class="container mx-auto px-4 flex flex-col md:flex-row items-center justify-between gap-4"
223246
>
224247
<div class="flex flex-wrap items-center gap-2">
225-
{[
248+
{
249+
[
226250
{ status: "WIP", text: "WIP" },
227251
{ status: "DONE", text: "Done" },
228252
{ status: "ALPHA", text: "Alpha" },
@@ -258,7 +282,8 @@ import { Icon } from "astro-icon/components";
258282

259283
<section class="py-5">
260284
<div class="flex flex-wrap gap-6">
261-
{[
285+
{
286+
[
262287
{
263288
name: "material-symbols:build-circle",
264289
text: "Work in progress",
@@ -295,7 +320,8 @@ import { Icon } from "astro-icon/components";
295320

296321
<section class="py-5">
297322
<div class="grid md:grid-cols-3 gap-6">
298-
{[
323+
{
324+
[
299325
{
300326
status: "DONE",
301327
statusColorClass: "bg-green-500",
@@ -314,10 +340,17 @@ import { Icon } from "astro-icon/components";
314340
progress: 80,
315341
link: "https://github.com/bottlesdevs/Bottles/issues/1158",
316342
icons: [
317-
{ name: "material-symbols:build-circle", title: "In progress" },
318-
{ name: "material-symbols:help-outline", title: "Needs funding" },
343+
{
344+
name: "material-symbols:build-circle",
345+
title: "In progress",
346+
},
347+
{
348+
name: "material-symbols:help-outline",
349+
title: "Needs funding",
350+
},
319351
],
320-
infoText: "Estimated time: 1 week of work based on average hourly cost.",
352+
infoText:
353+
"Estimated time: 1 week of work based on average hourly cost.",
321354
},
322355
{
323356
status: "REJECTED",
@@ -339,10 +372,17 @@ import { Icon } from "astro-icon/components";
339372
progress: 10,
340373
link: "https://usebottles.com/posts/2024-09-24-umu-next/",
341374
icons: [
342-
{ name: "material-symbols:build-circle", title: "In progress" },
343-
{ name: "material-symbols:help-outline", title: "Needs funding" },
375+
{
376+
name: "material-symbols:build-circle",
377+
title: "In progress",
378+
},
379+
{
380+
name: "material-symbols:help-outline",
381+
title: "Needs funding",
382+
},
344383
],
345-
infoText: "Estimated time: 4 weeks of work based on average hourly cost.",
384+
infoText:
385+
"Estimated time: 4 weeks of work based on average hourly cost.",
346386
},
347387
{
348388
status: "NEXT",
@@ -352,13 +392,19 @@ import { Icon } from "astro-icon/components";
352392
<br>
353393
Latest update, Bottles Next is now in the planning phase, <a href="https://usebottles.com/posts/2024-12-27-rust-libcosmic-next/" class="text-blue-600 dark:text-blue-400 underline">read more</a>.
354394
355-
Please, also read the dedicated <a href="https://github.com/bottlesdevs/Bottles/issues/3602" class="text-blue-600 dark:text-blue-400 underline">GitHub issue</a> for more information.
395+
Please, also watch the dedicated <a href="https://github.com/bottlesdevs/bottles-next" class="text-blue-600 dark:text-blue-400 underline">GitHub repository</a> for more information.
356396
`,
357397
progress: 15,
358398
link: "https://usebottles.com/posts/2023-10-05-bottles-next-a-new-chapter/",
359399
icons: [
360-
{ name: "material-symbols:build-circle", title: "In progress" },
361-
{ name: "material-symbols:help-outline", title: "Needs funding" },
400+
{
401+
name: "material-symbols:build-circle",
402+
title: "In progress",
403+
},
404+
{
405+
name: "material-symbols:help-outline",
406+
title: "Needs funding",
407+
},
362408
],
363409
infoText:
364410
"We are looking for funds, contributors, and companies to provide infrastructure support.",

0 commit comments

Comments
 (0)