From b8ce39f154dcc49c97d3ffea64c8e9facb39f051 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Sat, 7 Dec 2024 01:09:27 -0500
Subject: [PATCH] Use image of text

---
 src/components/global/SudoVanillaLogo.astro | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/global/SudoVanillaLogo.astro b/src/components/global/SudoVanillaLogo.astro
index 1f63a0a..2d91378 100644
--- a/src/components/global/SudoVanillaLogo.astro
+++ b/src/components/global/SudoVanillaLogo.astro
@@ -23,8 +23,18 @@ const { WithLogo, OnlyLogo } = Astro.props;
       null
     ):
     <p>
-      <span>Sudo</span>
-      <span style="font-family: RedHatDisplay; font-weight: bold;">Vanilla</span>
+      <img
+        style="display: none; width: fit-content; height: 16px;"
+        class="sv-logo-white"
+        alt="SudoVanilla Logo"
+        src="https://md.sudovanilla.org/images/SudoVanilla-Text.png"
+      />
+      <img
+        style="display: none; width: fit-content; height: 16px;"
+        class="sv-logo-purple"
+        alt="SudoVanilla Logo"
+        src="https://md.sudovanilla.org/images/SudoVanilla-Text-Purple.png"
+      />
     </p>
   }
 </div>
@@ -42,7 +52,7 @@ const { WithLogo, OnlyLogo } = Astro.props;
   img[src="https://md.sudovanilla.org/images/sv-logo-4.png"],
   img["https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.png"]
   {
-    width: 32px !important;
-    height: 30px !important;
+    width: 32px;
+    height: 30px;
   }
 </style>