diff --git a/src/lib/FriendBadges.ts b/src/lib/FriendBadges.ts
index 536d0ed..9812566 100644
--- a/src/lib/FriendBadges.ts
+++ b/src/lib/FriendBadges.ts
@@ -1,34 +1,34 @@
 import type BadgeInfo from "./BadgeInfo";
 
-const FriendBadgesPath = "/Badges/Friends/";
+export const FriendBadgePath = "/Badges/Friends/";
 
 const FriendBadges: Array<BadgeInfo> = [
   {
-    image: FriendBadgesPath + "june-button.gif",
+    image: "june-button.gif",
     title: "June"
   },
   {
-    image: FriendBadgesPath + "astreaprtcl.png",
+    image: "astreaprtcl.png",
     url: "https://astreaprtcl.dev",
     title: "⌬-0x7e5ac6"
   },
   {
-    image: FriendBadgesPath + "ceressees.gif",
+    image: "ceressees.gif",
     url: "https://ceressees.dev",
     title: "Ceres"
   },
   {
-    image: FriendBadgesPath + "girlkissing.png",
+    image: "girlkissing.png",
     url: "https://girlkissing.tips",
     title: "Luna"
   },
   {
-    image: FriendBadgesPath + "autumnvleaves.jpg",
+    image: "autumnvleaves.jpg",
     url: "https://autumnvleaves.neocities.org/",
     title: "Autumn"
   },
   {
-    image: FriendBadgesPath + "eva_poti_chat.png",
+    image: "eva_poti_chat.png",
     url: "https://www.poti.chat",
     title: "Eva"
   }
diff --git a/src/lib/OtherBadges.ts b/src/lib/OtherBadges.ts
index d1b5f60..df8c424 100644
--- a/src/lib/OtherBadges.ts
+++ b/src/lib/OtherBadges.ts
@@ -1,140 +1,140 @@
 import type BadgeInfo from "./BadgeInfo";
 
-const OtherBadgePath = "/Badges/Other/"
+export const OtherBadgePath = "/Badges/Other/"
 
 const OtherBadges: Array<BadgeInfo> = [
   {
-    image: OtherBadgePath + "riley-button.jpg",
+    image: "riley-button.jpg",
     url: "https://foxgirlriley.neocities.org",
     title: "meeeeeeeee",
     alt: "riley :3"
   },
   {
-    image: OtherBadgePath + "fops.png",
+    image: "fops.png",
     url: "https://tumblr.com/sashasurname",
     title: "I'm a fops!!! (click for the artist!)",
     alt: "The word fops on a badge that looks like a fox tail"
   },
   {
-    image: OtherBadgePath + "tumblr.png",
+    image: "tumblr.png",
     url: "https://tumblr.com/foxgirlriley",
     title: "my tumbs :3",
     alt: "tumblr"
   },
   {
-    image: OtherBadgePath + "fediverse.gif",
+    image: "fediverse.gif",
     title: "I am on transfem.social!",
     alt: "The word Fediverse in front of the fediverse logo which is slowly spinning",
     url: "https://transfem.social/@foxgirlriley"
   },
   {
-    image: OtherBadgePath + "join-the-fediverse.gif",
+    image: "join-the-fediverse.gif",
     title: "Join Transfem.Social!!!",
     alt: "The words Join the fediverse next to the fediverse logo",
     url: "https://transfem.social"
   },
   {
-    image: OtherBadgePath + "pronouns_sheher.gif",
+    image: "pronouns_sheher.gif",
     title: "i'm a tranny :D",
     alt: "trans flag with she/her pronouns"
   },
   {
-    image: OtherBadgePath + "flag-pan.png",
+    image: "flag-pan.png",
     title: "i'm a faggot! :D",
     alt: "pansexual flag"
   },
   {
-    image: OtherBadgePath + "hrt-e2.gif",
+    image: "hrt-e2.gif",
     title: "hopefully soon!",
     alt: "powered by estrogen with spinning estrogen pill"
   },
   {
-    image: OtherBadgePath + "trans-your-gender.gif",
+    image: "trans-your-gender.gif",
     title: "trans your gender",
     alt: "trans your gender"
   },
   {
-    image: OtherBadgePath + "trans-bouncy.gif",
+    image: "trans-bouncy.gif",
     alt: "trans"
   },
   {
-    image: OtherBadgePath + "maia.crimew.gay.png",
+    image: "maia.crimew.gay.png",
     url: "https://maia.crimew.gay",
     title: "the crime kitty",
     alt: "maia dot crimew dot gay"
   },
   {
-    image: OtherBadgePath + "firefox.gif",
+    image: "firefox.gif",
     url: "https://www.firefox.com/en-GB/",
     alt: "firefox now!"
   },
   {
-    image: OtherBadgePath + "anythingbut.gif",
+    image: "anythingbut.gif",
     alt: "anything but chrome",
     title: "this is a chrome haters website >:("
   },
   {
-    image: OtherBadgePath + "same-shit-different-arsehole.gif",
+    image: "same-shit-different-arsehole.gif",
     alt: "same shit different arsehole",
     title: "it's all chrome!!!!!"
   },
   {
-    image: OtherBadgePath + "linux_mint.gif",
+    image: "linux_mint.gif",
     url: "https://www.linuxmint.com",
     alt: "linux mint",
     title: "my current flavour :3"
   },
   {
-    image: OtherBadgePath + "88x31.gif",
+    image: "88x31.gif",
     alt: "88 by 31",
     url: "https://88x31.kate.pet/",
     title: "moar badges :D"
   },
   {
-    image: OtherBadgePath + "piracy.gif",
+    image: "piracy.gif",
     alt: "piracy now",
     title: "for legal reasons this is a joke"
   },
   {
-    image: OtherBadgePath + "i-was-on-cohost.gif",
+    image: "i-was-on-cohost.gif",
     alt: "i was on cohost",
     title: "rip eggbug"
   },
   {
-    image: OtherBadgePath + "jellyfin.gif",
+    image: "jellyfin.gif",
     alt: "jellyfin"
   },
   {
-    image: OtherBadgePath + "kde.gif",
+    image: "kde.gif",
     alt: "kde now!"
   },
   {
-    image: OtherBadgePath + "proxmox.gif",
+    image: "proxmox.gif",
     alt: "proxmox"
   },
   {
-    image: OtherBadgePath + "docker.png",
+    image: "docker.png",
     alt: "powered by docker"
   },
   {
-    image: OtherBadgePath + "qbittorrent.png",
+    image: "qbittorrent.png",
     alt: "don't forget to seed!",
     title: "don't forget to seed!"
   },
   {
-    image: OtherBadgePath + "steam.gif",
+    image: "steam.gif",
     alt: "play with steam"
   },
   {
-    image: OtherBadgePath + "ubo.png",
+    image: "ubo.png",
     alt: "ublock origin now!"
   },
   {
-    image: OtherBadgePath + "vlc.png",
+    image: "vlc.png",
     alt: "vlc media player"
   },
   {
-    image: OtherBadgePath + "vscbutton.gif",
+    image: "vscbutton.gif",
     alt: "visual studio code"
   }
 ]
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 29e38c3..5b9b3de 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,6 +6,8 @@ import WavyText from "../components/WavyText/WavyText";
 import FriendBadges from "../lib/FriendBadges";
 import OtherBadges from "../lib/OtherBadges";
 import Badge from "../components/Badge.astro";
+import { OtherBadgePath } from "../lib/OtherBadges";
+import { FriendBadgePath } from "../lib/FriendBadges";
 import "../styles/Badge.scss";
 ---
 
@@ -21,12 +23,12 @@ import "../styles/Badge.scss";
   </Panel>
   <Panel title="My Friens :3">
     <div class="badgeBanner">
-      {FriendBadges.map((badge) => <Badge image={badge.image} url={badge.url} title={badge.title} alt={badge.alt} />)}
+      {FriendBadges.map((badge) => <Badge image={`${FriendBadgePath}${badge.image}`} url={badge.url} title={badge.title} alt={badge.alt} />)}
     </div>
   </Panel>
   <Panel title="Other Badges">
     <div class="badgeBanner">
-      {OtherBadges.map((badge) => <Badge image={badge.image} url={badge.url} title={badge.title} alt={badge.alt} />)}
+      {OtherBadges.map((badge) => <Badge image={`${OtherBadgePath}${badge.image}`} url={badge.url} title={badge.title} alt={badge.alt} />)}
     </div>
   </Panel>
   <Panel title="Webring!">