Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 31 additions & 24 deletions src/components/Home/Sponsors.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,44 +7,43 @@ function Sponsors() {
href: 'https://www.vanderbilt.edu/valiant/',
imgSrc: 'assets/sponsors/valiant.png',
alt: 'Vanderbilt Lab for Immersive AI Translation',
special: true
gold: true
},
{
href: 'https://engineering.vanderbilt.edu/cs',
imgSrc: 'assets/sponsors/cs.png',
alt: 'Computer Science',
},
{
href: 'https://www.vanderbilt.edu/datascience',
imgSrc: 'assets/sponsors/dsi.png',
alt: 'Vanderbilt Data Science Institute',
href: 'https://www.vumc.org/vuiis/welcome',
imgSrc: 'assets/sponsors/vuiis.png',
alt: 'Vanderbilt University Institute of Imaging Science',
},
{
href: 'https://engineering.vanderbilt.edu/ece',
imgSrc: 'assets/sponsors/ece.png',
alt: 'Electrical and Computer Engineering',
special: true
},
{
href: 'https://medschool.vanderbilt.edu/brain-institute',
imgSrc: 'assets/sponsors/vbi.png',
alt: 'Vanderbilt Brain Institute',
},
{
href: 'https://www.isis.vanderbilt.edu/',
imgSrc: 'assets/sponsors/isis.png',
alt: 'Institute for Software Integrated Systems',
},
{
href: 'https://vkc.vumc.org/vkc',
imgSrc: 'assets/sponsors/vkc.png',
alt: 'Vanderbilt Kennedy Center',
},
{
href: 'https://engineering.vanderbilt.edu',
imgSrc: 'assets/sponsors/vuse.png',
alt: 'Vanderbilt University School of Engineering',
},
{
href: 'https://engineering.vanderbilt.edu/bme',
imgSrc: 'assets/sponsors/bme.png',
alt: 'Biomedical Engineering',
},
{
href: 'https://engineering.vanderbilt.edu/cs',
imgSrc: 'assets/sponsors/cs.png',
alt: 'Computer Science',
},
{
href: 'https://as.vanderbilt.edu/biological-sciences',
imgSrc: 'assets/sponsors/casbs.png',
Expand All @@ -55,29 +54,37 @@ function Sponsors() {
imgSrc: 'assets/sponsors/casp.png',
alt: 'Psychology',
},
{
href: 'https://www.vanderbilt.edu/the-wondry/',
imgSrc: 'assets/sponsors/wondry.png',
alt: 'The Wondry',
}
];

return (
<div className="sponsor-section">
<Row className="justify-content-center">
<Col xs={7} lg={10}>
<h2 className="page-heading">
2025 <span className="purple">Sponsors</span>
2026 <span className="purple">Sponsors</span>
</h2>
<p className="text-white text-center mb-8">
We gratefully acknowledge the generous support of our sponsors. A special thanks go to the partnership of VALIANT and ECE.
We gratefully acknowledge the generous support of our sponsors. A special thanks go to the partnership of VALIANT.
</p>
<Row style={{ justifyContent: "center", paddingBottom: "20px" }}>
{sponsors.filter(s => s.gold).map((sponsor, index) => (
<Col
key={index}
lg={3}
className="sponsor-icons sponsor-gold"
>
<a href={sponsor.href} target="_blank" rel="noopener noreferrer">
<img src={sponsor.imgSrc} alt={sponsor.alt} className="sponsor-image" />
</a>
</Col>
))}
</Row>
<Row style={{ justifyContent: "center", paddingBottom: "50px" }}>
{sponsors.map((sponsor, index) => (
{sponsors.filter(s => !s.gold).map((sponsor, index) => (
<Col
key={index}
lg={3}
className={`sponsor-icons ${sponsor.special ? 'sponsor-special' : ''}`}
className={`sponsor-icons ${sponsor.silver ? 'sponsor-silver' : ''}`}
>
<a href={sponsor.href} target="_blank" rel="noopener noreferrer">
<img src={sponsor.imgSrc} alt={sponsor.alt} className="sponsor-image" />
Expand Down
11 changes: 9 additions & 2 deletions src/components/Home/home.css
Original file line number Diff line number Diff line change
Expand Up @@ -477,12 +477,19 @@

}

.sponsor-special {
box-shadow: 0px 0px 10px 8px rgba(119, 53, 136, 0.459);
.sponsor-gold {
box-shadow: 0px 0px 10px 8px rgba(255, 215, 0, 0.5);
border: 1.7px solid rgba(255, 255, 0, 1) !important;
}

.sponsor-silver {
box-shadow: 0px 0px 10px 8px rgba(192, 192, 192, 0.5);
border: 1.7px solid rgba(192, 192, 192, 1) !important;
}
Comment on lines +480 to 488

@media (max-width: 767px) {
.sponsor-icons {
margin: 10px !important;
box-sizing: content-box !important;
}
}