-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ea60540
commit 1a8e63a
Showing
7 changed files
with
504 additions
and
136 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
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 |
|---|---|---|
|
|
@@ -2,33 +2,37 @@ import Image from 'next/image'; | |
| import { H3, Text, Link } from '@hibiscus/ui'; | ||
| import { GlowSpan } from '@hibiscus/ui-kit-2023'; | ||
| import { Colors2023 } from '@hibiscus/styles'; | ||
| import HackSCGuy from '../svg/hacksc-guy'; | ||
| import styled from 'styled-components'; | ||
| import { Colors } from '@hacksc/sctw-ui-kit'; | ||
|
|
||
| export const CongratsMessage = () => { | ||
| return ( | ||
| <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}> | ||
| <Image | ||
| src="/hackform-illustrations/heart.svg" | ||
| width={100} | ||
| height={100} | ||
| priority | ||
| alt="Heart character" | ||
| /> | ||
| <H3>Congratulations on being accepted to HackSC X!</H3> | ||
| <Text> | ||
| <div | ||
| style={{ | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| gap: '10px', | ||
| textAlign: 'left', | ||
| }} | ||
| > | ||
| <HackSCGuy /> | ||
| <Heading3>Congratulations on being accepted to SoCal Tech Week!</Heading3> | ||
| <TextBody> | ||
| We are so excited to welcome you to our event this year, and hope that | ||
| you will be able to attend. It’s going to be an amazing weekend with | ||
| plenty of workshops, speakers, games, and of course, project building! | ||
| </Text> | ||
| <Text> | ||
| </TextBody> | ||
| <TextBody> | ||
| Please complete this RSVP form{' '} | ||
| <GlowSpan style={{ fontWeight: 'bold' }}> | ||
| <span style={{ fontWeight: 'bold' }}> | ||
| within 4 days of your acceptance notification | ||
| </GlowSpan>{' '} | ||
| to secure your spot at HackSC X. By submitting, you are committing to | ||
| attending the event. If you do not submit this form by the posted | ||
| deadline, your spot will be given to another hacker. | ||
| </Text> | ||
| <Text> | ||
| </span>{' '} | ||
| to secure your spot at SoCal Tech Week. By submitting, you are | ||
| committing to attending the event. If you do not submit this form by the | ||
| posted deadline, your spot will be given to another hacker. | ||
| </TextBody> | ||
| <TextBody> | ||
| We kindly remind you that no-shows after RSVPing mean that you are | ||
| taking someone else’s opportunity to attend this event. If you are no | ||
| longer able to attend the event after RSVPing, please email{' '} | ||
|
|
@@ -37,18 +41,30 @@ export const CongratsMessage = () => { | |
| passHref | ||
| underline | ||
| anchortagpropsoverride={{ | ||
| style: { color: Colors2023.BLUE.STANDARD }, | ||
| style: { color: '#ff6347' }, | ||
| }} | ||
| > | ||
| [email protected] | ||
| </Link>{' '} | ||
| at least 12 hours prior to the start of the event. | ||
| </Text> | ||
| <Text> | ||
| </TextBody> | ||
| <TextBody> | ||
| HackSC is committed to providing participants with the best experience | ||
| possible. If there’s anything we can do to improve your time at our | ||
| event, please let us know! | ||
| </Text> | ||
| </TextBody> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| const Heading3 = styled(H3)` | ||
| color: #ff6347; | ||
| `; | ||
|
|
||
| const TextBody = styled.p` | ||
| font-family: Inter; | ||
| font-size: 25px; | ||
| font-weight: 400; | ||
| line-height: 30.26px; | ||
| color: #ffb1a3; | ||
| `; | ||
34 changes: 24 additions & 10 deletions
34
apps/dashboard/components/hacker-portal/declined-placeholder.tsx
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,31 +1,45 @@ | ||
| import { H1, H3, Link } from '@hibiscus/ui'; | ||
| import Image from 'next/image'; | ||
| import styled from 'styled-components'; | ||
| import HackSCGuy from '../svg/hacksc-guy'; | ||
|
|
||
| export const DeclinedPlaceholder = () => { | ||
| return ( | ||
| <Container> | ||
| <Image | ||
| alt="Airplane postcard illustration" | ||
| src="/hackform-illustrations/postcard-plane.svg" | ||
| width={200} | ||
| height={200} | ||
| /> | ||
| <H1>You have declined your spot for HackSC X</H1> | ||
| <H3> | ||
| <HackSCGuy /> | ||
| <Heading>You have declined your spot for SoCal Tech Week</Heading> | ||
| <TextBody> | ||
| Bummer 😞 Welp, there{"'"}s always another chance to build something | ||
| cool 😄 Make sure to stay up to date with HackSC through our{' '} | ||
| <Link href="https://instagram.com/hackscofficial/" passHref underline> | ||
| social media | ||
| </Link>{' '} | ||
| for other upcoming events! | ||
| </H3> | ||
| </TextBody> | ||
| <br /> | ||
| <H3>We look forward to seeing you again 🌺</H3> | ||
| <TextBody>We look forward to seeing you again 🌺</TextBody> | ||
| </Container> | ||
| ); | ||
| }; | ||
|
|
||
| export default DeclinedPlaceholder; | ||
|
|
||
| const Container = styled.div``; | ||
|
|
||
| const Heading = styled.h1` | ||
| font-family: Inter; | ||
| font-size: 40px; | ||
| font-weight: 500; | ||
| letter-spacing: -0.05em; | ||
| text-align: left; | ||
| color: #ff6347; | ||
| margin: 0 0 1rem 0; | ||
| `; | ||
|
|
||
| const TextBody = styled.p` | ||
| font-family: Inter; | ||
| font-size: 25px; | ||
| font-weight: 400; | ||
| line-height: 30.26px; | ||
| color: #ffb1a3; | ||
| `; |
Oops, something went wrong.