-
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.
Merge branch 'main' of https://github.com/Scott170c/Hacky-Holidays
- Loading branch information
Showing
10 changed files
with
396 additions
and
246 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 |
|---|---|---|
| @@ -0,0 +1,107 @@ | ||
| import { | ||
| Box, | ||
| Button, | ||
| Image, | ||
| Grid, | ||
| Heading, | ||
| Text, | ||
| } from 'theme-ui'; | ||
|
|
||
| const Threebox = () => { | ||
| return( | ||
| <Grid columns= {[1,1,1,3]}gap = {[50,5,20,0]} sx={{ | ||
| mt: '5vh', | ||
| width: 'fit-content', | ||
| px: '3vw', | ||
| textAlign: 'center', | ||
| justifyContent: 'center', | ||
| flexDirection: 'row', | ||
| alignItems: 'center', | ||
| backgroundColor: 'rgba(0, 0, 0, 0.31)', | ||
| borderRadius: '20px', | ||
| mx: '32px', | ||
| mb: '5vh', | ||
| paddingBottom: '2vh', | ||
| paddingTop: '2vh', | ||
| }}> | ||
| <Box sx={{ | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| mx: '1vw', | ||
| paddingTop: '2rem', | ||
| borderRadius: '20px', | ||
| }}> | ||
| <Heading as="h4" sx={{ | ||
| fontFamily: 'var(--font-inter)', | ||
| fontWeight: 900, | ||
| fontSize: '1.5vw', | ||
| paddingBottom: '1.2rem', | ||
| color: 'white', | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' | ||
| } }>Build</Heading> | ||
| <Image sx={{ | ||
| width:'27vw', | ||
| height: '28vw', | ||
| borderRadius: '20px', | ||
| paddingBottom: '2rem', | ||
| }} | ||
| src = "https://cloud-qonvrpxwd-hack-club-bot.vercel.app/0image.png" | ||
| ></Image> | ||
|
|
||
| </Box> | ||
| <Box sx={{ | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| paddingTop: '2rem', | ||
| mx: '1vw', | ||
|
|
||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' | ||
| }}> | ||
| <Heading as="h4" sx={{ | ||
| fontFamily: 'var(--font-inter)', | ||
| fontWeight: 900, | ||
| fontSize: '1.5vw', | ||
| color: 'white', | ||
| paddingBottom: '1.2rem' | ||
| } }>Design</Heading> | ||
| <Image sx={{ | ||
| width:'27vw', | ||
| height:'28vw', | ||
| borderRadius: '16px', | ||
| paddingBottom: '2rem' | ||
| }} src="https://cloud-go1uacpkk-hack-club-bot.vercel.app/0image.png"></Image> | ||
| </Box> | ||
| <Box sx={{ | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| display: 'flex', | ||
| mx: '1vw', | ||
|
|
||
| flexDirection: 'column', | ||
| paddingTop: '2rem' | ||
| }}> | ||
| <Heading as="h4" sx={{ | ||
| fontFamily: 'var(--font-inter)', | ||
| fontWeight: 900, | ||
| fontSize: '1.5vw', | ||
| paddingBottom: '1.2rem', | ||
| color: 'white', | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' | ||
| } }>Code</Heading> | ||
| <Image sx={{ | ||
| width:'27vw', | ||
| height:'28vw', | ||
| borderRadius: '16px', | ||
| paddingBottom: '2rem' | ||
| }} | ||
| src = "https://cloud-ix9a26xw1-hack-club-bot.vercel.app/0image.png" | ||
| ></Image> | ||
| </Box> | ||
| </Grid> | ||
| ) | ||
| } | ||
| export default Threebox; |
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 |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| import React from 'react'; | ||
|
|
||
| // Define the type for the props | ||
| interface CardProps { | ||
| question: string; | ||
| answer: string; | ||
| } | ||
|
|
||
| // Create the component | ||
| const FAQcard: React.FC<CardProps> = ({ question, answer }) => { | ||
| return ( | ||
| <div style={styles.card}> | ||
| <h3 style={styles.question}>{question}</h3> | ||
| <p style={styles.answer}>{answer}</p> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| // Inline styles for the component | ||
| const styles = { | ||
| card: { | ||
| border: '1px solid #ddd', | ||
| borderRadius: '20px', | ||
| padding: '16px', | ||
| margin: '16px', | ||
| backgroundColor: 'rgba(201, 227, 255, 0.73)', | ||
| boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)', | ||
| height: '16vw', | ||
| width: '25vw', | ||
| border: '5px solid rgba(39, 114, 193, 0.42)', | ||
| overflow: 'hidden', | ||
| }, | ||
| question: { | ||
| fontSize: '2.1rem', | ||
| fontWeight: 600, | ||
| color: '#FFFFFF', | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)', | ||
| }, | ||
| answer: { | ||
| fontSize: '1.1rem', | ||
| color: '#003180', | ||
| marginTop: '8px', | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)', | ||
| fontWeight: 600, | ||
| }, | ||
| }; | ||
|
|
||
| export default FAQcard; |
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 |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| import { | ||
| Box, | ||
| Button, | ||
| Image, | ||
| Grid, | ||
| Heading, | ||
| Text, | ||
| } from 'theme-ui'; | ||
|
|
||
| const footer = ()=> { | ||
| return ( | ||
| <footer style={{ | ||
| backgroundColor: '#100056', | ||
| height: '8vh', | ||
| width: '100%', | ||
| position: 'relative', | ||
| //bottom: '0', | ||
| display: 'flex', | ||
| //flexDirection: 'column', | ||
| alignItems: 'center', | ||
| fontWeight: '500px', | ||
| // py: '10px', | ||
| justifyContent: 'center', | ||
| fontSize: '2.7vh', | ||
| fontWeight: 700, | ||
| color: '#90C4FF' | ||
| }}> | ||
| Made with ❤️ by @bright li & @Scott | ||
| </footer> | ||
| ) | ||
| } | ||
| export default footer; |
Empty file.
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 |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| import { | ||
| Box, | ||
| Button, | ||
| Image, | ||
| Grid, | ||
| Heading, | ||
| Text, | ||
| } from 'theme-ui'; | ||
| import dynamic from 'next/dynamic'; | ||
|
|
||
| const ModelViewer = dynamic(() => import('../ModelViewer'), { ssr: false }); | ||
|
|
||
| const tipitytopity = ()=> { | ||
| return ( | ||
| <Box | ||
| sx={{ | ||
| display: 'flex', | ||
| flexDirection:['column','column', 'row'], | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| gap: '1rem', | ||
| padding: '1rem', | ||
| paddingRight: '3rem', | ||
| width: '100%', | ||
| margin: 'auto', | ||
|
|
||
| mt: '15vh', | ||
| textAlign: 'center', | ||
| // height: '65vh' | ||
| }} | ||
| > | ||
| {typeof window !== 'undefined' && <ModelViewer />} | ||
| {/* | ||
| <Image | ||
| src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" | ||
| alt="Example PCB!" | ||
| style={{ width: '35%', height: '34%' }} | ||
| sx={{ | ||
| width: '300px', | ||
| height: '200px', | ||
| // borderRadius: '16px', | ||
| // boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.1)', | ||
| '&:hover': { | ||
| transform: 'scale(1.1)', | ||
| transition: 'transform 0.3s ease-in-out', | ||
| }, | ||
| }} | ||
| /> */} | ||
| <Box | ||
| sx={{ | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| alignItems: 'left', | ||
| // justifyContent: 'left', | ||
| ml: ['0vw','2vw'], | ||
| // mt: ['1%','12%'], | ||
| maxWidth: '100%', | ||
| textAlign: 'center' | ||
| }} | ||
| > | ||
| <Heading as="h1" variant="styles.h1" | ||
| sx={{ | ||
| fontFamily: 'var(--font-inter)', | ||
| fontSize: '7rem', | ||
| fontWeight:900, | ||
| textAlign: ['center','center','left'], | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' | ||
| }}> | ||
| Hacky Holidays | ||
| </Heading> | ||
| <Heading as="h2" variant="styles.h1" | ||
| sx={{ | ||
| fontFamily: 'var(--font-inter)', | ||
| fontSize: '2rem', | ||
| fontWeight:900, | ||
| textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' | ||
| }}> | ||
| Design a PCB holiday decoration <u><a style={{color:"#5297FF"}} href="https://google.com">this winter</a></u>, get a PCB grant! | ||
| </Heading> | ||
| <Button | ||
| sx={{ | ||
| mx: ['auto',0], | ||
| fontFamily: 'var(--font-inter)', | ||
| fontSize: '1.5rem', | ||
| fontWeight: 900, | ||
| color: 'white', | ||
| bg: '#f90b0b', | ||
| width: 'fit-content', | ||
| borderRadius: '2rem', | ||
| padding: '1rem 2rem', | ||
| mt: '1rem' | ||
| }}> | ||
| <b>Register Now!</b> | ||
| </Button> | ||
|
|
||
|
|
||
| </Box> | ||
|
|
||
| </Box> | ||
|
|
||
|
|
||
| ) | ||
| } | ||
| export default tipitytopity; |
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
Oops, something went wrong.