-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add companies & update sponsors component UI (#34)
- Loading branch information
Showing
16 changed files
with
107 additions
and
14 deletions.
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 |
---|---|---|
@@ -1,21 +1,114 @@ | ||
<script> | ||
const sponsors = [['state-farm'], ['forcepoint']]; | ||
<script lang="ts"> | ||
const petaSponsors = [ | ||
{ | ||
id: 'caterpillar', | ||
name: 'Caterpillar', | ||
imgUrl: 'logos/caterpillar.png', | ||
link: 'https://caterpillar.com' | ||
} | ||
]; | ||
const gigaSponsors = [ | ||
{ | ||
id: 'deere', | ||
name: 'John Deere', | ||
imgUrl: 'logos/deere.png', | ||
link: 'https://deere.com' | ||
}, | ||
{ | ||
id: 'state-farm', | ||
name: 'State Farm', | ||
imgUrl: 'logos/state-farm.png', | ||
link: 'https://statefarm.com' | ||
} | ||
]; | ||
const sponsors = [ | ||
{ | ||
id: 'forcepoint', | ||
name: 'Forcepoint', | ||
imgUrl: 'logos/forcepoint.png', | ||
link: 'https://forcepoint.com' | ||
}, | ||
{ | ||
id: 'cloudflare', | ||
name: 'Cloudflare', | ||
imgUrl: 'logos/cloudflare.png', | ||
link: 'https://cloudflare.com' | ||
}, | ||
{ | ||
id: 'aechelon', | ||
name: 'Aechelon Technology', | ||
imgUrl: 'logos/aechelon.png', | ||
link: 'https://aechelon.com' | ||
}, | ||
{ | ||
id: 'hrt', | ||
name: 'Hudson River Trading', | ||
imgUrl: 'logos/hrt.png', | ||
link: 'https://www.hudsonrivertrading.com/' | ||
}, | ||
{ | ||
id: 'magna', | ||
name: 'Magna', | ||
imgUrl: 'logos/magna.png', | ||
link: 'https://magna.com' | ||
}, | ||
{ | ||
id: 'sandia', | ||
name: 'Sandia National Laboratories', | ||
imgUrl: 'logos/sandia.png', | ||
link: 'https://www.sandia.gov/' | ||
}, | ||
{ | ||
id: 'verkada', | ||
name: 'Verkada', | ||
imgUrl: 'logos/verkada.png', | ||
link: 'https://verkada.com' | ||
} | ||
]; | ||
</script> | ||
|
||
<div class="w-full py-28 px-10 lg:py-40"> | ||
<h2 class="text-white text-xl md:text-2xl lg:text-4xl text-center mb-10 sm:mb-20"> | ||
Our Sponsors | ||
<div class="w-[90%] md:w-4/5 lg:w-2/3 mx-auto py-14 lg:py-24"> | ||
<h2 class="text-white text-xl md:text-2xl lg:text-4xl text-center mb-10 md:mb-14"> | ||
Thank you to our sponsors | ||
</h2> | ||
<div | ||
class="w-full sm:w-3/4 xl:w-5/8 max-w-4xl mx-auto flex justify-center items-center mb-10 sm:mb-20" | ||
class="flex flex-col gap-3 mx-auto bg-rp-subtle-pink bg-opacity-80 backdrop-blur-sm rounded-3xl md:py-16 py-10" | ||
> | ||
{#each sponsors[0] as sponsor} | ||
<img class="w-6/12" src="logos/{sponsor}.png" alt="{sponsor} logo" /> | ||
{/each} | ||
</div> | ||
<div class="w-3/4 sm:w-1/2 xl:w-3/8 max-w-2xl mx-auto flex justify-around items-center"> | ||
{#each sponsors[1] as sponsor} | ||
<img class="w-4/12" src="logos/{sponsor}.png" alt="{sponsor} logo" /> | ||
{/each} | ||
<div class="flex flex-wrap justify-center gap-5 items-stretch"> | ||
{#each petaSponsors as sponsor} | ||
<a | ||
href={sponsor.link} | ||
class="w-[80%] md:w-[66%] lg:w-[50%] xl:w-[40%] rounded-md duration-100 p-5 my-auto" | ||
referrerpolicy="no-referrer" | ||
target="_blank" | ||
> | ||
<img src={sponsor.imgUrl} alt="{sponsor.name} Logo" class="mx-auto" /> | ||
</a> | ||
{/each} | ||
</div> | ||
<div class="mx-auto flex flex-wrap justify-center gap-5"> | ||
{#each gigaSponsors as sponsor} | ||
<a | ||
href={sponsor.link} | ||
class="w-[50%] md:w-[50%] lg:w-[35%] xl:w-[30%] rounded-md duration-100 p-4 my-auto max-w-sm" | ||
referrerpolicy="no-referrer" | ||
target="_blank" | ||
> | ||
<img src={sponsor.imgUrl} alt="{sponsor.name} Logo" class="mx-auto" /> | ||
</a> | ||
{/each} | ||
</div> | ||
<div class="w-[90%] max-w-4xl mx-auto flex flex-wrap justify-center gap-5 items-stretch"> | ||
{#each sponsors as sponsor} | ||
<a | ||
href={sponsor.link} | ||
referrerpolicy="no-referrer" | ||
target="_blank" | ||
class="w-[65%] md:w-[50%] lg:w-[35%] xl:w-[25%] rounded-md duration-100 p-4 my-auto max-w-[200px]" | ||
> | ||
<img src={sponsor.imgUrl} alt="{sponsor.name} Logo" class="mx-auto" /> | ||
</a> | ||
{/each} | ||
</div> | ||
</div> | ||
</div> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.