Sponsors and Officer Update #24
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| import React from 'react' | ||
| import '../styles/sponsors.css'; | ||
|
|
||
| interface ContactInformationContainerProps { | ||
| href?: string | ||
| altTxt?: string | ||
| title: string | ||
| body: string | ||
| img: string | ||
| } | ||
|
|
||
|
|
||
| function ContactInformationContainer(props : ContactInformationContainerProps) { | ||
| return ( | ||
| <a href={props.href}> | ||
| <div className='cgE' style={{marginLeft:'2rem'}}> | ||
| <div className='cgPicHolder'> | ||
| <img src={props.img} className='cgPic' alt={props.altTxt}></img> | ||
| </div> | ||
| <div className='cgText'> | ||
| <div className='cgTitle'> | ||
| {props.title} | ||
| </div> | ||
| <div className='cgData'> | ||
| {props.body} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| ) | ||
| } | ||
|
|
||
| export default ContactInformationContainer |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import '../styles/sponsors.css' | ||
| import React from 'react'; | ||
|
|
||
| interface CurrentSponsorCardProps { | ||
| img: string, | ||
| color: string, | ||
| } | ||
|
|
||
| function CurrentSponsorCard(props: CurrentSponsorCardProps) { | ||
|
|
||
| return ( | ||
| <img className='currentSponsorCard' src={props.img} style={{backgroundColor: props.color}}/> | ||
| ) | ||
| } | ||
|
|
||
| export default CurrentSponsorCard |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import React from 'react' | ||
| import '../styles/sponsors.css'; | ||
| import texelArts from '../static/images/sponsor-images/texelArts.png' | ||
| import texasRobotics from '../static/images/sponsor-images/texasRobotics.jpg' | ||
| import serviceNow from '../static/images/sponsor-images/serviceNow.png' | ||
| import CurrentSponsorCard from './CurrentSponsorCard'; | ||
| function CurrentSponsorRow() { | ||
|
|
||
| return ( | ||
| <div className='currentSponsorRow'> | ||
| <CurrentSponsorCard img={serviceNow} color='rgb(30, 59, 61)'/> | ||
| <CurrentSponsorCard img={texasRobotics} color='white'/> | ||
| <CurrentSponsorCard img={texelArts} color='white'/> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default CurrentSponsorRow | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| import React from 'react' | ||
|
|
||
| interface SponsorPackageProps { | ||
| tier: string | ||
| perks: string[] | ||
| } | ||
|
|
||
| function SponsorPackage(props: SponsorPackageProps) { | ||
| return ( | ||
| <div> | ||
| <div className='tierCardHolder' style={{border: '0px solid #7fd6ff'}}> | ||
| <div className={`tierCard`} style={{}}> | ||
| <div className='tierCardContent'> | ||
| <div className={`tierTitle ${props.tier}`} > {props.tier} </div> | ||
| <div style={{display:'flex', justifyContent:'center'}}> | ||
| <div className="divHolder" style={{width:'70%', paddingTop:'0.5rem', paddingBottom:'0.6rem'}}> | ||
| <span className='popupDividerSD' style={{borderColor:""}}></span> | ||
| </div> | ||
| </div> | ||
| <ul className='perkList'> | ||
| {props.tier !== 'Silver' && (<li className={props.tier}>All Prior Perks</li>)} | ||
| {props.perks.map((perk, index) => | ||
| <li key={index}>{perk}</li> | ||
| )} | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default SponsorPackage |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import React from 'react'; | ||
| import '../styles/sponsors.css'; | ||
| import SponsorPackage from './SponsorPackage'; | ||
|
|
||
| interface SponsorPackageRowProps { | ||
| isVisible:boolean, | ||
| } | ||
| function SponsorPackageRow(props : SponsorPackageRowProps) { | ||
| const silver = [ | ||
| // "", | ||
| "Listed as a sponsor on our club T-shirt worn by 30+ members (name only)", | ||
| "Featured on a once-per-semester appreciation shoutout on our Instagram with 150+ followers", | ||
| "Highlighted as a sponsor on our club website", | ||
| "Provide us with your swag and flyers to distribute at our faculty talks and club meetings with a regular attendance of 30+" | ||
| ]; | ||
|
|
||
| const gold =[ | ||
| // "", | ||
| "Listed as a sponsor on our club T-shirt worn by 30+ members (logo)", | ||
| "Secure a booth to advertise your company at our twice-semesterly Demo Days, which are attended by professors and 40+ UT Austin CS students", | ||
| "Obtain invitations to host workshops & recruiting events for our members up to 2 times a semester and with a potential turnout of 30+ students" | ||
| ]; | ||
|
|
||
| const diamond =[ | ||
| // "", | ||
| "Gain access to our resume book containing the profiles of the 30+ members active on our engineering projects", | ||
| "Attain higher priority for invitations to host workshops & recruiting events for our members", | ||
| "Showcase your logo on ~50 club flyers posted around campus in areas such as the CS and engineering buildings, garnering ~10,000 views", | ||
| "Advertise your campus events and other opportunities on our Discord and mailing list, reaching a network of 500+ UT Austin students and alumni" | ||
| ] | ||
|
|
||
| return ( | ||
| <div className={`tierHolder ${props.isVisible ? 'vi' : ''}`} > | ||
| <SponsorPackage tier='Silver' perks={silver}/> | ||
| <SponsorPackage tier='Gold' perks={gold}/> | ||
| <SponsorPackage tier='Diamond' perks={diamond}/> | ||
| </div> | ||
|
|
||
| ) | ||
| } | ||
|
|
||
| export default SponsorPackageRow |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -20,9 +20,17 @@ import henryImg from '../static/images/officer/henry.jpg' | |
| import nikhilImg from '../static/images/officer/nikhil.jpeg' | ||
| import abbhinavImg from '../static/images/officer/abbhinav.jpeg' | ||
| import annabelImg from '../static/images/officer/annabel.png' | ||
| import hurshImg from '../static/images/officer/hursh.jpeg' | ||
| import savvyImg from '../static/images/officer/savvy.jpg' | ||
| import rileyImg from '../static/images/officer/riley.jpg' | ||
| import cameronImg from '../static/images/officer/cameron.jpg' | ||
| import manasImg from '../static/images/officer/manas.jpg' | ||
| import nathanImg from '../static/images/officer/nathan.jpg' | ||
| import alexzanderImg from '../static/images/officer/alexzander.jpg' | ||
| import arnavImg from '../static/images/officer/arnav.jpg' | ||
| import thidaImg from '../static/images/officer/thida.jpg' | ||
| import zoeImg from '../static/images/officer/zoe.png' | ||
| import placeholderImg from '../static/images/officer/placeholder.png' | ||
|
|
||
| function About() { | ||
| const [aBGLoaded, setABGLoaded] = useState(false); | ||
|
|
@@ -86,8 +94,7 @@ function About() { | |
| <OfficerCards | ||
| name='Angelica Sharma' | ||
| position='President' | ||
| img={angelicaImg} bio="Hi I'm Angelica! I'm a computer science & pre-medical student with a love for music and entrepreneurship. I love ECLAIR for its vibes and amazing robotics projects and look foward to meeting you all!" | ||
| linkedIn='https://www.linkedin.com/in/angelica-s-sharma/' | ||
| email='[email protected]' topAlignImage={false}/> | ||
vishalkantharaju marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| </Grid> | ||
|
|
@@ -103,29 +110,65 @@ function About() { | |
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Cameron Cox' | ||
| position='Corporate Director' | ||
| img={cameronImg} bio="Hey y'all, I'm Cameron. I'm a computer Science Major with a passion for robotics and in my freetime I play D&D, piano and cook a lot." | ||
|
There was a problem hiding this comment. Would it be possible to adjust the spacing a bit? It seems that cards with less text end up having a bit more empty space (pic attached). |
||
| linkedIn='https://www.linkedin.com/in/cameron-cox-ut/' | ||
| email='cameron.cox@utexas.edu' topAlignImage={false}/> | ||
vishalkantharaju marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Thida Lay-Sok' | ||
| position='Outreach Director' | ||
| img={thidaImg} bio="Hello, my name is Thida because my actual name is too long. I'm an Aerospace Engineering and Physics double major. But when I'm not struggling, I enjoy reading and drawing. My goal in life is to marry Zoe Vo <3...but too bad she doesn't want me back" | ||
| linkedIn='https://www.linkedin.com/in/thidalaysok/' | ||
| email='[email protected]' topAlignImage={false}/> | ||
vishalkantharaju marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Arnav Joshi' | ||
| position='Event Director' | ||
| img={arnavImg} bio="Hi, my name is Arnav. I'm a Computer Science major with a Robotics minor. I've led hydroponics and currently lead the ball balancer subteam. I'm also an officer in Texas Aerial Robotics!" | ||
| linkedIn='https://www.linkedin.com/in/arnavsjoshi/' | ||
| email='[email protected]' topAlignImage={false}/> | ||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Zoe Vo' | ||
| position='Outreach Director' | ||
| img={zoeImg} bio="Hi I'm Zoe and I'm a pyschology major. My favorite book series, movie franchise, and religion is The Hunger Games. Please marry me Thida" | ||
| linkedIn='https://www.linkedin.com/in/zoe-vo-b73b9b317/' | ||
| email='[email protected]' topAlignImage={true} /> | ||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Manas Agrawal' | ||
| position='Technology Director' | ||
| img={manasImg} bio="Hi, my name is Manas! I'm a Computer Science and Mathematics double major. I enjoy chess, strategy video games, and am interested in Computer Vision applications in Robotics." | ||
| linkedIn='https://www.linkedin.com/in/manas-agrawal-41231a245/' | ||
| email='[email protected]' topAlignImage={true} /> | ||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Nathan Chase' | ||
| position='Financial Director' | ||
| img={nathanImg} bio="Hey, the name is Nathan. I'm a double major in Computer Science and Asian Languages and Cultures. On my free time I enjoy engaging in community organizing, reading history, and cooking comfort food like Gumbo. And yes, it's okay to have tomatoes in your Gumbo!" | ||
| linkedIn='https://www.linkedin.com/in/nathan-t-chase/' | ||
| email='[email protected]' topAlignImage={true} /> | ||
| </Grid> | ||
|
|
||
| <Grid className="cardContainer" item xs={12} sm={6} md={4}> | ||
| <OfficerCards | ||
| name='Alexzander Wilburr' | ||
| position='Freshman Representative' | ||
| img={alexzanderImg} bio="Wassup, everyone! It's Alexzander! I'm a computer science major who loves playing games and sports (especially baseball). I am an avid note-taker because I have an atrocious memory :D. " | ||
| linkedIn='' | ||
| email='alexzanderwilburn2424@outlook.com' topAlignImage={true} /> | ||
| </Grid> | ||
|
|
||
| </Grid> | ||
|
|
@@ -149,19 +192,19 @@ function About() { | |
| }}> | ||
| <div style={{paddingTop:"1em", paddingBottom:"1em"}}> | ||
| <Grid container rowGap={10} spacing={2}> | ||
| <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}> | ||
| <OfficerCards | ||
| name='Savvy Chezhain' | ||
| position='Tech Lead, Chess Teacher' | ||
| img={savvyImg} bio="Hey, I'm Savvy! I'm a Computer Science major and I love donuts, robots, and artificial intelligence." | ||
| linkedIn='https://www.linkedin.com/in/sarvesh-chezhian-4a598b217/' | ||
| email='[email protected]' topAlignImage={true}/> | ||
| </Grid> | ||
| <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}> | ||
| <OfficerCards | ||
| name='Hursh Jha' | ||
| position='Tech Lead, Chess Teacher' | ||
| img={hurshImg} bio="Hey there! I'm Hursh and I'm majoring in Computer Science and Math at UT. I'm interested in cryptography and AI and how we can apply math to these fields to get the most out of them. Outside of school, my hobbies include reading, TCG's, and swimming." | ||
| linkedIn='https://www.linkedin.com/in/hursh-jha-713820220/' | ||
| email='[email protected]' topAlignImage={true}/> | ||
| </Grid> | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this is on me but can we make a colors resource file in one of the future pushes