Skip to content

Commit 661c142

Browse files
nchshrinchshri
committed
redesigned sponsors page
1 parent fa9cd88 commit 661c142

File tree

5 files changed

+94
-45
lines changed

5 files changed

+94
-45
lines changed

‎src/components/MLPurdueAbout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import TeamMember from "./team/member.astro";
66

77
<br />
88

9-
<div class="mt-4 py-10 px-5">
9+
<div class="px-5">
1010
<ContentSection id="mlpurdue" title="ABOUT">
1111
<div
1212
class="flex w-screen items-center justify-center border-y-2 border-purple-500 py-10"

‎src/components/header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const navItems: Array<NavItem> = [
2323
},
2424
{
2525
title: "Sponsor",
26-
url: "https://mlpurdue.notion.site/2023-2024-Sponsors-51f7ef777d104eecb3fb6edc2e693209",
26+
url: "/sponsor",
2727
},
2828
];
2929
const { fixed } = Astro.props;

‎src/pages/about.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,10 @@ const description = "ML@Purdue Website";
3434
<MLPurdueAbout />
3535
</article>
3636
<div
37-
class="mx-10 flex flex-col items-center justify-center gap-[5px] sm:flex-row sm:items-start sm:gap-12"
37+
class="mx-10 flex flex-col items-center justify-center gap-[5px] md:flex-row md:items-start md:gap-12"
3838
>
3939
<div
40-
class="mt-20 -mb-20 flex flex-col items-center text-left sm:mb-0 sm:items-start"
40+
class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
4141
>
4242
<span class="pt-4 font-semibold text-2xl">Contact Us!</span>
4343
<span class="text-sm"><b>🖂</b> [email protected]</span>

‎src/pages/index.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,10 +37,10 @@ const description = "ML@Purdue Website";
3737
<Intro />
3838
</div>
3939
<div
40-
class="mx-10 flex flex-col items-center justify-center gap-[5px] sm:flex-row sm:items-start sm:gap-12"
40+
class="mx-10 flex flex-col items-center justify-center gap-[5px] md:flex-row md:items-start md:gap-12"
4141
>
4242
<div
43-
class="mt-20 -mb-20 flex flex-col items-center text-left sm:mb-0 sm:items-start"
43+
class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
4444
>
4545
<span class="pt-4 font-semibold text-2xl">Contact Us!</span>
4646
<span class="text-sm"><b>🖂</b> [email protected]</span>

‎src/pages/sponsor.astro‎

Lines changed: 88 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -37,48 +37,97 @@ const description = "ML@Purdue Sponsorship";
3737
class="h-full overflow-x-hidden bg-default text-default text-base selection:bg-secondary selection:text-white"
3838
>
3939
<Header fixed />
40-
<article class="mx-auto mt-20 w-[90vw] max-w-[80ch]">
41-
<ContentSection id="sponsors-title" title="Sponsors">
42-
<p>
43-
We thank all of our sponsors for supporting us and helping us achieve
44-
our mission! To learn more about who we are, our mission, and our
45-
sponsorship tiers, please view our <u
40+
<br />
41+
<article class="mx-auto py-10 px-5 mt-11 w-[90vw] max-w-[80ch]">
42+
<ContentSection id="sponsors-title" title="SPONSORS">
43+
<div
44+
class="flex w-screen items-center justify-center border-y-2 border-purple-500 py-10"
45+
>
46+
<p class="max-w-[75%] text-center text-sm md:text-base">
47+
We thank all of our sponsors for supporting us and helping us achieve
48+
our mission! To learn more about who we are, our mission, and our
49+
sponsorship tiers, please view our <u
4650
><a href="/ML@P_Sponsorship_Packet.pdf" target="_blank"
47-
>sponsorship packet</a
48-
></u
49-
>.
50-
</p>
51-
<br />
52-
<h1 class="sponsor-t4 font-bold text-xl">Tier 4: ML@P Maestro</h1>
53-
<img src={dagshub.src} alt="DagsHub" class="max-w-md rounded-md" />
54-
<img
55-
src={uniformsierra.src}
56-
alt="Uniform Sierra"
57-
class="max-w-md rounded-md"
58-
/>
59-
<br />
60-
<h1 class="sponsor-t3 font-bold text-xl">
61-
Tier 3: Neural Network Ninja
62-
</h1>
63-
<br />
64-
<h1 class="sponsor-t2 font-bold text-xl">Tier 2: SVM Sorcerer</h1>
65-
<br />
66-
<h1 class="sponsor-t1 font-bold text-xl">Tier 1: Perceptron Pro</h1>
67-
<img
68-
src={janestreet.src}
69-
alt="Jane Street"
70-
class="max-w-md rounded-md"
71-
style="filter:invert(1)"
72-
/>
73-
<img
74-
src={teconnectivity.src}
75-
alt="TE Connectivity"
76-
class="max-w-md rounded-md"
77-
/>
78-
<img src={numerade.src} alt="Numerade" class="max-w-md rounded-md" />
51+
><b>sponsorship packet</b></a
52+
></u>.
53+
</p>
54+
</div>
55+
56+
<div class="flex w-screen border-b-2 border-purple-500 h-[32vh]">
57+
<div class="flex flex-col justify-between items-end border-r-2 h-[34vh] w-[26vw] -mt-4 text-right border-purple-500 p-4">
58+
<h1 class="sponsor-t4 orbitron text-xl">
59+
TIER <span class="font-bold text-4xl">4</span>
60+
</h1>
61+
<h2 class="sponsor-t4 font-semibold leading-tight mb-2">ML@P Maestro</h2>
62+
</div>
63+
<img
64+
src={dagshub.src}
65+
alt="DagsHub"
66+
class="max-w-[35vw] pl-10 rounded-md object-contain"
67+
/>
68+
<img
69+
src={uniformsierra.src}
70+
alt="Uniform Sierra"
71+
class="max-w-[35vw] -mr-13 rounded-md object-contain"
72+
/>
73+
</div>
74+
75+
<div class="flex w-screen border-b-2 border-purple-500 h-[32vh]">
76+
<div class="flex flex-col justify-between items-end border-r-2 h-[34vh] w-[26vw] -mt-4 text-right border-purple-500 p-4">
77+
<h1 class="sponsor-t3 orbitron text-xl">
78+
TIER <span class="font-bold text-4xl">3</span>
79+
</h1>
80+
<h2 class="sponsor-t3 font-semibold leading-tight mb-2">Neural Network Ninja</h2>
81+
</div>
82+
</div>
83+
84+
<div class="flex w-screen border-b-2 border-purple-500 h-[32vh]">
85+
<div class="flex flex-col justify-between items-end border-r-2 h-[34vh] w-[26vw] -mt-4 text-right border-purple-500 p-4">
86+
<h1 class="sponsor-t2 orbitron text-xl">
87+
TIER <span class="font-bold text-4xl">2</span>
88+
</h1>
89+
<h2 class="sponsor-t2 font-semibold leading-tight mb-2">SVM Sorcerer</h2>
90+
</div>
91+
</div>
92+
93+
<div class="flex w-screen border-b-2 border-purple-500 h-[32vh]">
94+
<div class="flex flex-col justify-between items-end border-r-2 h-[34vh] w-[26vw] -mt-4 text-right border-purple-500 p-4">
95+
<h1 class="sponsor-t1 orbitron text-xl">
96+
TIER <span class="font-bold text-4xl">1</span>
97+
</h1>
98+
<h2 class="sponsor-t1 font-semibold leading-tight mb-2">Perceptron Pro</h2>
99+
</div>
100+
<img
101+
src={janestreet.src}
102+
alt="Jane Street"
103+
class="max-w-[23vw] ml-4 md:ml-10 rounded-md object-contain"
104+
style="filter:invert(1)"
105+
/>
106+
<img
107+
src={teconnectivity.src}
108+
alt="TE Connectivity"
109+
class="max-w-[20vw] ml-5 rounded-md object-contain"
110+
/>
111+
<img
112+
src={numerade.src}
113+
alt="Numerade"
114+
class="max-w-[23vw] rounded-md object-contain"
115+
/>
116+
</div>
79117
<br />
80118
</ContentSection>
81119
</article>
82-
<Footer />
120+
121+
<div
122+
class="mx-10 flex flex-col items-center justify-center gap-[5px] md:flex-row md:items-start md:gap-12"
123+
>
124+
<div
125+
class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
126+
>
127+
<span class="pt-4 font-semibold text-2xl">Contact Us!</span>
128+
<span class="text-sm"><b>🖂</b> [email protected]</span>
129+
</div>
130+
<Footer />
131+
</div>
83132
</body>
84133
</html>

0 commit comments

Comments
 (0)