update kickoff page

Comet-Robotics · Jan 29, 2025 · 00235e9 · 00235e9
1 parent 5e890cf
commit 00235e9
Show file tree

Hide file tree

Showing 5 changed files with 133 additions and 102 deletions.
diff --git a/public/events/24FKickoff/audience.JPG b/public/events/24FKickoff/audience.JPG
diff --git a/public/events/24FKickoff/pre_presentation_audience_00025.JPG b/public/events/24FKickoff/pre_presentation_audience_00025.JPG
diff --git a/public/events/24FKickoff/pre_presentation_leadership_00029.JPG b/public/events/24FKickoff/pre_presentation_leadership_00029.JPG
diff --git a/src/components/join.astro b/src/components/join.astro
@@ -10,31 +10,34 @@ const { theme } = Astro.props
 let bgColor = '#D9D9D9'
 let txtColor = 'black'
 
-
 if (theme === 'dark') {
   bgColor = '#1e1e1e'
   txtColor = 'white'
 }
 
-const options: {title: string, description: string, url: string, emphasis?: boolean}[] = [
-  // {
-  //   title: 'Attend the Fall Kickoff',
-  //   description: 'Kickoff is our official start to the year. This event is a great way to learn about all the projects and how to get involved!',
-  //   url: '/events/kickoff',
-  //   emphasis: true
-  // },
+const options: { title: string; description: string; url: string; emphasis?: boolean }[] = [
+  {
+    title: 'Attend the Fall Kickoff',
+    description:
+      'Kickoff is our official start to the year. This event is a great way to learn about all the projects and how to get involved!',
+    url: '/events/kickoff',
+    emphasis: true,
+  },
   {
     title: 'Join the Discord',
-    description: 'Our Discord is the primary communication method for the club - join for updates on meeting times, projects, and more.',
+    description:
+      'Our Discord is the primary communication method for the club - join for updates on meeting times, projects, and more.',
     url: discordInvite,
   },
   {
     title: 'Find the Makerspace',
-    description: 'Our meetings are hosted at the UTDesign Makerspace, located on the 2nd floor of the Synergy Park North building (SPN 2.220).',
+    description:
+      'Our meetings are hosted at the UTDesign Makerspace, located on the 2nd floor of the Synergy Park North building (SPN 2.220).',
     url: makerspaceMap,
   },
 ]
 ---
+
 <style>
   @media (max-width: 480px) {
     .join-content {
@@ -53,41 +56,59 @@ const options: {title: string, description: string, url: string, emphasis?: bool
   }
 </style>
 
-<div style={{ backgroundColor: bgColor, color: txtColor, padding: '4rem 3rem', gap: '2rem', display:'flex', flexDirection: 'column' }}>
-
-    <h2 style="font-family: Mashine, sans-serif; color: var(--primary); font-size: 3rem; line-height: 1;">Join</h2>
-    <p style={{
-      fontSize: '1.25rem'
-    }}>
-      Interested in getting involved in a project team? Come to a meeting and talk to a project manager or officer about how you can join. Our general meetings are on <strong
-        >Mondays at 7pm<sup>*</sup></strong
-      > at the <strong>UTDesign Makerspace.</strong>
-    </p>
-    <div class="join-content" style={{ display: 'flex', gap: '2rem' }}>
-      {options.map(({url, title, description, emphasis}) => (
-       <a
-        class="no-decoration"
-        href={url}
-        target="_blank"
-        rel="noreferrer"
-        style={{
-          backgroundColor: emphasis ? 'var(--primary)' : '#1e1e1e',
-          color: 'white',
-          padding: '1.5rem',
-          borderStyle: 'solid',
-          borderRadius: '1.33rem',
-          borderColor: txtColor,
-          boxShadow: '0px 8px 8px 0px rgba(0, 0, 0, 0.25)'
-        }}
-      >
-        <h3 class="font-unbounded">{title} &rarr;</h3>
-        <span>
-          {description}
-        </span>
-      </a>))}
-
-    </div>
-
-    <small id="meeting-footnote" style="font-family: 'Open Sans Variable', sans-serif; font-size: 1rem;">* We only officially meet when UT Dallas is in session during the fall and spring semesters, but many of us frequently meet at the Makerspace during breaks as well - join the <a style="color: inherit" href={discordInvite} rel="noreferrer" target="_blank">Discord</a> for updates.</small>
+<div
+  style={{
+    backgroundColor: bgColor,
+    color: txtColor,
+    padding: '4rem 3rem',
+    gap: '2rem',
+    display: 'flex',
+    flexDirection: 'column',
+  }}
+>
+  <h2 style="font-family: Mashine, sans-serif; color: var(--primary); font-size: 3rem; line-height: 1;">Join</h2>
+  <p
+    style={{
+      fontSize: '1.25rem',
+    }}
+  >
+    Interested in getting involved in a project team? Come to a meeting and talk to a project manager or officer about
+    how you can join. Our general meetings are on <strong>Mondays at 7pm<sup>*</sup></strong> at the <strong
+      >UTDesign Makerspace.</strong
+    >
+  </p>
+  <div class="join-content" style={{ display: 'flex', gap: '2rem' }}>
+    {
+      options.map(({ url, title, description, emphasis }) => (
+        <a
+          class="no-decoration"
+          href={url}
+          target="_blank"
+          rel="noreferrer"
+          style={{
+            backgroundColor: emphasis ? 'var(--primary)' : '#1e1e1e',
+            color: 'white',
+            padding: '1.5rem',
+            borderStyle: 'solid',
+            borderRadius: '1.33rem',
+            borderColor: txtColor,
+            boxShadow: '0px 8px 8px 0px rgba(0, 0, 0, 0.25)',
+          }}
+        >
+          <h3 class="font-unbounded">{title} &rarr;</h3>
+          <span>{description}</span>
+        </a>
+      ))
+    }
+  </div>
 
+  <small id="meeting-footnote" style="font-family: 'Open Sans Variable', sans-serif; font-size: 1rem;"
+    >* We only officially meet when UT Dallas is in session during the fall and spring semesters, but many of us
+    frequently meet at the Makerspace during breaks as well - join the <a
+      style="color: inherit"
+      href={discordInvite}
+      rel="noreferrer"
+      target="_blank">Discord</a
+    > for updates.</small
+  >
 </div>
diff --git a/src/pages/events/kickoff.astro b/src/pages/events/kickoff.astro
@@ -9,19 +9,19 @@ interface Stat {
   icon: string
 }
 
-let projectTitle: string = 'Fall Kickoff'
+let projectTitle: string = 'Spring Kickoff'
 let shortDescription: string =
   'Calling all UT Dallas students: come learn about opportunities for you to get involved in Comet Robotics!'
-let headerImage: string = '/events/24FKickoff/combatshow.JPG'
+let headerImage: string = '/events/24FKickoff/audience.JPG'
 let images: string[] = [
-  '/events/24FKickoff/vexchat.JPG',
-  '/events/24FKickoff/dylfight.JPG',
+  '/events/24FKickoff/pre_presentation_leadership_00029.JPG',
+  '/events/24FKickoff/pre_presentation_audience_00025.JPG',
   '/events/24FKickoff/biggroup.JPG',
 ]
 let stats: Stat[] = [
   {
     name: 'When',
-    value: 'August 27th, 2024, 7:30PM',
+    value: 'January 29th, 2025, 7:00PM',
     icon: '/statsGraphics/date-cal.svg',
   },
   {
@@ -31,7 +31,7 @@ let stats: Stat[] = [
   },
 ]
 
-const url = "https://portal.cometrobotics.org/events/1/rsvp"
+const url = 'https://portal.cometrobotics.org/events/91/rsvp/'
 ---
 
 <BaseLayout title={projectTitle} description={shortDescription}>
@@ -54,69 +54,79 @@ const url = "https://portal.cometrobotics.org/events/1/rsvp"
             ))
           }
         </div>
-        {url && <a
-          style={{
-            backgroundColor: 'white',
-            color: 'var(--primary)',
-            padding: '1rem 2rem',
-            borderRadius: '999px',
-            fontFamily: '\'Mashine\', sans-serif',
-            textDecoration: 'none',
-            fontSize: '1.25rem'
-          }}
-          href={url}
-          target="_blank"
-        >
-          RSVP NOW
-        </a>}
+        {
+          url && (
+            <a
+              style={{
+                backgroundColor: 'white',
+                color: 'var(--primary)',
+                padding: '1rem 2rem',
+                borderRadius: '999px',
+                fontFamily: "'Mashine', sans-serif",
+                textDecoration: 'none',
+                fontSize: '1.25rem',
+              }}
+              href={url}
+              target="_blank"
+            >
+              RSVP NOW
+            </a>
+          )
+        }
       </div>
       <div class="image-container">
-        <img
-          src={headerImage}
-          alt="Students viewing combat robot"
-          class="main-image"
-        />
+        <img src={headerImage} alt="Students viewing combat robot" class="main-image" />
       </div>
     </div>
     <div class="history-section">
       <h1 class="history-title">What's Kickoff?</h1>
       <p class="history-text">
-        Kickoff marks our official start to the school year, and is the best place to be if you're interested in being a part of Comet Robotics. From writing software and building mechanisms for robots, to creating content for socials and helping with club logistics, there's a place for you here! 
+        Kickoff marks our official start to the school year, and is the best place to be if you're interested in being a
+        part of Comet Robotics. From writing software and building mechanisms for robots, to creating content for
+        socials and helping with club logistics, there's a place for you here!
       </p>
-      <h2 class="history-title">Why should I come?</h1>
+      <h2 class="history-title">Why should I come?</h2>
       <p class="history-text">
         During Kickoff, you'll...
         <ul>
-          <li>learn about the club's projects and how you can get involved
-          <li>meet current club members and leadership</li>
-          <li>watch some awesome robots in action</li>
-          <li>get free stuff, thanks to our partners at Red Bull! (You must be an active UTD student to receive items.)</li>
+          <li>
+            learn about the club's projects and how you can get involved
+            <li>meet current club members and leadership</li>
+            <li>watch some awesome robots in action</li>
+          </li>
         </ul>
+        <h2 class="history-title">Wait, Free Stuff?</h2>
+        <p class="history-text">
+          Of course! You'll be able to get free pizza at Kickoff, and more to be announced at the event :) {
+            url &&
+              "Register below to let us know you'll be there, and help us make sure we have enough product to give out!"
+          }
+        </p>
+        <br />
+        {
+          url && (
+            <a
+              style={{
+                backgroundColor: 'var(--primary)',
+                padding: '1rem 2rem',
+                borderRadius: '999px',
+                fontFamily: "'Mashine', sans-serif",
+                textDecoration: 'none',
+                fontSize: '1.25rem',
+                color: '#d9d9d9',
+              }}
+              href={url}
+              target="_blank"
+            >
+              RSVP NOW
+            </a>
+          )
+        }
+        <div class="image-grid">
+          {images.map((img) => <img src={img} class="history-image" />)}
+        </div>
       </p>
-      <h2 class="history-title">Wait, Free Stuff?</h1>
-      <p class="history-text">
-        Of course! You'll be able to get free Red Bull at Kickoff, and more to be announced at the event :) {url && "Register below to let us know you'll be there, and help us make sure we have enough product to give out!"}
-      </p>
-      <br>
-      {url && <a
-        style={{
-          backgroundColor: 'var(--primary)',
-          padding: '1rem 2rem',
-          borderRadius: '999px',
-          fontFamily: '\'Mashine\', sans-serif',
-          textDecoration: 'none',
-          fontSize: '1.25rem',
-          color: '#d9d9d9'
-        }}
-        href={url}
-        target="_blank"
-      >
-        RSVP NOW
-      </a>}
-      <div class="image-grid">
-        {images.map((img) => <img src={img} class="history-image" />)}
-      </div>
     </div>
+    <Join theme="dark" />
   </div>
-  <Join theme="dark" />
 </BaseLayout>