From a3cd8fa9abd1e0dce94e2c6721397bbf5be22f07 Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Mon, 21 Jul 2025 16:05:39 -0600 Subject: [PATCH] fea(newSite): removed old sponsor, centered sponsors, contact page now has a google maps, more mobile prep finished --- src/AboutUs/AboutUs.css | 2 +- src/AboutUs/AboutUs.js | 128 ++++++-------------------------- src/Contact/Contact.css | 37 +++++---- src/Contact/Contact.jsx | 16 +++- src/Contact/ContactUs.css | 4 +- src/Footer/Ender.css | 5 +- src/Footer/Ender.js | 5 -- src/History/History.css | 14 +++- src/History/History.jsx | 13 ++-- src/Home/Home.css | 38 ++++++++-- src/Home/Home.jsx | 54 ++++++-------- src/OurSponsors/OurSponsors.css | 28 ++++++- src/OurSponsors/OurSponsors.jsx | 25 ++++++- src/Teams/Team.jsx | 65 +++++++++------- 14 files changed, 227 insertions(+), 207 deletions(-) diff --git a/src/AboutUs/AboutUs.css b/src/AboutUs/AboutUs.css index 8d3463c..3536be4 100644 --- a/src/AboutUs/AboutUs.css +++ b/src/AboutUs/AboutUs.css @@ -66,7 +66,7 @@ flex-direction: column; justify-content: flex-start; padding: 0svh 1svw; - max-width: 700px; + max-width: 800px; } #about-competitions { diff --git a/src/AboutUs/AboutUs.js b/src/AboutUs/AboutUs.js index 89966e6..a02630b 100644 --- a/src/AboutUs/AboutUs.js +++ b/src/AboutUs/AboutUs.js @@ -57,14 +57,12 @@ const AboutsUs = () => { Engineers (SAE) every year.

- We're dedicated to giving members hands-on experience working on - the car, which allows them to both learn new skills and + Our members are given opportunities to gain hands-on experience + working on the car, which allows them to both learn new skills and techniques, such as using Solidworks, Ansys, machining, and welding, as well as utilizing knowledge learned from classrooms. - This is done with practical projects, allowing students to build - skills and knowledge that employers are looking for. We strive to - bridge the gap between education and application, making learning - effective and memorable. + This is done with practical projects, allowing members to build + skills and knowledge that employers are looking for.

@@ -83,13 +81,12 @@ const AboutsUs = () => {

Every year, we take our car to the United States to compete against other teams from all across the globe. Teams from - universities design, build, and race these all-terrain vehicles - that are capable of going through a series of rough courses, as - well as discuss their findings, such as cost reports and design - choices, all in a series of dynamic and static events. We also get - the chance to connect with engineering students from around the - world, trading advice and making new friends, and network with - sponsors to explore future job opportunities. + universities design, build, and race these vehicles capable of + going through a series of rough courses. In addition, teams + discuss their findings, such as cost reports and design choices. + All of this is done in a series of dynamic and static events. On + top of this, we also get the chance to connect with students and + sponsors from all over the world.

@@ -100,106 +97,23 @@ const AboutsUs = () => { Static events are where the whole team steps away from building the car and takes a look at the professional and analytical aspect of the team. The business presentation, cost event, and technical - inspection are all events that are equally important as the actual - car, as this is where we show real-world understanding of - engineering, manufacturing, and business decisions. It's not only - about making the car, it's also about demonstrating a clear - understanding behind design rationale, cost efficiency, and - marketability within a competitive industry. + inspection are all events where we show real-world understanding + of engineering, manufacturing, and business decisions. This is + done through presentations and tests before the race.

- {/*
    -
  1. -

    SALES PRESENTATION

    -

    Business Team

    -

    - In collaboration with the rest of the team, develops a concept - proposal and presents it to a panel of industry judges to gain - support, such as funding. -

    -
    2. -
  2. -

    COST EVENT

    -

    Mechanical and Electrical Teams

    -

    - - bruh idfk DESIGN - The team presents the design, research, - and testing of the vehicle to a panel of judges. -

    -
    3. -
  3. -

    TECHNICAL INSPECTIONS

    -

    Whole Team

    -

    - (maybe take off) - Judges inspect every aspect of the car in - order to make sure it complies with competition rules and - ensure safety. -

    -

    - (maybe sperate? ie Frame Tech, Engine Tech, General Tech, - etc.) -

    -
    4. -
*/}

Dynamic Events

- Dynamic events are where the car is actually put to the test, with - different events each made to test a certain aspect of the car. - Acceleration, sled pull, hill climb and maneuverability are all - events that show how our vehicle does against other teams. After - all these events, the finale comes in the form of the endurance - event, a four-hour race filled with jumps, pits, and other - obstacles, and teams compete to see how many laps the cars can - make. It combines all the factors from previous events, on top of - the reliability of our car. + Dynamic events put the car to the test, each one targeting a + specific aspect of its capability. Acceleration, sled pull, hill + climb and maneuverability are all events that compare our + performance against other teams. After that, we compete in the + endurance event, a four-hour race filled with many obstacles to + see how many laps each car can complete. This combines all the + factors from previous events, on top of the reliability of our + car.

- {/* */}
diff --git a/src/Contact/Contact.css b/src/Contact/Contact.css index 389017c..75033e7 100644 --- a/src/Contact/Contact.css +++ b/src/Contact/Contact.css @@ -16,46 +16,53 @@ text-wrap: wrap; } -#Contact > div:nth-child(1) { +#Contact > div:nth-child(2) { display: flex; - flex-direction: row; + flex-flow: row wrap; align-items: flex-start; row-gap: 2svh; -} + column-gap: 8svw; -#Contact > div:nth-child(1) { - flex-direction: row; - column-gap: 2svw; align-items: center; + justify-content: center; background: var(--BajaBlack); color: white; padding: 2svh 0svw; } -#Contact div:nth-child(1) div:first-child { - flex-direction: row; +#Contact div:nth-child(2) div:first-child { + flex-flow: row wrap; margin-left: 4svw; } -#Contact div:nth-child(1) div:last-child { +#Contact div:nth-child(2) div:last-child { flex-direction: column; margin: 0px; - margin-left: auto; - margin-right: 16svw; + /* margin-left: auto; + margin-right: 16svw; */ font-size: 30px; } -#Contact div:nth-child(1) div:last-child h1 { +#Contact div:nth-child(2) div:last-child h1 { margin: 0px; font-size: 40px; width: inherit; } -#Contact div:nth-child(1) img { +#Contact div:nth-child(2) img { width: 300px; height: 600px; } +#Contact div:nth-child(2) iframe { + margin: 0px; + border: none; + border-radius: 1rem; + width: inherit; + + height: 300px; +} + @media only screen and (max-width: 1025px) { #Contact > div:nth-child(1) > div:nth-child(1) > img:nth-child(1) { display: none; @@ -74,4 +81,8 @@ #Contact > div:nth-child(1) > div:nth-child(1) > img:nth-child(3) { display: none; } + + /* #Contact div:nth-child(2) iframe { + width: inherit; + } */ } diff --git a/src/Contact/Contact.jsx b/src/Contact/Contact.jsx index 3ce9f12..b98bf5a 100644 --- a/src/Contact/Contact.jsx +++ b/src/Contact/Contact.jsx @@ -17,8 +17,10 @@ export default function Contact() { updatedSubtitleText="" updatedImgUrl="https://picsum.photos/200" /> + +
-
+ {/*
Team members bending a tube -
+
*/} +

Hours of Operation

@@ -44,7 +55,6 @@ export default function Contact() {
- ); } diff --git a/src/Contact/ContactUs.css b/src/Contact/ContactUs.css index 8bcb3f1..bf52259 100644 --- a/src/Contact/ContactUs.css +++ b/src/Contact/ContactUs.css @@ -39,7 +39,7 @@ border-radius: var(--card-border-radius); border-color: rgba(245, 245, 245, 0.5); border-width: 2px; - padding: 1svh 0svw; + padding: 1svh 1ch; margin: 1svh 0.5svw; color: inherit; align-items: start; @@ -50,7 +50,7 @@ border-radius: var(--card-border-radius); border-color: rgba(245, 245, 245, 0.4); border-width: 2px; - padding: 1svh 0svw; + padding: 1svh 1ch; margin: 1svh 0.5svw; color: inherit; align-items: start; diff --git a/src/Footer/Ender.css b/src/Footer/Ender.css index a7db5e8..db59acb 100644 --- a/src/Footer/Ender.css +++ b/src/Footer/Ender.css @@ -18,9 +18,10 @@ justify-content: center; column-gap: 2svw; } -#ender p { + +/* #ender p { padding-left: 2%; -} +} */ #ender .hidden { display: flex; diff --git a/src/Footer/Ender.js b/src/Footer/Ender.js index 362f365..17d3172 100644 --- a/src/Footer/Ender.js +++ b/src/Footer/Ender.js @@ -14,11 +14,6 @@ export default function Ender() {