my website at ewancroft.uk
feat: call-to-action
+12
-1
+12
-1
src/lib/components/layout/main/card/SupportersCard.svelte
+12
-1
src/lib/components/layout/main/card/SupportersCard.svelte
···
1
1
<script lang="ts">
2
-
import { Heart } from '@lucide/svelte';
2
+
import { Heart, ExternalLink } from '@lucide/svelte';
3
3
import { Card, NoiseImage } from '$lib/components/ui';
4
4
import type { KofiSupportEvent, KofiEventType } from '$lib/services/atproto';
5
5
···
79
79
</li>
80
80
{/each}
81
81
</ol>
82
+
<div class="mt-4 border-t border-canvas-200 pt-4 dark:border-canvas-700">
83
+
<a
84
+
href="https://ko-fi.com/ewancroft"
85
+
target="_blank"
86
+
rel="noopener noreferrer"
87
+
class="inline-flex items-center gap-2 text-sm font-medium text-primary-600 transition-colors hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300"
88
+
>
89
+
Support me on Ko-fi
90
+
<ExternalLink class="h-3.5 w-3.5" aria-hidden="true" />
91
+
</a>
92
+
</div>
82
93
{/snippet}
83
94
</Card>
84
95
{/if}