Fixes here and there

osu-bsli · Aug 7, 2024 · 1d2bdf0 · 1d2bdf0
1 parent 08edd3a
commit 1d2bdf0
Show file tree

Hide file tree

Showing 20 changed files with 138 additions and 121 deletions.
diff --git a/src/assets/images/projects/liquids/overview.jpg b/src/assets/images/projects/liquids/overview.jpg
diff --git a/src/assets/images/projects/liquids/overview.webp b/src/assets/images/projects/liquids/overview.webp
diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro
@@ -31,7 +31,7 @@ import '@fontsource-variable/inter';
 
     --aw-color-text-heading: rgb(0 0 0);
     --aw-color-text-default: rgb(16 16 16);
-    --aw-color-text-muted: rgb(16 16 16 / 66%);
+    --aw-color-text-muted: rgb(70, 70, 70);
     --aw-color-bg-page: rgb(255 255 255);
 
     --aw-color-bg-page-dark: rgb(30 30 30);
@@ -46,13 +46,13 @@ import '@fontsource-variable/inter';
     --aw-font-serif: 'InterVariable';
     --aw-font-heading: 'InterVariable';
 
-    --aw-color-primary: #BB0000;
-    --aw-color-secondary: #DD2222;
-    --aw-color-accent: #DD2222;
+    --aw-color-primary: #EE3333;
+    --aw-color-secondary: #EE3333;
+    --aw-color-accent: #EE3333;
 
     --aw-color-text-heading: rgb(255, 255, 255);
     --aw-color-text-default: rgb(248, 248, 248);
-    --aw-color-text-muted: rgb(248, 248, 248);
+    --aw-color-text-muted: rgb(220, 220, 220);
     --aw-color-bg-page: rgb(15 15 15);
 
     ::selection {

diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
@@ -36,12 +36,12 @@ const {
 <footer
   class:list={[
     { dark: theme === "dark" },
-    "pt-8 relative border-t border-gray-200 dark:border-slate-800 not-prose",
+    "dark:bg-dark py-8 relative border-t border-gray-200 dark:border-slate-800 not-prose",
   ]}
 >
-  <h2 class="my-4 text-center text-4xl font-bold">Our Sponsors</h2>
+  <h2 class="mb-4 text-center text-4xl font-bold">Our Sponsors</h2>
 
-  <div class="max-w-5xl m-auto">
+  <div class="flex flex-col gap-4 max-w-5xl m-auto">
     <div
       class="flex flex-row justify-center flex-wrap gap-4 md:gap-8 [&>*]:w-32 [&>*]:md:w-64"
     >
@@ -88,11 +88,6 @@ const {
     </div>
   </div>
 
-  <div
-    class="dark:bg-dark absolute inset-0 pointer-events-none"
-    aria-hidden="true"
-  >
-  </div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
     <div
       class="flex flex-col md:flex-row items-center md:justify-between pb-4 pt-12 md:py-6"
@@ -126,7 +121,7 @@ const {
       }
     </div>
 
-    <div class="text-sm mb-8 dark:text-muted text-center">
+    <div class="text-sm dark:text-muted text-center">
       <Fragment set:html={footNote} />
     </div>
   </div>

diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
@@ -49,7 +49,7 @@ const {
           {subtitle && <p class="text-xl mb-6" set:html={subtitle} />}
           {
             actions && (
-              <div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
+              <div class="max-w-mdt sm:max-w-lg m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
                 {Array.isArray(actions) ? (
                   actions.map((action) => (
                     <div class="flex w-full sm:w-auto">

diff --git a/src/components/widgets/MeetTheTeams.astro b/src/components/widgets/MeetTheTeams.astro
@@ -12,7 +12,7 @@ const {
 ---
 
 <WidgetWrapper>
-  <div class="md:basis-1/2 self-center">
+  <div class="md:basis-1/2 self-center max-w-5xl m-auto">
     <h2 class="text-center font-bold text-2xl mb-8 my-8 lg:mt-0">{title}</h2>
 
     <div class="mb-4 border-b border-gray-200 dark:border-gray-700">

diff --git a/src/components/widgets/OurProjects.astro b/src/components/widgets/OurProjects.astro
@@ -32,15 +32,15 @@ const {
     <h2 class="text-4xl md:text-5xl font-bold tracking-tighter text-center font-heading">{title}</h2>
     <p class="text-lg dark mt-8">{subtitle}</p>
 
-    <div class="flex flex-col lg:justify-between lg:flex-row mb-8">
+    <div class="flex flex-col lg:justify-between lg:flex-row mb-8 gap-8">
       {
         items.map(({ image, name, description, href, meetingTimes}) => (
-          <div class="flex flex-col my-4 lg:mx-8">
+          <div class="flex flex-col my-4">
             <Image
               class="mx-auto w-full rounded-lg bg-gray-500 shadow-lg mb-4 mt-8"
               width="auto"
               height="960px"
-              widths={[400, 768]}
+              widths={[800, 1600]}
               sizes="(max-width: 768px) 100vw, 432px"
               layout="responsive"
               {...image}

diff --git a/src/components/widgets/ProjectBlurb.astro b/src/components/widgets/ProjectBlurb.astro
@@ -29,7 +29,7 @@ const {
   containerClass={`max-w-7xl mx-auto ${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
   bg={bg}
 >
-  <div class="mx-auto max-w-7xl p-4 md:px-8">
+  <div class="mx-auto max-w-7xl">
     <div class={`md:flex md:gap-16`}>
       <div aria-hidden="true" class="md:mt-0 md:basis-1/2">
         {
@@ -42,7 +42,7 @@ const {
                   class="mx-auto w-full rounded-lg bg-gray-500 shadow-lg"
                   width={1200}
                   height={800}
-                  widths={[400, 768]}
+                  widths={[800, 1200]}
                   sizes="(max-width: 768px) 100vw, 432px"
                   layout="responsive"
                   {...image}

diff --git a/src/components/widgets/ProjectHero.astro b/src/components/widgets/ProjectHero.astro
@@ -26,7 +26,7 @@ const {
   </div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
-    <div class="py-12 md:pt-20 lg:pt-0 lg:flex lg:items-center lg:mt-10 lg:gap-8">
+    <div class="pb-8 lg:pt-0 lg:flex lg:items-center lg:mt-10 lg:gap-8">
       <div class="basis-1/2 text-center lg:text-left mx-auto">
         {
           tagline && (
@@ -39,7 +39,7 @@ const {
         {
           title && (
             <h1
-              class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter mb-4 font-heading dark:--aw-color-text-heading"
+              class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter my-4 font-heading dark:--aw-color-text-heading"
               set:html={title}
             />
           )

diff --git a/src/components/widgets/Socials.astro b/src/components/widgets/Socials.astro
@@ -1,10 +1,19 @@
 ---
 import { Icon } from "astro-icon/components";
 
-const { linkedins = [], emails = [], facebooks = [], youtubes = [] } = Astro.props;
+const {
+  linkedins = [],
+  emails = [],
+  facebooks = [],
+  youtubes = [],
+  classes = [],
+} = Astro.props;
 ---
 
-<div class="text-base font-normal flex flex-row gap-3 text-gray-500 py-2">
+<div
+  class="font-normal flex flex-row flex-wrap gap-x-3 my-2 text-muted"
+  class:list={classes}
+>
   {
     linkedins.map((linkedin) => (
       <a class="flex flex-row gap-1" href={linkedin}>
@@ -18,7 +27,7 @@ const { linkedins = [], emails = [], facebooks = [], youtubes = [] } = Astro.pro
     emails.map((email) => (
       <a class="flex flex-row gap-1" href={"mailto:" + email}>
         <Icon name="tabler:mail" class="w-8 h-8" />
-        <p class="leading-loose">Email</p>
+        <p class="leading-loose">{email}</p>
       </a>
     ))
   }

diff --git a/src/components/widgets/Steps.astro b/src/components/widgets/Steps.astro
@@ -43,7 +43,7 @@ const {
           ) : (
             <Image
               class="inset-0 object-cover object-top w-full rounded-md shadow-lg md:absolute md:h-full bg-gray-400 dark:bg-slate-700"
-              widths={[400, 768]}
+              widths={[800, 1200]}
               sizes="(max-width: 768px) 100vw, 432px"
               width={432}
               height={768}

diff --git a/src/components/widgets/SubteamInfo.astro b/src/components/widgets/SubteamInfo.astro
@@ -24,7 +24,7 @@ const { title, lead, images = [] } = Astro.props;
         >
       </h3>
 
-      <Socials linkedins={lead.linkedins} emails={lead.emails} />
+      <Socials {...lead} />
     </div>
 
     <div class="flex flex-col gap-4 text-lg">

diff --git a/src/components/widgets/TeamOverview.astro b/src/components/widgets/TeamOverview.astro
@@ -4,7 +4,7 @@ import Image from "~/components/common/Image.astro";
 const { title, slot, stats = [], image } = Astro.props;
 ---
 
-<div class="flex flex-col md:flex-row justify-center">
+<div class="flex flex-col justify-center md:flex-row md:gap-8">
   <div class="flex flex-col md:w-1/2">
     <h2
       id={"tab-content-" + title}

diff --git a/src/components/widgets/TeamOverviewLeader.astro b/src/components/widgets/TeamOverviewLeader.astro
@@ -11,7 +11,7 @@ const { title, people = [] } = Astro.props;
       people.map(({name, linkedins, emails }) => (
         <div class="flex flex-col items-end">
           {name}
-          <Socials linkedins={linkedins} emails={emails}/>
+          <Socials classes={["justify-end"]} linkedins={linkedins} emails={emails}/>
         </div>
       ))
     }

diff --git a/src/components/widgets/WeAreBsli.astro b/src/components/widgets/WeAreBsli.astro
@@ -70,7 +70,7 @@ const {
                   class="mx-auto w-full rounded-lg bg-gray-500 shadow-lg"
                   width={1200}
                   height={800}
-                  widths={[400, 768]}
+                  widths={[1200, 1800]}
                   sizes="(max-width: 768px) 100vw, 432px"
                   layout="responsive"
                   {...image}

diff --git a/src/navigation.js b/src/navigation.js
@@ -54,6 +54,6 @@ export const footerData = {
     { ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/onwidget/astrowind' },
   ],
   footNote: `
-    Buckeye Space Launch Initiative</a> · All rights reserved.
+    © 2024 Buckeye Space Launch Initiative</a> · All rights reserved.
   `,
 };
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -13,21 +13,26 @@ const title = "Contact us";
     <Fragment slot="content">
       <p class="pb-12">
         Want to reach out to us? Have questions, comments, or concerns?! Get in
-        touch with us in the following ways or use the form!
+        touch with us in the following ways:
       </p>
 
       <div class="flex flex-col gap-8 text-center">
         <div>
           <h2 class="font-bold">General Inquiries</h2>
           <p>
-            Email us at: <u><a href="mailto:[email protected]">[email protected]</a></u>
+            Email us at:
+            <div class="flex justify-center">
+              <Socials emails={["[email protected]"]} />
+            </div>
           </p>
         </div>
 
         <div>
           <h2 class="font-bold">Leadership/Project Inquiries</h2>
           <p>
-            Find the right person on our <u><a href={getPermalink("/leadership")}>Leadership</a></u> page.
+            Find the right person on our <u
+              ><a href={getPermalink("/leadership")}>Leadership</a></u
+            > page.
           </p>
         </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,7 @@ const { title, lead, images = [] } = Astro.props; @@
             >
           </h3>
-          <Socials linkedins={lead.linkedins} emails={lead.emails} />
+          <Socials {...lead} />
         </div>
         <div class="flex flex-col gap-4 text-lg">
@@ Expand Down @@