Skip to content

Commit

Permalink
Merge pull request #17 from Team5599/main
Browse files Browse the repository at this point in the history 
Merge updates to heroku production
  • Loading branch information
@DeveloperBlue
DeveloperBlue authored Nov 8, 2023
2 parents 41a7db4 + 1140540 commit a529301
Show file tree
Hide file tree
Showing 29 changed files with 1,378 additions and 117 deletions.
52 changes: 47 additions & 5 deletions app/AboutUs/page.js
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,32 @@
import styles from './page.module.css'

import Navbar from '@components/Navbar/Navbar'
import Footer from '@components/Footer/Footer'
import Header from '@components/Header/Header'
import SubheaderShape from '@components/SubheaderShape/SubheaderShape'
import Link from 'next/link'
import Image from 'next/image'

const SectionButton = ({label, href = '/', target = ''}) => {
return (
<Link className={styles.button} href={href} target={target}>
<span>
{label}
</span>
</Link>
)
}


export default function AboutUs() {
return (
<div>
<Navbar/>
<Header size='lg' imageClass={styles.headerOne} gradient={true}>
<Header size='sm' imageClass={styles.headerOne} gradient={true}>
<div className='container restrictHeader' style={{color : '#fff'}}>
<h1 style={{fontWeight : 900, marginBottom : 20}}>
WE ARE THE SENTINELS
About Us
</h1>
<h2>
FIRST (C) Robotics Competition Team 5599, from Benjamin N. Cardozo High School in Bayside, New York
</h2>
</div>
</Header>
<SubheaderShape>
Expand All @@ -26,6 +37,37 @@ export default function AboutUs() {
</p>
</div>
</SubheaderShape>
<div className='container' style={{display: 'flex', flexDirection : 'column', gap : 20, paddingTop : 80, paddingBottom : 120, textAlign : 'justify'}}>
<h2 style={{textAlign : 'center'}}>
TITLE
</h2>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
<p>
FRC Team 5599, participates in the annual FIRST® Robotics Competition (FRC). In a six week time span, we raise funds, design, and construct a fully-functional robot.
</p>
<div className={styles.teamPhotoContainer}>

</div>
<h2 style={{textAlign : 'center'}}>
MISSION
</h2>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
<p>
FRC Team 5599, participates in the annual FIRST® Robotics Competition (FRC). In a six week time span, we raise funds, design, and construct a fully-functional robot.
</p>
<div
className={styles.buttonSection}
>
<SectionButton label={'Our Members'} href={'/'}/>
<SectionButton label={'Our History'} href={'/'}/>
<SectionButton label={'Become A Sponsor'} href={'/'}/>
</div>
</div>
<Footer/>
</div>
)
}
31 changes: 31 additions & 0 deletions app/AboutUs/page.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,35 @@
background-image : url('/images/headers/header.jpg');
background-position: 50% 80%;
filter: brightness(75%) contrast(115%);
background-size: cover;
}

.teamPhotoContainer {
width : 100%;
height : 500px;
background-color: #eee;
}

.buttonSection {
margin-top: 20px;
display: flex;
flex-direction: row;
gap : 10px;
justify-content: flex-end;
}

.button {
background-color: black;
color : #fff;
text-transform: uppercase;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
padding-left: 60px;
padding-right : 60px;
height : 80px;
font-size: 1.2rem;
font-weight: 500;
transition: background-color 0.2s;
}
2 changes: 1 addition & 1 deletion app/ContactUs/page.js → app/Contact/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import Navbar from '@components/Navbar/Navbar'
import Header from '@components/Header/Header'
import SubheaderShape from '@components/SubheaderShape/SubheaderShape'

export default function ContactUs() {
export default function Contact() {
return (
<div>
<Navbar/>
Expand Down
0 app/ContactUs/page.module.css → app/Contact/page.module.css
View file
File renamed without changes.
167 changes: 161 additions & 6 deletions app/Events/page.js
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,33 @@
import styles from './page.module.css'

import Image from 'next/image'
import Link from 'next/link'

import Navbar from '@components/Navbar/Navbar'
import Footer from '@components/Footer/Footer'
import Header from '@components/Header/Header'
import SubheaderShape from '@components/SubheaderShape/SubheaderShape'

const FIRSTSectionButton = ({label, href = '/', target = ''}) => {
return (
<Link className={styles.firstSectionButton} href={href} target={target}>
<span>
{label}
</span>
</Link>
)
}


export default function Events() {
return (
<div>
<Navbar/>
<Header size='lg' imageClass={styles.headerOne} gradient={true}>
<Header size='md' imageClass={styles.headerOne} gradient={true}>
<div className='container restrictHeader' style={{color : '#fff'}}>
<h1 style={{fontWeight : 900, marginBottom : 20}}>
WE ARE THE SENTINELS
<h1 style={{fontWeight : 900, marginBottom : 20, whiteSpace: 'pre'}}>
EVENTS{"\n"}&{"\n"}COMPETITIONS
</h1>
<h2>
FIRST (C) Robotics Competition Team 5599, from Benjamin N. Cardozo High School in Bayside, New York
</h2>
</div>
</Header>
<SubheaderShape>
Expand All @@ -26,6 +38,149 @@ export default function Events() {
</p>
</div>
</SubheaderShape>
<div className='container' style={{display: 'flex', flexDirection : 'column', gap : 20, paddingTop : 0, paddingBottom : 120, textAlign : 'justify'}}>
<Image
src='/images/first/FIRST-icon.png'
width={150}
height={95}
alt='FIRST Trademark Logo'
/>
<h2 style={{textAlign : 'left'}}>
FIRST ROBOTICS
</h2>
<h3 style={{textAlign : 'left'}}>
MISSION
</h3>
<p>
The mission of FIRST® is to inspire young people to be science and technology leaders and innovators, by engaging them in exciting mentor-based programs that build science, engineering, and technology skills, that inspire innovation, and that foster well-rounded life capabilities including self-confidence, communication, and leadership.
</p>
<div style={{
height : 500
}}>
<iframe width="100%" height="100%" style={{maxWidth: '100%', overflowX : 'hidden', border : 'none'}}
src="https://www.youtube.com/embed/SJf6iG_SDE8">
</iframe>
</div>
<h3 style={{textAlign : 'left'}}>
ABOUT FIRST
</h3>
<p>
FIRST (For Inspiration and Recognition of Science and Technology) was founded in 1989 to inspire young people's interest and participation in science and technology. Based in Manchester, NH, the 501(c)(3) not-for-profit public charity designs accessible, innovative programs that motivate young people to pursue education and career opportunities in science, technology, engineering, and math, while building self-confidence, knowledge, and life skills.
</p>
<p>
FIRST is More Than Robots. FIRST participation is proven to encourage students to pursue education and careers in STEM-related fields, inspire them to become leaders and innovators, and enhance their 21 st century work-life skills.
</p>
<div
style={{
display: 'flex',
gap : 10,
flexDirection : 'column'
}}
>
<div
style={{
width : '100%',
position : 'relative',
}}
>
<Image
unoptimized
// TODO
// Run image through upscaler (eg. waifu2x)
src="http://testsite.cafirst.org/wp-content/uploads/2012/11/first-stat-graphic-for-web-2019.jpg"
alt="Facts and Figures Diagram of FIRST's Impact"
width={0}
height={0}
sizes={"100vw"}
style={{
width : '100%',
height : 'auto'
}}
/>
</div>
<div className={styles.buttonContainer}>
<FIRSTSectionButton label='Scholarships' href='./Events'/>
<FIRSTSectionButton label='Internships' href='./Events'/>
<FIRSTSectionButton label='FIRST Website' href='./Events'/>
</div>
</div>

<div
style={{
display: 'flex',
flexDirection : 'column',
marginTop : 40,
gap : 40
}}
>
<div>
<h3>
NEW YORK CITY REGIONAL
</h3>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
</div>
<div>
<h3>
SBPLI LONG ISLAND REGIONAL
</h3>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
</div>
<div>
<h3>
HUDSON VALLEY RALLY
</h3>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
</div>
</div>
</div>
<Header size='md' imageClass={styles.headerOne} gradient={true} masked={true}>
<div className='container restrictHeader' style={{color : '#fff'}}>
<h2 style={{fontWeight : 900, marginBottom : 20, whiteSpace: 'pre'}}>
PREVIOUS{"\n"}COMPETITIONS
</h2>
</div>
</Header>
<div className='container' style={{display: 'flex', flexDirection : 'column', gap : 20, paddingTop : 40, paddingBottom : 120, textAlign : 'justify'}}>
<h2 style={{textAlign : 'left'}}>
SEAPERCH
</h2>

<h3 style={{textAlign : 'left'}}>
ABOUT SEAPERCH
</h3>
<p>
FIRST (For Inspiration and Recognition of Science and Technology) was founded in 1989 to inspire young people's interest and participation in science and technology. Based in Manchester, NH, the 501(c)(3) not-for-profit public charity designs accessible, innovative programs that motivate young people to pursue education and career opportunities in science, technology, engineering, and math, while building self-confidence, knowledge, and life skills.
</p>
<p>
FIRST is More Than Robots. FIRST participation is proven to encourage students to pursue education and careers in STEM-related fields, inspire them to become leaders and innovators, and enhance their 21 st century work-life skills.
</p>
<div>

</div>
<div
style={{
display: 'flex',
flexDirection : 'column',
gap : 40
}}
>
<div>
<h2>
NEW YORK CITY REGIONAL
</h2>
<p>
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
</p>
</div>
</div>
</div>
<Footer/>
</div>
)
}
28 changes: 28 additions & 0 deletions app/Events/page.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,32 @@
background-image : url('/images/headers/header.jpg');
background-position: 50% 80%;
filter: brightness(75%) contrast(115%);
}

.buttonContainer {
flex : 1;
display: flex;
flex-direction: row;
gap : 20px;
}


.firstSectionButton {
background-color: black;
flex : 1;
color : #fff;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
height : 80px;
padding-left : 40px;
padding-right: 40px;
font-size: 1.2rem;
font-weight: 200;
transition: background-color 0.2s;
}

.firstSectionButton:hover {
background-color: #222;
}
30 changes: 16 additions & 14 deletions app/History/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,32 @@ import styles from './page.module.css'

import Navbar from '@components/Navbar/Navbar'
import Header from '@components/Header/Header'
import Footer from '@components/Footer/Footer'
import SubheaderShape from '@components/SubheaderShape/SubheaderShape'

export default function History() {
return (
<div>
<Navbar/>
<Header size='lg' imageClass={styles.headerOne} gradient={true}>
<div className='container restrictHeader' style={{color : '#fff'}}>
<h1 style={{fontWeight : 900, marginBottom : 20}}>
WE ARE THE SENTINELS
</h1>
<div
className={styles.gradientBackground}
style={{
paddingTop : 40,
minHeight : 400,
paddingBottom : 120,
marginBottom : -60
}}
>
<div className='container' style={{display: 'flex', flexDirection : 'column', gap : 20, textAlign : 'justify', color : '#fff'}}>
<h2>
FIRST (C) Robotics Competition Team 5599, from Benjamin N. Cardozo High School in Bayside, New York
OUR HISTORY
</h2>
</div>
</Header>
<SubheaderShape>
<div className='container'>
<p className='subheading' style={{color : '#fff'}}>
{ /* eslint-disable-next-line react/no-unescaped-entities */ }
The Sentinels are Benjamin N. Cardozo High School's Robotics Team. We compete in various annual robotics competitions against high schools across the globe, raising awareness for Science, Technology, Engineering, and Mathematics (STEM), along with teaching students aspects behind business and marketing, logistics, and media. We also participate in various community and school events.
<p>
Lorem ipsum blah blah blah
</p>
</div>
</SubheaderShape>
</div>
<Footer/>
</div>
)
}
Loading

0 comments on commit a529301

Please sign in to comment.