From 3704d68a72348819b2fdf863af183cc4224d2bd3 Mon Sep 17 00:00:00 2001
From: jrohrbaugh3 <jrohrbaugh3@ycp.edu>
Date: Tue, 2 Dec 2025 02:01:21 -0500
Subject: [PATCH] Display sponsor images on landing page

---
 src/views/LandingPage.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/views/LandingPage.vue b/src/views/LandingPage.vue
index 71d3c00..e586262 100644
--- a/src/views/LandingPage.vue
+++ b/src/views/LandingPage.vue
@@ -189,9 +189,9 @@
       target="_blank"
       class="sponsor-link"
     >
-      <template v-if="sponsor.logoUrl">
+      <template v-if="sponsor.imageUrl">
         <img
-          :src="sponsor.logoUrl"
+          :src="sponsor.imageUrl"
           :alt="`${sponsor.name} Logo`"
           class="sponsor-logo"
           :style="getSponsorStyle(sponsor)"
@@ -312,10 +312,10 @@ export default {
           
           return {
             name: s.name,
-            website: s.website,
+            website: revertUrlFromServer(s.website),
             logoUrl: s.image || null,
             tier: tierName, // Attach the full tier name
-            // ⭐ 2. Attach the width and height to the sponsor object ⭐
+            imageUrl: s.imageUrl,
             imageWidth: tierWidth,
             imageHeight: tierHeight,
           };
@@ -327,6 +327,19 @@ export default {
       }
     };
 
+    const revertUrlFromServer = (url) => {
+      if (!url) return "";
+      let original = url.trim();
+
+      original = original.replace(/DOTC/g, ':');
+      original = original.replace(/DOTS/g, '/');
+      original = original.replace(/DOTQ/g, '?');
+      original = original.replace(/DOTE/g, '=');
+      original = original.replace(/DOTA/g, '&');
+
+      return original;
+    };
+
     onMounted(()=> {
       fetchSponsors();
     });