From 883c93b7ffbe515bb10405cf760fb93d78487cc9 Mon Sep 17 00:00:00 2001
From: root <root@adhd.sh>
Date: Fri, 12 Dec 2025 14:57:41 +0100
Subject: [PATCH] [FEAT] Add Kofi btn

---
 src/components/HelpModal.vue | 10 ++++++++++
 src/views/HomeView.vue       |  7 ++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index c5b14c3..0f20800 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -56,6 +56,16 @@
           </p>
 
           <div class="space-y-6">
+            <!-- Ko-fi -->
+            <div class="p-4 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600">
+              <div class="flex items-center mb-3">
+                <h4 class="text-md font-medium">Ko-fi</h4>
+              </div>
+              <a href="https://ko-fi.com/X8X416D44P" target="_blank" rel="noopener noreferrer" data-rybbit-event="open-kofi">
+                <img height="36" style="border: 0px; height: 36px" src="https://storage.ko-fi.com/cdn/kofi6.png?v=6" alt="Buy Me a Coffee at ko-fi.com" />
+              </a>
+            </div>
+
             <!-- PayPal -->
             <div class="p-4 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600">
               <div class="flex items-center mb-3">
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ef62d98..89088cb 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,7 +3,12 @@
     <!-- Welcome state -->
     <div v-if="!layers.some(l => l.sprites.length)" class="p-6 sm:p-10">
       <div class="mb-8">
-        <p class="text-2xl font-bold text-gray-800 dark:text-gray-100 mb-1">Upload sprites or single image</p>
+        <div class="flex items-center justify-between gap-4 mb-1">
+          <p class="text-2xl font-bold text-gray-800 dark:text-gray-100">Upload sprites or single image</p>
+          <a href="https://ko-fi.com/X8X416D44P" target="_blank" rel="noopener noreferrer">
+            <img height="36" style="border: 0px; height: 36px" src="https://storage.ko-fi.com/cdn/kofi6.png?v=6" alt="Buy Me a Coffee at ko-fi.com" />
+          </a>
+        </div>
         <p class="text-sm text-gray-600 dark:text-gray-400">Drag and drop images or import from JSON</p>
       </div>
       <file-uploader @upload-sprites="handleSpritesUpload" />