Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 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
4 changes: 3 additions & 1 deletion .github/workflows/firebase-hosting-pull-request.yml
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,10 @@ jobs:
- name: Use Node.js
uses: actions/setup-node@v3
with:
node-version: '16.x'
node-version: '20'
- run: npm ci && npm run build
env:
NODE_OPTIONS: --openssl-legacy-provider
- uses: FirebaseExtended/action-hosting-deploy@v0
with:
repoToken: '${{ secrets.GITHUB_TOKEN }}'
Expand Down
4 changes: 3 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,9 @@ yarn-error.log*
.env.development.local
.env.test.local
.env.production.local
.env

# vercel
.vercel

# IDE
.idea
87 changes: 51 additions & 36 deletions components/Hackathons.js
Original file line number Diff line number Diff line change
Expand Up @@ -189,6 +189,21 @@ const HackathonButton = styled.a`
}
`;

const SecondaryButton = styled.span`
color: #bdbac3;
font-weight: bold;
`;

const HackathonActionButton = ({ isLegacy, legacyStatementUrl, link }) => {
if (!isLegacy) {
return <HackathonButton href={link} target='_blank'>Visit website</HackathonButton>;
}
if (legacyStatementUrl) {
return <HackathonButton href={legacyStatementUrl} target='_blank'>View Statement</HackathonButton>;
}
return <SecondaryButton>Statement Coming Soon</SecondaryButton>;
};

const MobileHackathonDetails = styled.div`
position: relative;
border: 1.66px solid #bdbac3;
Expand Down Expand Up @@ -320,6 +335,8 @@ export default function Hackathons() {
date: hackathonData['hackathonWeekend']['cmd-f'],
start: hackathonData['hackathonStart']['cmd-f'],
open: hackathonData['applicationsOpen']['cmd-f'],
isLegacy: hackathonData['isLegacy']?.['cmd-f'] ?? false,
legacyStatementUrl: hackathonData['legacyStatementUrl']?.['cmd-f'] ?? '',
},
},
];
Expand Down Expand Up @@ -435,14 +452,14 @@ export default function Hackathons() {
{/* Position the moons around the planet */}

<MoonContainer
href='https://hackcamp2022.nwplus.io/'
href='https://hackcamp2024.nwplus.io/'
style={{
top: '-30%',
left: '-28px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#595E8F' }}>2022</MoonYear>
<MoonYear style={{ color: '#595E8F' }}>2024</MoonYear>
<Moon src={hcMoonTwoImg} />
</MoonContainer>

Expand All @@ -459,14 +476,14 @@ export default function Hackathons() {
</MoonContainer>

<MoonContainer
href='https://hackcamp2021.nwplus.io/'
href='https://hackcamp2022.nwplus.io/'
style={{
top: '80%',
right: '42px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#265F71' }}>2021</MoonYear>
<MoonYear style={{ color: '#265F71' }}>2022</MoonYear>
<Moon src={hcMoonThreeImg} />
</MoonContainer>

Expand All @@ -489,38 +506,38 @@ export default function Hackathons() {
>
{/* Position the moons around the planet */}
<MoonContainer
href='https://2023.nwhacks.io/'
href='https://2025.nwhacks.io/'
style={{
top: '20%',
left: '-14px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#3E6C8C' }}>2023</MoonYear>
<MoonYear style={{ color: '#3E6C8C' }}>2025</MoonYear>
<Moon src={nwMoonOneImg} />
</MoonContainer>

<MoonContainer
href='https://2024.nwhacks.io/'
href='https://2023.nwhacks.io/'
style={{
top: '-25%',
left: '100%',
transform: 'translateX(-50%)',
}}
>
<MoonYear style={{ color: '#B89C9F' }}>2024</MoonYear>
<MoonYear style={{ color: '#B89C9F' }}>2023</MoonYear>
<Moon src={nwMoonTwoImg} />
</MoonContainer>

<MoonContainer
href='https://2022.nwhacks.io/'
href='https://2024.nwhacks.io/'
style={{
top: '105%',
right: '-0px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#574D94' }}>2022</MoonYear>
<MoonYear style={{ color: '#574D94' }}>2024</MoonYear>
<Moon src={nwMoonThreeImg} />
</MoonContainer>

Expand Down Expand Up @@ -570,7 +587,7 @@ export default function Hackathons() {
Hackathon celebrating underrepresented genders in tech.
</HackathonDescriptions>
<HackathonDate>{cmdfData.date}</HackathonDate>
<HackathonButton href={cmdfData.link} target="_blank">Visit website</HackathonButton>
<HackathonActionButton isLegacy={cmdfData.isLegacy} legacyStatementUrl={cmdfData.legacyStatementUrl} link={cmdfData.link} />
</HackathonDetails>

<DashedConnector
Expand All @@ -583,38 +600,38 @@ export default function Hackathons() {
>
{/* Position the moons around the planet */}
<MoonContainer
href='https://cmd-f2023.nwplus.io/'
href='https://cmd-f2025.nwplus.io/'
style={{
top: '0%',
left: '-56px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#3B9884' }}>2023</MoonYear>
<MoonYear style={{ color: '#3B9884' }}>2025</MoonYear>
<Moon src={cmdfMoonThreeImg} />
</MoonContainer>

<MoonContainer
href='https://cmd-f2024.nwplus.io/'
href='https://cmd-f.nwplus.io/'
style={{
top: '-5%',
left: '100%',
transform: 'translateX(-50%)',
}}
>
<MoonYear style={{ color: '#DDC4B1' }}>2024</MoonYear>
<MoonYear style={{ color: '#DDC4B1' }}>2026</MoonYear>
<Moon src={cmdfMoonOneImg} />
</MoonContainer>

<MoonContainer
href='https://cmd-f2022.nwplus.io/'
href='https://cmd-f2024.nwplus.io/'
style={{
top: '110%',
left: '50%',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#E7D1C7' }}>2022</MoonYear>
<MoonYear style={{ color: '#E7D1C7' }}>2024</MoonYear>
<Moon src={cmdfMoonTwoImg} />
</MoonContainer>

Expand All @@ -638,14 +655,14 @@ export default function Hackathons() {
style={{ animation: 'float 5s ease-in-out infinite' }}
>
<MoonContainer
href='https://hackcamp2022.nwplus.io/'
href='https://hackcamp2024.nwplus.io/'
style={{
top: '20%',
right: '0px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#595E8F' }}>2022</MoonYear>
<MoonYear style={{ color: '#595E8F' }}>2024</MoonYear>
<Moon src={hcMoonTwoImg} />
</MoonContainer>

Expand All @@ -659,10 +676,10 @@ export default function Hackathons() {
</MoonContainer>

<MoonContainer
href='https://hackcamp2021.nwplus.io/'
href='https://hackcamp2022.nwplus.io/'
style={{ top: '100%', right: '0', transform: 'translateY(-50%)' }}
>
<MoonYear style={{ color: '#265F71' }}>2021</MoonYear>
<MoonYear style={{ color: '#265F71' }}>2022</MoonYear>
<Moon src={hcMoonThreeImg} />
</MoonContainer>

Expand Down Expand Up @@ -698,35 +715,35 @@ export default function Hackathons() {
>
{/* Position the moons around the planet */}
<MoonContainer
href='https://2023.nwhacks.io/'
href='https://2025.nwhacks.io/'
style={{
top: '20%',
right: '0px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#3E6C8C' }}>2023</MoonYear>
<MoonYear style={{ color: '#3E6C8C' }}>2025</MoonYear>
<Moon src={nwMoonOneImg} />
<ToolTip src={leftToolTip} />
</MoonContainer>

<MoonContainer
href='https://2024.nwhacks.io/'
href='https://2023.nwhacks.io/'
style={{ top: '-5%', left: '10%', transform: 'translateX(-50%)' }}
>
<MoonYear style={{ color: '#B89C9F' }}>2024</MoonYear>
<MoonYear style={{ color: '#B89C9F' }}>2023</MoonYear>
<Moon src={nwMoonTwoImg} />
</MoonContainer>

<MoonContainer
href='https://2022.nwhacks.io/'
href='https://2024.nwhacks.io/'
style={{
top: '100%',
left: '10%',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#574D94' }}>2022</MoonYear>
<MoonYear style={{ color: '#574D94' }}>2024</MoonYear>
<Moon src={nwMoonThreeImg} />
</MoonContainer>

Expand Down Expand Up @@ -757,31 +774,31 @@ export default function Hackathons() {
style={{ animation: 'float 3.5s ease-in-out infinite' }}
>
<MoonContainer
href='https://cmd-f2023.nwplus.io/'
href='https://cmd-f2025.nwplus.io/'
style={{
top: '20%',
right: '0px',
transform: 'translateY(-50%)',
}}
>
<MoonYear style={{ color: '#3B9884' }}>2023</MoonYear>
<MoonYear style={{ color: '#3B9884' }}>2025</MoonYear>
<Moon src={cmdfMoonThreeImg} />
</MoonContainer>

<MoonContainer
href='https://cmd-f2024.nwplus.io/'
href='https://cmd-f.nwplus.io/'
style={{ top: '0%', left: '10%', transform: 'translateX(-50%)' }}
>
<MoonYear style={{ color: '#DDC4B1' }}>2024</MoonYear>
<MoonYear style={{ color: '#DDC4B1' }}>2026</MoonYear>
<Moon src={cmdfMoonOneImg} />
<ToolTip src={rightToolTip} />
</MoonContainer>

<MoonContainer
href='https://cmd-f2022.nwplus.io/'
href='https://cmd-f2024.nwplus.io/'
style={{ top: '100%', right: '0', transform: 'translateY(-50%)' }}
>
<MoonYear style={{ color: '#E7D1C7' }}>2022</MoonYear>
<MoonYear style={{ color: '#E7D1C7' }}>2024</MoonYear>
<Moon src={cmdfMoonTwoImg} />
</MoonContainer>

Expand All @@ -804,9 +821,7 @@ export default function Hackathons() {
<HackathonDescriptions>
Hackathon celebrating underrepresented genders in tech.
</HackathonDescriptions>
<HackathonButton href={cmdfData.link} target='_blank'>
Apply now!
</HackathonButton>
<HackathonActionButton isLegacy={cmdfData.isLegacy} legacyStatementUrl={cmdfData.legacyStatementUrl} link={cmdfData.link} />
</MobileHackathonDetails>
</MobileHackathonPlanet>
</MobileHackathonsContainer>
Expand Down
3 changes: 2 additions & 1 deletion pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,8 @@ import { ContentContainer } from '../components/ContentContainer';
import Faq from '../components/Faq';
import Footer from '../components/Footer';
import Hackathons from '../components/Hackathons';
import Hero from '../components/Hero';
import dynamic from 'next/dynamic';
const Hero = dynamic(() => import('../components/Hero'), { ssr: false });
import ResourceContainer from '../components/ResourceContainer';
import Stats from '../components/Stats';
// import Banner from '../components/Banner'
Expand Down
Loading