Updating gallery

src/data/EventsDatabase.tsx

@@ -1,36 +1,45 @@
 import { EventObject } from '../tools/CustomTypes'
 
-const semesterEnd = '5/08/25'
+const semesterEnd = '12/17/25'
 const EVENT_INFO: EventObject[] = [
+	// {
+	// 	title: 'Weekly SolidWorks Workshop',
+	// 	description: `The goal of these classes is to equip you with the skills to model and design on a professional
+	// 		level, as well as create a common ground for all engineers to work together more efficiently and effectively`,
+	// 	date: new Date('2025-03-10T17:30:00'),
+	// 	location: 'The ideas hub (second floor of the engineering building)',
+	// 	weekly: true,
+	// 	endDate: new Date(semesterEnd),
+	// 	duration: 90 // 1 hour 30 minutes
+	// },
 	{
-		title: 'Weekly SolidWorks Workshop',
-		description: `The goal of these classes is to equip you with the skills to model and design on a professional
-			level, as well as create a common ground for all engineers to work together more efficiently and effectively`,
-		date: new Date('2025-03-10T17:30:00'),
-		location: 'The ideas hub (second floor of the engineering building)',
-		weekly: true,
-		endDate: new Date(semesterEnd),
-		duration: 90 // 1 hour 30 minutes
+		title: 'General Body Meeting',
+		description: 'First GBM of the semester, talking about the goals for the year and updates on the competition.',
+		date: new Date('2025-08-27T18:30:00'),
+		location: 'Fishbowl (College of Engineering EN 102)'
 	},
 	{
-		title: 'General Body Meeting',
-		description: 'Updates on what happened since the last GBM and the plan for the rest of the semester as well as an activity',
-		date: new Date('2025-02-05T17:00:00'),
-		location: '201A classroom (The ideas hub second floor of the engineering building)'
+		title: 'Lockheed Martin Recruitment event',
+		description: `Lockheed Martin is coming out to talk to the members about recruitment opportunities 
+			and food will be available as well`,
+		date: new Date('2025-09-22T17:00:00'),
+		location: 'Fishbowl (College of Engineering EN 102)'
 	},
 	{
 		title: 'Weekly Programming Meeting',
-		description: 'The weekly meeting for the programming sub-team. Take a look at the code for the robot',
-		date: new Date('2025-03-12T17:00:00'),
+		description: `The weekly meeting for the programming sub-team. Learn how to program the robot in ROS (Robot Operating System)
+		 and more!`,
+		date: new Date('2025-09-05T14:00:00'),
 		location: 'The ideas hub (second floor of the engineering building)',
 		weekly: true,
 		endDate: new Date(semesterEnd),
 		duration: 60 // 1 hour
 	},
 	{
 		title: 'Weekly Electrical Meeting',
-		description: 'The weekly meeting for the electrical sub-team. Talk about improved batteries, wiring, and more!',
-		date: new Date('2025-03-12T18:00:00'),
+		description: `The weekly meeting for the electrical sub-team. Talk about improved batteries, wiring, custom motor controllers
+		 and more!`,
+		date: new Date('2025-09-08T17:00:00'),
 		location: 'The ideas hub (second floor of the engineering building)',
 		weekly: true,
 		endDate: new Date(semesterEnd),
@@ -39,7 +48,7 @@ const EVENT_INFO: EventObject[] = [
 	{
 		title: 'Weekly Mechanical Meeting',
 		description: 'The weekly meeting for the mechanical sub-team. Learn about the design aspects of robot and 3D model parts.',
-		date: new Date('2025-03-12T16:00:00'),
+		date: new Date('2025-09-02T17:00:00'),
 		location: 'The ideas hub (second floor of the engineering building)',
 		weekly: true,
 		endDate: new Date(semesterEnd),

src/data/HomeCarouselInfo.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
 import { SlideInfo } from '../pages/general/carousel/CarouselStyles'
-import slide1 from '../assets/pics/photo-gallery/rmc/comp-team-2024.jpg'
+import slide1 from '../assets/pics/photo-gallery/rmc/comp-team-2025.jpeg'
 import slide2 from '../assets/pics/carousel/rocksat17.jpeg'
 import slide3 from '../assets/pics/carousel/rmc-team.jpeg'
 import slide4 from '../assets/pics/carousel/balloon-team.jpeg'

src/data/RoboticsPhotoGalleryInfo.tsx

@@ -3,30 +3,33 @@ import { GalleryImage } from '../pages/general/photo-gallery/PhotoGalleryStyles'
 
 // eslint-disable-next-line id-length
 const ROBOTICS_PHOTO_GALLERY_INFO: GalleryImage[] = [
-	{ image: RMC_PHOTO_GALLERY[0], title: '2024', description: `The team before our first competition run at the University of 
+	{ image: RMC_PHOTO_GALLERY[0], title: '2025', description: `The team before our first competition run at the University of 
 		Central Florida.`},
-	{ image: RMC_PHOTO_GALLERY[1], title: '2023', description: 'The team after our first competition run at the University of Alabama.' },
-	{ image: RMC_PHOTO_GALLERY[2], title: '2023', description: `The leads in front of the project after finishing 
+	{ image: RMC_PHOTO_GALLERY[1], title: '2025', description: 'Temple Robotics volunteering at the FRC competition'},
+	{ image: RMC_PHOTO_GALLERY[2], title: '2024', description: `The team before our first competition run at the University of 
+		Central Florida.`},
+	{ image: RMC_PHOTO_GALLERY[3], title: '2023', description: 'The team after our first competition run at the University of Alabama.' },
+	{ image: RMC_PHOTO_GALLERY[4], title: '2023', description: `The leads in front of the project after finishing 
 		the outside construction.` },
-	{ image: RMC_PHOTO_GALLERY[3], title: '2023', description: `The team worked hard on the design in the fall semester,
+	{ image: RMC_PHOTO_GALLERY[5], title: '2023', description: `The team worked hard on the design in the fall semester,
 		then built the arena over winter break.` },
-	{ image: RMC_PHOTO_GALLERY[4], title: '2023', description: `A major goal of 2023 was to construct a practice arena 
+	{ image: RMC_PHOTO_GALLERY[6], title: '2023', description: `A major goal of 2023 was to construct a practice arena 
 		for the robot. Here is the team hard at work!` },
-	{ image: RMC_PHOTO_GALLERY[5], title: '2022', description: `The 2022 robot is coming together! No belts yet but the
+	{ image: RMC_PHOTO_GALLERY[7], title: '2022', description: `The 2022 robot is coming together! No belts yet but the
 		chasses is complete.` },
-	{ image: RMC_PHOTO_GALLERY[6], title: '2022', description: 'I guess our team has never heard of cable management...' },
-	{ image: RMC_PHOTO_GALLERY[7], title: '2022', description: `Us showing off JPL at the 30th anniversary of the NASA
+	{ image: RMC_PHOTO_GALLERY[8], title: '2022', description: 'I guess our team has never heard of cable management...' },
+	{ image: RMC_PHOTO_GALLERY[9], title: '2022', description: `Us showing off JPL at the 30th anniversary of the NASA
 		Space Grant.` },
-	{ image: RMC_PHOTO_GALLERY[8], title: '2018', description: 'Our ME\'s filing away to make sure everything fits perfectly.' },
-	{ image: RMC_PHOTO_GALLERY[9], title: '2018', description: 'BoxBot, of course we still love you.' },
-	{ image: RMC_PHOTO_GALLERY[10], title: '2017', description: `Our team plugged the ethernet cable into the wrong port. 
+	{ image: RMC_PHOTO_GALLERY[10], title: '2018', description: 'Our ME\'s filing away to make sure everything fits perfectly.' },
+	{ image: RMC_PHOTO_GALLERY[11], title: '2018', description: 'BoxBot, of course we still love you.' },
+	{ image: RMC_PHOTO_GALLERY[12], title: '2017', description: `Our team plugged the ethernet cable into the wrong port. 
 		Good thing duct tape fixes everything!` },
-	{ image: RMC_PHOTO_GALLERY[11], title: '2017', description: `Our hotel didn't like us working on the robot in our rooms. 
+	{ image: RMC_PHOTO_GALLERY[13], title: '2017', description: `Our hotel didn't like us working on the robot in our rooms. 
 		I guess we'll just use our vans.` },
-	{ image: RMC_PHOTO_GALLERY[12], title: '2011', description: `The year our team's autonomous was so good they had to
+	{ image: RMC_PHOTO_GALLERY[14], title: '2011', description: `The year our team's autonomous was so good they had to
 		change the rules.` },
-	{ image: RMC_PHOTO_GALLERY[13], title: '2010', description: 'Scoops was born.' },
-	{ image: RMC_PHOTO_GALLERY[14], title: '2009', description: 'Our first team at the very first Robotics Mining Competition.' }
+	{ image: RMC_PHOTO_GALLERY[15], title: '2010', description: 'Scoops was born.' },
+	{ image: RMC_PHOTO_GALLERY[16], title: '2009', description: 'Our first team at the very first Robotics Mining Competition.' }
 ]
 
 export default ROBOTICS_PHOTO_GALLERY_INFO

src/declaration.d.ts

@@ -1,6 +1,7 @@
 declare module '*.mp4';
 declare module '*.jpg';
 declare module '*.png';
+declare module '*.PNG';
 declare module '*.woff';
 declare module '*.woff2';
 declare module '*.otf';

src/pages/events/EventListStyles.tsx

@@ -14,9 +14,9 @@ export default class EventListStyles {
 		@media (max-width: 718px) {
 			display: grid;
 			grid-template-columns: 100%;
-			grid-template-rows:
-				calc(var(--vh) * .2)    /* Intro heading */
-				max(calc(var(--vh) * .15), 100px);  /* Contact info */
+			// grid-template-rows:
+			// 	calc(var(--vh) * .2)    /* Intro heading */
+			// 	max(calc(var(--vh) * .15), 100px);  /* Contact info */
 			justify-content: center;
 			align-content: center;
 		}

src/pages/general/navigation/Navigation.tsx

@@ -63,7 +63,9 @@ const Navigation = (): React.ReactElement => {
 
 				<Navbar.Toggle aria-controls='basic-navbar-nav' />
 				<Navbar.Collapse className='basic-navbar-links'>
-					<Styles.NavbarLinks variant='pills' toggle={width < Constants.MOBILE_SIZE ? 1 : 0}>
+					<Styles.NavbarLinks variant='pills'
+						toggle={width < Constants.MOBILE_SIZE ? 1 : 0}
+						transparency={scroll <= 10 && width > Constants.MOBILE_SIZE ? 1 : 0}>
 						<NavLink eventKey='1' as={Link} to={Constants.PATHS.HOME} onClick={scrollToTop}>Home</NavLink>
 						<NavLink eventKey='2' as={Link} to={Constants.PATHS.EVENTS} onClick={scrollToTop}>Events</NavLink>
 						<NavLink eventKey='3' as={Link} to={Constants.PATHS.SPONSORS} onClick={scrollToTop}>Sponsors</NavLink>

src/pages/general/navigation/NavigationStyles.tsx

@@ -94,14 +94,14 @@ export default class NavigationStyles {
 
 		.dropdown-menu {
 			position: absolute;
-			background-color: ${COLORS.PRIMARY} !important;
+			background-color: ${props => props.transparency ? 'transparent' : `${COLORS.PRIMARY}`} !important; //fix background later
+			transition: background-color 0.5s;
 			padding: 0px 8px 8px 16px;
 			border: none;
 		}
 
 		.dropdown-item {
 			color: ${COLORS.TEXT} !important;
-			background-color: ${props => props.toggle ? `${COLORS.SELECTED}` : 'transparent'} !important;
 			font-size: 15px;
 			border: none;
 			padding: 0px

src/pages/home/Home.tsx

@@ -12,8 +12,8 @@ import Button from '../general/button/Button'
 // Images
 import nasaLogo from '../../assets/pics/logos/nasa.png'
 import HOME_CAROUSEL_INFO from '../../data/HomeCarouselInfo'
-const  TEAMS = `https://teams.microsoft.com/l/team/19%3aeaf903fd81cd48eba95d8e769ed78544%40thread.tacv2/conversations?groupId=8f
-		78ecbb-62f3-4b2c-bda7-7488eca908ee&tenantId=716e81ef-b522-4473-8e31-10bd02ccf6e5`
+const  TEAMS = `https://teams.microsoft.com/l/team/19%3Aeaf903fd81cd48eba95d8e769ed78544%40thread.tacv2/conversations?groupId=8f78ecbb-62f3
+-4b2c-bda7-7488eca908ee&tenantId=716e81ef-b522-4473-8e31-10bd02ccf6e5`
 
 const Home = (): React.ReactElement => {
 	return (

src/pages/meet-the-leads/MeetTheLeads.tsx

@@ -10,13 +10,13 @@ import Contact from '../general/contact/Contact'
 import Styles from './MeetTheLeadsStyles'
 
 // Images
-import TanishkasFace from '../../assets/pics/Leads/Tanishkas_face.jpeg'
-import RoccosFace from '../../assets/pics/Leads/roccos_face.jpg'
-import MalinsFace from '../../assets/pics/Leads/Malins_face.jpg'
-import BriansFace from '../../assets/pics/Leads/Brian_face.png'
-import AlessiasFace from '../../assets/pics/Leads/Alessia_headshot.png'
-import JonahsFace from '../../assets/pics/Leads/Jonah_Face.jpg'
-import JadensFace from '../../assets/pics/Leads/Jadens_face.jpg'
+import JadensFace from '../../assets/pics/Leads/Jaden_face.jpeg'
+import GuysFace from '../../assets/pics/Leads/Guy_face.png'
+import MalinsFace from '../../assets/pics/Leads/Malin_face.jpg'
+import PenelopesFace from '../../assets/pics/Leads/Penelope_face.png'
+import AlessiasFace from '../../assets/pics/Leads/Alessia_face.png'
+import DamiensFace from '../../assets/pics/Leads/Damien_face.png'
+import DevinsFace from '../../assets/pics/Leads/Devin_face.png'
 import JavisFace from '../../assets/pics/Leads/Javi_face.png'
 // a separator is needed for some reason, troubleshoot this or create a very small section div or style this like the robotics page
 //use robotics format
@@ -34,29 +34,29 @@ const MeetTheLeads = (): React.ReactElement => {
 					<div className='leads-slide'>
 						<h2>Meet our President!</h2>
 						<p>
-							Rocco Guzman
+							Malin Kussi
 						</p>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ RoccosFace } />
+						<img src={ MalinsFace } />
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ MalinsFace }/>
+						<img src={ GuysFace }/>
 					</div>
 					<div className='leads-slide'>
 						<h2>Meet our Vice President!</h2>
 						<p>
-							Malin Kussi
+							Guy Porter
 						</p>
 					</div>
 					<div className='leads-slide'>
 						<h2>Meet our Electrical Lead!</h2>
 						<p>
-							Jaden Howard
+							Damien Ortiz
 						</p>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ JadensFace }/>
+						<img src={ DamiensFace }/>
 					</div>
 					<div className='Leads-img-container'>
 						<img src={ AlessiasFace}/>
@@ -70,37 +70,37 @@ const MeetTheLeads = (): React.ReactElement => {
 					<div className='leads-slide'>
 						<h2>Meet our Programming Lead!</h2>
 						<p>
-							Brian Ervin
+							Penelope Fulwood
 						</p>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ BriansFace }/>
+						<img src={ PenelopesFace }/>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ TanishkasFace }/>
+						<img src={ JavisFace }/>
 					</div>
 					<div className='leads-slide'>
-						<h2>Meet our Project Manager!</h2>
+						<h2>Meet our Chief of Marketing & Development!</h2>
 						<p>
-							Tanishka Shah
+							Javier Price-Butler
 						</p>
 					</div>
 					<div className='leads-slide'>
-						<h2>Meet our Shop Manager!</h2>
+						<h2>Meet our Secretary!</h2>
 						<p>
-							Jonah Tesler
+							Jaden Peiffer
 						</p>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ JonahsFace }/>
+						<img src={ JadensFace }/>
 					</div>
 					<div className='Leads-img-container'>
-						<img src={ JavisFace }/>
+						<img src={ DevinsFace }/>
 					</div>
 					<div className='leads-slide'>
-						<h2>Meet our Chief of Marketing & Development!</h2>
+						<h2>Meet our Treasurer!</h2>
 						<p>
-							Javier Price-Butler
+							Devin Huynh
 						</p>
 					</div>
 				</Styles.LeadsGallery>

src/pages/robotic-mining/RoboticMining.tsx

@@ -12,9 +12,10 @@ import GALLERY_INFO from '../../data/RoboticsPhotoGalleryInfo'
 // Images
 // import robot from '../../assets/pics/robot/robot-2019.jpg'
 import augerBot from '../../assets/pics/robot/augerbot-promotion.mp4'
-import outreachPhoto1 from '../../assets/pics/outreach/vex.jpeg'
-import outreachPhoto2 from '../../assets/pics/outreach/expo.jpeg'
-import outreachPhoto3 from '../../assets/pics/outreach/interview.jpeg'
+import outreachPhoto1 from '../../assets/pics/photo-gallery/rmc/volunteering-FRC-2025.jpeg'
+import outreachPhoto2 from '../../assets/pics/outreach/vex.jpeg'
+import outreachPhoto3 from '../../assets/pics/outreach/expo.jpeg'
+import outreachPhoto4 from '../../assets/pics/outreach/interview.jpeg'
 import title from '../../assets/pics/logos/robotics-red.png'
 import RmcDescription from './SectionDescription'
 
@@ -43,9 +44,18 @@ const RoboticMining = (): React.ReactElement => {
 
 			<Styles.SpaceBackground>
 				<Styles.MeetTheTeam className='meet-the-team-gallery' galleryInfo={ MEET_THE_TEAM } title={ 'Meet the Team' }/>
-
 				<Styles.OutreachGallery>
 					<h2>Outreach and Events</h2>
+					<div className='outreach-image-container'>
+						<img src={ outreachPhoto1 } />
+					</div>
+					<div className='outreach-slide'>
+						<h2>Centennial FIRST Robotics Competition</h2>
+						<p>
+							Our team members volunteered at the competition by helping to judge matches, track scores,
+							and provide support wherever it was needed.
+						</p>
+					</div>
 					<div className='outreach-slide'>
 						<h2>Vex State Sectionals</h2>
 						<p>
@@ -54,10 +64,10 @@ const RoboticMining = (): React.ReactElement => {
 						</p>
 					</div>
 					<div className='outreach-image-container'>
-						<img src={ outreachPhoto1 } />
+						<img src={ outreachPhoto2 } />
 					</div>
 					<div className='outreach-image-container'>
-						<img src={ outreachPhoto2 } />
+						<img src={ outreachPhoto3 } />
 					</div>
 					<div className='outreach-slide'>
 						<h2>Philadelphia Robotics Expo</h2>
@@ -74,7 +84,7 @@ const RoboticMining = (): React.ReactElement => {
 						</p>
 					</div>
 					<div className='outreach-image-container'>
-						<img src={ outreachPhoto3 }/>
+						<img src={ outreachPhoto4 }/>
 					</div>
 				</Styles.OutreachGallery>