Skip to content

Replace Sponsorship page styles with TailwindCSS #1947

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
+14 −42
Open

Replace Sponsorship page styles with TailwindCSS #1947

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b937dd1
Replace Sponsorship page styles with TailwindCSS
jaiswalsachin49 Sep 11, 2025
9ec675a
Merge branch 'main' into main
jaiswalsachin49 Sep 16, 2025
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
29 changes: 14 additions & 15 deletions pages/sponsorship.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,16 @@ import FlatCard from 'components/Cards/FlatCard/FlatCard';
import LinkButton from 'components/Buttons/LinkButton/LinkButton';
import SponsorsSection from 'components/ReusableSections/SponsorsSection/SponsorsSection';
import MedalSolid from 'static/images/icons/FontAwesome/medal-solid.svg';
import styles from 'styles/sponsorship.module.css';

const pageTitle = 'Corporate Sponsorship';

function Sponsorship() {
return (
<div className={styles.Sponsorship}>
<div>
<Head title={pageTitle} />

<HeroBanner title={pageTitle} className="min-h-[60dvh]">
<LinkButton href="/donate" theme="primary" className={styles.topMargin}>
<LinkButton href="/donate" theme="primary" className="mt-4">
Donate Now
</LinkButton>
</HeroBanner>
Expand Down Expand Up @@ -63,23 +62,23 @@ function Sponsorship() {
theme="white"
hasTitleUnderline
columns={[
<Card className={styles.constrainDimensions}>
<Card className="justify-start max-w-[350px] h-[250px]">
<h6>Employee Engagement</h6>
<p>
Provide opportunities for software engineers to mentor new learners and contribute to
open source projects. Engage with veterans and military spouse employees in your
organization - share their story; loud and proud.
</p>
</Card>,
<Card className={styles.constrainDimensions}>
<Card className="justify-start max-w-[350px] h-[250px]">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you do the next nearest non-arbtrary values? so max-w-xs and h-64

<h6>Talent Management</h6>
<p>
Build a talent pipeline between your company and transitioning service members with
technical skills and security clearances. Our community is skilled, motivated, and
diverse - they will bolster any workforce.
</p>
</Card>,
<Card className={styles.constrainDimensions}>
<Card className="justify-start max-w-[350px] h-[250px]">
<h6>Marketing</h6>
<p>
Marketing opportunities for national online and local community engagement Community
Expand All @@ -96,29 +95,29 @@ function Sponsorship() {
columns={[
<div>
<Badge
className={styles.badgeFormat}
icon={<MedalSolid className={styles.gold} />}
className="text-2xl font-medium mt-6"
icon={<MedalSolid className="text-[#ffaa22]" />}
label="Gold Sponsor"
/>
<p className={styles.paragraphFormat}>
<p className="px-8">
National benefits include branding recognition in national Slack community, open
source program sponsorship, national employee engagement activities, plus all above.
</p>
<Badge
className={styles.badgeFormat}
icon={<MedalSolid className={styles.silver} />}
className="text-2xl font-medium mt-6"
icon={<MedalSolid className="text-silver" />}
label="Silver Sponsor"
/>
<p className={styles.paragraphFormat}>
<p className="px-8">
Three local chapter sponsorships of choice, complete with marketing, employee
engagement and talent pipeline opportunities, plus all above.
</p>
<Badge
className={styles.badgeFormat}
icon={<MedalSolid className={styles.bronze} />}
className="text-2xl font-medium mt-6"
icon={<MedalSolid className="text-[#cd7f32]" />}
label="Bronze Sponsor"
/>
<p className={styles.paragraphFormat}>
<p className="px-8">
Sponsor one chapter and support your local Operation Code community for the year,
including events, training, and networking opportunities.
</p>
Expand Down
27 changes: 0 additions & 27 deletions styles/sponsorship.module.css
View file
Open in desktop

This file was deleted.