Added kofi buttons

Author: mrtheduts

astro.config.mjs

@@ -50,6 +50,7 @@ export default defineConfig({
         "fa6-brands": ["*"],
         "fa6-regular": ["*"],
         "fa6-solid": ["*"],
+        "simple-icons": ["*"],
       },
     }),
     svelte(),

package.json

@@ -26,6 +26,7 @@
     "@iconify-json/fa6-regular": "^1.2.2",
     "@iconify-json/fa6-solid": "^1.2.2",
     "@iconify-json/material-symbols": "^1.2.8",
+    "@iconify-json/simple-icons": "^1.2.34",
     "@iconify/svelte": "^4.0.2",
     "@swup/astro": "^1.5.0",
     "@tailwindcss/typography": "^0.5.15",
@@ -51,6 +52,7 @@
     "remark-sectionize": "^2.0.0",
     "sanitize-html": "^2.13.1",
     "sharp": "^0.33.5",
+    "simple-icons": "^14.13.0",
     "stylus": "^0.63.0",
     "svelte": "^5.5.3",
     "tailwindcss": "^3.4.16",

pnpm-lock.yaml

@@ -68,14 +68,19 @@ export const profileConfig: ProfileConfig = {
     //   icon: 'fa6-brands:steam',
     //   url: 'https://store.steampowered.com',
     // },
+    // {
+    //   name: 'itch.io',
+    //   icon: 'fa6-brands:itch-io',
+    //   url: 'https://belfardev.itch.io/',
+    // },
     {
-      name: 'itch.io',
-      icon: 'fa6-brands:itch-io',
-      url: 'https://belfardev.itch.io/',
+      name: 'Ko-fi',
+      icon: 'simple-icons:kofi',
+      url: 'https://ko-fi.com/belfardev',
     },
     {
       name: 'GitHub',
-      icon: 'fa6-brands:github',
+      icon: 'simple-icons:github',
       url: 'https://github.com/belfargamedev',
     },
   ],

src/assets/images/support_me_on_kofi.png

@@ -1,4 +1,6 @@
 ---
+import { Image } from 'astro:assets';
+import kofiButton from './src/assets/images/support_me_on_kofi.png'
 import path from 'node:path'
 import { getCollection } from 'astro:content'
 import License from '@components/misc/License.astro'
@@ -106,6 +108,11 @@ const jsonLd = {
 
             {licenseConfig.enable && <License title={entry.data.title} slug={entry.slug} pubDate={entry.data.published} class="mb-6 rounded-xl license-container onload-animation"></License>}
 
+            <center>
+                <a href="https://ko-fi.com/belfardev" target="_blank">
+                    <Image src={kofiButton} width="300px" alt="Support me on Ko-fi!" />
+                </a>
+            </center>
         </div>
     </div>
 
@@ -131,4 +138,5 @@ const jsonLd = {
         </a>
     </div>
 
+
 </MainGridLayout>