Turn sponsors into links, add Business Ops Director's contact info to…

… sponsors
osu-bsli · Aug 7, 2024 · 3484d17 · 3484d17
1 parent c9c264a
commit 3484d17
Show file tree

Hide file tree

Showing 5 changed files with 87 additions and 54 deletions.
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
@@ -11,23 +11,24 @@ interface Link {
   icon?: string;
 }
 
-interface Links {
-  title?: string;
-  links: Array<Link>;
+interface Sponsor {
+  ariaLabel: string,
+  src: string,
+  href: string,
 }
 
 export interface Props {
-  links: Array<Links>;
-  secondaryLinks: Array<Link>;
-  socialLinks: Array<Link>;
+  sponsors1: Sponsor[],
+  sponsors2: Sponsor[],
+  socialLinks: Link[];
   footNote?: string;
   theme?: string;
 }
 
 const {
+  sponsors1 = [],
+  sponsors2 = [],
   socialLinks = [],
-  secondaryLinks = [],
-  links = [],
   footNote = "",
   theme = "light",
 } = Astro.props;
@@ -45,46 +46,25 @@ const {
     <div
       class="flex flex-row justify-center items-center flex-wrap gap-4 md:gap-8 [&>*]:w-32 [&>*]:md:w-64"
     >
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/SAS.webp"
-        alt="SAS Logo"
-      />
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/redwire.webp"
-        alt="Altium Logo"
-      />
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/altium.webp"
-        alt="Altium Logo"
-      />
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/ansys.webp"
-        alt="Ansys Logo"
-      />
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/OSGC.webp"
-        alt="Ohio Space Grant Consortium Logo"
-      />
+      {
+        sponsors1.map(({ ariaLabel, src, href }) => (
+          <a href={href}>
+            <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"
     >
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/OSUCOE.webp"
-        alt="OSU College of Engineering Logo"
-      />
-      <Image
-        layout="custom"
-        src="~/assets/images/sponsors/osu battelle center.webp"
-        alt="OSU Battelle Center Logo"
-      />
+      {
+        sponsors2.map(({ ariaLabel, src, href }) => (
+          <a href={href}>
+            <Image layout="custom" src={src} alt={ariaLabel} />
+          </a>
+        ))
+      }
     </div>
   </div>
 

diff --git a/src/components/widgets/Socials.astro b/src/components/widgets/Socials.astro
@@ -6,6 +6,7 @@ const {
   emails = [],
   facebooks = [],
   youtubes = [],
+  instagrams = [],
   classes = [],
 } = Astro.props;
 ---
@@ -14,6 +15,15 @@ const {
   class="font-normal flex flex-row flex-wrap gap-x-3 my-2 text-muted"
   class:list={classes}
 >
+  {
+    instagrams.map((instagram) => (
+      <a class="flex flex-row gap-1" href={instagram}>
+        <Icon name="tabler:brand-instagram" class="w-8 h-8" />
+        <p>Instagram</p>
+      </a>
+    ))
+  }
+
   {
     linkedins.map((linkedin) => (
       <a class="flex flex-row gap-1" href={linkedin}>

diff --git a/src/navigation.js b/src/navigation.js
@@ -40,18 +40,51 @@ export const headerData = {
 };
 
 export const footerData = {
-  links: [
-
+  sponsors1: [
+    {
+      src: "~/assets/images/sponsors/SAS.webp",
+      ariaLabel: "SAS Logo",
+      href: "https://specialaerospaceservices.com/"
+    },
+    {
+      src: "~/assets/images/sponsors/redwire.webp",
+      ariaLabel: "Redwire Logo",
+      href: "https://redwirespace.com/"
+    },
+    {
+      src: "~/assets/images/sponsors/altium.webp",
+      ariaLabel: "Altium Logo",
+      href: "https://www.altium.com/"
+    },
+    {
+      src: "~/assets/images/sponsors/ansys.webp",
+      ariaLabel: "Ansys Logo",
+      href: "https://www.ansys.com/"
+    },
+    {
+      src: "~/assets/images/sponsors/OSGC.webp",
+      ariaLabel: "Ohio Space Grant Consortium Logo",
+      href: "https://osgc.org/"
+    }
   ],
-  secondaryLinks: [
-
+  sponsors2: [
+    {
+      src:"~/assets/images/sponsors/OSUCOE.webp",
+      ariaLabel :"OSU College of Engineering Logo",
+      href: "https://engineering.osu.edu/"
+    },
+    {
+      src: "~/assets/images/sponsors/osu battelle center.webp",
+      ariaLabel: "OSU Battelle Center Logo",
+      href: "https://battellecenter.osu.edu/"
+    }
   ],
   socialLinks: [
-    { ariaLabel: 'X', icon: 'tabler:brand-x', href: '#' },
-    { ariaLabel: 'Instagram', icon: 'tabler:brand-instagram', href: '#' },
-    { ariaLabel: 'Facebook', icon: 'tabler:brand-facebook', href: '#' },
-    { ariaLabel: 'RSS', icon: 'tabler:rss', href: getAsset('/rss.xml') },
-    { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/onwidget/astrowind' },
+    { ariaLabel: 'LinkedIn', icon: 'tabler:brand-linkedin', href: 'https://www.linkedin.com/company/the-buckeye-space-launch-initiative' },
+    { ariaLabel: 'Facebook', icon: 'tabler:brand-facebook', href: 'https://www.facebook.com/spacelaunchinitiative/' },
+    { ariaLabel: 'YouTube', icon: 'tabler:brand-youtube', href: 'https://www.youtube.com/@buckeyesli1865/videos' },
+    { ariaLabel: 'Instagram', icon: 'tabler:brand-instagram', href: 'https://www.instagram.com/buckeye_sli/' },
+    { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/osu-bsli' },
   ],
   footNote: `
     © 2024 Buckeye Space Launch Initiative</a> · All rights reserved.

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -51,6 +51,7 @@ const title = "Contact us";
               ]}
               facebooks={["https://www.facebook.com/spacelaunchinitiative/"]}
               youtubes={["https://www.youtube.com/@buckeyesli1865/videos"]}
+              instagrams={["https://www.instagram.com/buckeye_sli/"]}
             />
           </div>
         </div>

diff --git a/src/pages/sponsor.astro b/src/pages/sponsor.astro
@@ -46,8 +46,8 @@ const title = "Sponsor us";
       <div class="flex flex-col gap-8">
         <p>
           Hi, I'm Hana Winchester! I'm the <b>Sponsorship Chair</b> for the Buckeye
-          Space Launch Initiative. If you just want to learn more or want to sponsor
-          us, email me to get in touch.
+          Space Launch Initiative. If you want to sponsor us or just want to learn
+          more, email me or Marc, our <b>Business Operations Director</b>.
         </p>
 
         <Staff
@@ -58,6 +58,15 @@ const title = "Sponsor us";
             email: "[email protected]",
           }}
         />
+
+        <Staff
+          title="Business Operations Director:"
+          person={{
+            name: "Marc Chow",
+            linkedin: "https://www.linkedin.com/in/marcchow2/",
+            email: "[email protected]",
+          }}
+        />
       </div>
     </Fragment>
-Original file line number
+Diff line change
@@ Expand Up / @@ -51,6 +51,7 @@ const title = "Contact us"; @@
                   ]}
                   facebooks={["https://www.facebook.com/spacelaunchinitiative/"]}
                   youtubes={["https://www.youtube.com/@buckeyesli1865/videos"]}
+                  instagrams={["https://www.instagram.com/buckeye_sli/"]}
                 />
               </div>
             </div>
@@ Expand Down @@