Remove THE from homepage; Fix sponsor images in dark mode

osu-bsli · Aug 7, 2024 · 5e6ef5a · 5e6ef5a
1 parent 3484d17
commit 5e6ef5a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 16 deletions.
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
@@ -12,14 +12,14 @@ interface Link {
 }
 
 interface Sponsor {
-  ariaLabel: string,
-  src: string,
-  href: string,
+  ariaLabel: string;
+  src: string;
+  href: string;
 }
 
 export interface Props {
-  sponsors1: Sponsor[],
-  sponsors2: Sponsor[],
+  sponsors1: Sponsor[];
+  sponsors2: Sponsor[];
   socialLinks: Link[];
   footNote?: string;
   theme?: string;
@@ -44,23 +44,23 @@ const {
 
   <div class="flex flex-col gap-4 max-w-5xl m-auto">
     <div
-      class="flex flex-row justify-center items-center flex-wrap gap-4 md:gap-8 [&>*]:w-32 [&>*]:md:w-64"
+      class="flex flex-row justify-center items-center flex-wrap gap-2 md:gap-4 [&>*]:w-32 [&>*]:md:w-64"
     >
       {
         sponsors1.map(({ ariaLabel, src, href }) => (
-          <a href={href}>
+          <a href={href} class="bg-white p-4 rounded">
             <Image layout="custom" src={src} alt={ariaLabel} />
           </a>
         ))
       }
     </div>
 
     <div
-      class="flex flex-row justify-center flex-wrap gap-4 md:gap-8 [&>*]:w-32 [&>*]:md:w-64"
+      class="flex flex-row justify-center flex-wrap gap-2 md:gap-4 [&>*]:w-32 [&>*]:md:w-64"
     >
       {
         sponsors2.map(({ ariaLabel, src, href }) => (
-          <a href={href}>
+          <a href={href} class="bg-white p-4 rounded">
             <Image layout="custom" src={src} alt={ariaLabel} />
           </a>
         ))
@@ -73,7 +73,7 @@ const {
       class="flex flex-col md:flex-row items-center md:justify-between pb-4 pt-12 md:py-6"
     >
       <Image
-        class="object-contain w-64"
+        class="object-contain w-64 bg-white p-1 rounded"
         layout="custom"
         src="~/assets/images/OSUCOE-Logo.webp"
         alt="OSU College of Engineering Logo"

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -33,14 +33,11 @@ const metadata = {
       alt: "Payload & Spaceport Teams",
     }}
   >
-    <Fragment slot="title"
-      ><span class="text-secondary">THE</span> Buckeye Space Launch Initiative
-    </Fragment>
+    <Fragment slot="title">Buckeye Space Launch Initiative</Fragment>
 
     <Fragment slot="subtitle">
-      <span class="hidden sm:inline">
-        at <span class="font-semibold">The Ohio State University</span>
-      </span>
+      at
+      <span class="font-semibold text-primary">The Ohio State University</span>
     </Fragment>
   </Hero>