Merge pull request #35 from HackGT/husna

update image extensions and previous events

Author: PhillipPhanhthourath

pages/events.tsx

@@ -6,6 +6,42 @@ import Link from "next/link";
 interface Props {}
 
 const previousEvents = [
+  {
+    name: "Horizons 2024",
+    description:
+    "This is the third annual design and tech make-a-thon! This year's theme was celestial and cosmic creativity!",
+    coverImage: "horizons-2024.jpg",
+  },
+  {
+    name: "Horizons 2023",
+    description:
+      "This is the second annual design and tech make-a-thon! This year's theme was based on Sketchbook cafe rewarding over $900 in prizes!",
+    coverImage: "horizons-2023.jpg",
+  },
+  {
+    name: "Hackcon 2023",
+    description:
+      "An event hosted by MLH which welcomes over 300 participants annually with the opportunity to meet companies, attend skill-building workshops, and make new connections.",
+    coverImage: "hackcon-2023.jpg",
+  },
+  {
+    name: "Horizons 2022",
+    description:
+      "Horizons is a 24 hour long arts and tech make-a-thon! Partipicipants of any experience level are welcome to create any digital or design product.",
+    coverImage: "horizons-2022.jpg",
+  },
+  {
+    name: "Prototypical 2022",
+    description:
+      "This is Hexlabs second annual Make-A-Thon, a 9-hour long day event for participants to show off their creative skills with cardboard!",
+    coverImage: "prototypical-2022.jpg",
+  },
+  {
+    name: "Prototypical 2021",
+    description:
+      "Hosted on campus, Prototypical is a Make-A-Thon opportunity for participants to build cardboard prototypes, build hands-on products, and works in teams.",
+    coverImage: "prototypical-2021.jpg",
+  },
   {
     name: "Horizons 2020",
     description:
@@ -95,7 +131,7 @@ export default function Events(props: Props) {
             x="55%"
             y="20%"
             size={300}
-            image="./events.jpg"
+            image="./events.JPG"
             rotation={15}
             imgOffsetX={0}
             imgOffsetY={0}

pages/get-involved.tsx

@@ -39,7 +39,7 @@ export default function GetInvolved(props: Props) {
             x="55%"
             y="20%"
             size={300}
-            image="./how-to-get-involved.jpg"
+            image="/how-to-get-involved.JPG"
             rotation={15}
             imgOffsetX={0}
             imgOffsetY={0}
@@ -67,7 +67,7 @@ export default function GetInvolved(props: Props) {
           social media pages. Learn more below!
         </Text>
         <div>
-          <HCard header="Attend Events" coverImage="attend-events.jpg">
+          <HCard header="Attend Events" coverImage="attend-events.JPG">
             HexLabs hosts multiple events throughout the year for college and
             high school students. We hold our flagship hackathathon, HackGT,
             annually and we also host events such as Healthtech, Catalyst,

pages/index.tsx

@@ -150,7 +150,7 @@ export default function Home(props: Props) {
         </Text>
         <SimpleGrid columns={[1, 1, 2]} spacing="40px">
           <InitiativeCard
-            coverImage="get-involved-new.jpg"
+            coverImage="get-involved.jpg"
             coverImageAlt="People smiling"
             heading="Getting Involved"
             body="Learn more about how you can get involved with HexLabs as an

pages/timeline.tsx

@@ -313,7 +313,7 @@ export default function Timeline(props: Props) {
           learn, and prizes for winners!
         </p>
         <div className="hex-container">
-          <Hex size={300} rotation={45} image="/timeline-splash.png" x="60%" y="9%" />
+          <Hex size={300} rotation={45} image="/timeline-new.jpg" x="60%" y="9%" />
         </div>
       </section>