mirror of
https://github.com/System-End/site.git
synced 2026-04-19 22:05:11 +00:00
Merge pull request #1053 from theaquarium/main
This commit is contained in:
fayd
GitHub
commit
9b9b590fab
6 changed files with 158 additions and 0 deletions
109
components/index/cards/wonderland.js
Normal file
109
components/index/cards/wonderland.js
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
import CardModel from './card-model'
|
||||
import { Box, Flex, Grid, Image, Text } from 'theme-ui'
|
||||
import Buttons from './button'
|
||||
|
||||
/** @jsxImportSource theme-ui */
|
||||
|
||||
export default function Wonderland() {
|
||||
return (
|
||||
<CardModel
|
||||
color="white"
|
||||
sx={{
|
||||
backgroundSize: 'cover',
|
||||
backgroundColor: '#95C9E5',
|
||||
border: '2px solid #fbbae4'
|
||||
}}
|
||||
position={[null, 'bottom', 'bottom']}
|
||||
image="/wonderland/banner.webp"
|
||||
highlight={'#fbbae4'}
|
||||
filter="brightness(0.6)"
|
||||
>
|
||||
<Grid columns={[1, 1, 2]} sx={{ position: 'relative', zIndex: 2 }}>
|
||||
<Flex
|
||||
sx={{
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'space-between'
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<Image
|
||||
src="/wonderland/wonderland.svg"
|
||||
sx={{
|
||||
width: ['300px', '350px', '400px'],
|
||||
mt: ['-10px', '-10px', '-10px'],
|
||||
position: 'relative',
|
||||
zIndex: 2,
|
||||
fontSize: ['36px', 4, 5],
|
||||
color: 'white',
|
||||
filter: 'drop-shadow(0 0 10px #fbbae4 )'
|
||||
}}
|
||||
alt="Wonderland"
|
||||
/>
|
||||
|
||||
<Text
|
||||
as="p"
|
||||
variant="subheadline"
|
||||
sx={{
|
||||
ml: '10px',
|
||||
mt: '-10px',
|
||||
mb: '10px',
|
||||
zIndex: 2,
|
||||
color: 'white',
|
||||
fontSize: ['24px !important'],
|
||||
|
||||
textShadow: '0 0 20px #fbbae4'
|
||||
}}
|
||||
// sx={{
|
||||
// fontSize: ['30px', '30px', '30px'],
|
||||
// fontWeight: 'bold'
|
||||
// }}
|
||||
>
|
||||
Boston, MA
|
||||
<br />
|
||||
February 23-25th
|
||||
</Text>
|
||||
</Box>
|
||||
|
||||
<Buttons
|
||||
icon="flag-fill"
|
||||
href="https://wonderland.hackclub.com/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
primary="#fbbae4"
|
||||
id="43"
|
||||
sx={{ color: '#000' }}
|
||||
>
|
||||
Join Us
|
||||
</Buttons>
|
||||
</Flex>
|
||||
<Box
|
||||
sx={{
|
||||
textShadow: '0 0 20px #fbbae4'
|
||||
}}
|
||||
>
|
||||
<Text
|
||||
as="p"
|
||||
variant="subtitle"
|
||||
sx={{
|
||||
fontSize: ['22px', '20px', '18px']
|
||||
}}
|
||||
>
|
||||
Only when we limit ourselves... do we become truly free.
|
||||
</Text>
|
||||
<Text
|
||||
as="p"
|
||||
variant="subtitle"
|
||||
sx={{
|
||||
fontSize: ['22px', '20px', '18px']
|
||||
}}
|
||||
>
|
||||
How would you and your friends use a 🥕 carrot or a 🧸 stuffed
|
||||
animal in a hackathon project? In Wonderland, you'll explore 🧰
|
||||
chests of random objects and software that you'll incorporate into
|
||||
hackathon projects.
|
||||
</Text>
|
||||
</Box>
|
||||
</Grid>
|
||||
</CardModel>
|
||||
)
|
||||
}
|
||||
|
|
@ -17,6 +17,15 @@
|
|||
"img": "https://cloud-eg2ex8nol-hack-club-bot.vercel.app/0favicon-on-light-removebg-preview.png",
|
||||
"link": "https://cpu.land"
|
||||
},
|
||||
{
|
||||
"background": "linear-gradient(to bottom right, #91C2F4, #FFB6E6, #F3E4C6)",
|
||||
"titleColor": "#000",
|
||||
"descriptionColor": "#000",
|
||||
"title": "Wonderland",
|
||||
"description": "How would you and your friends use a 🥕 carrot or a 🧸 stuffed animal in a hackathon project?",
|
||||
"img": "/wonderland/logo.svg",
|
||||
"link": "https://wonderland.hackclub.com"
|
||||
},
|
||||
{
|
||||
"background": "#000",
|
||||
"titleColor": "green",
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@ import Photo from '../components/photo'
|
|||
import Comma from '../components/comma'
|
||||
import Haxidraw from '../components/index/cards/haxidraw'
|
||||
import Onboard from '../components/index/cards/onboard'
|
||||
import Wonderland from '../components/index/cards/wonderland'
|
||||
|
||||
/** @jsxImportSource theme-ui */
|
||||
|
||||
|
|
@ -675,6 +676,7 @@ function Page({
|
|||
and make things together!
|
||||
</Text>
|
||||
</Box>
|
||||
<Wonderland />
|
||||
<Pizza />
|
||||
<Slack slackKey={slackKey} data={slackData} events={events} />
|
||||
</Box>
|
||||
|
|
|
|||
BIN
public/wonderland/banner.webp
Normal file
BIN
public/wonderland/banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
11
public/wonderland/logo.svg
Normal file
11
public/wonderland/logo.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="396" height="396" viewBox="0 0 396 396" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="198" cy="198" r="196" fill="url(#paint0_radial_23_74)" stroke="black" stroke-width="4"/>
|
||||
<path d="M194.041 183.669L191.858 184.304C178.273 188.259 170.372 198.21 168.844 210.635L166.859 210.391L168.844 210.635C168.505 213.397 169.057 216.747 170.092 220.484C170.847 223.212 171.812 225.993 172.781 228.785C173.138 229.814 173.496 230.845 173.844 231.875C175.103 235.606 176.244 239.357 176.508 242.609C176.773 245.871 176.187 249.162 173.366 251.276C163.775 258.464 155.771 264.623 149.651 272.371C143.582 280.052 139.311 289.374 137.427 302.935L135.446 302.66L137.427 302.935C137.339 303.568 137.012 304.238 136.341 304.676C135.763 305.054 135.16 305.104 134.796 305.101C134.097 305.097 133.326 304.874 132.768 304.704C132.464 304.611 132.164 304.515 131.866 304.419C130.843 304.091 129.845 303.771 128.821 303.634C127.542 303.464 126.768 303.667 126.259 304.158C125.688 304.709 124.948 306.093 124.927 309.482C124.885 316.479 125.758 322.48 128.569 327.892C129.248 329.199 129.815 330.324 130.325 331.337C130.857 332.394 131.328 333.328 131.801 334.221C132.692 335.901 133.43 337.109 134.252 338.081C135.81 339.923 137.879 341.167 142.737 342.69L142.139 344.599L142.737 342.69C154.711 346.444 165.747 345.997 178.357 345.486C180.109 345.416 181.891 345.343 183.71 345.281C199.8 344.73 215.312 342.777 230.595 338.198C233.49 337.331 236.561 334.411 239.053 330.474C241.514 326.587 243.128 322.148 243.396 318.812C244.322 307.287 240.665 297.002 236.839 286.241C235.923 283.664 234.997 281.06 234.122 278.405C232.565 273.68 230.965 268.944 229.362 264.2C226.922 256.979 224.475 249.74 222.164 242.488C221.655 240.892 221.62 239.406 222.116 238.078C222.608 236.762 223.53 235.849 224.476 235.217C225.933 234.244 227.849 233.722 229.009 233.405C229.241 233.342 229.443 233.287 229.605 233.238C233.059 232.197 235.595 230.703 237.465 228.714C239.336 226.725 240.66 224.114 241.487 220.648L241.487 220.647C241.919 218.837 242.025 217.367 241.823 216.027C241.622 214.701 241.1 213.379 240.103 211.894C238 208.764 236.062 205.532 234.154 202.352L233.955 202.02C231.973 198.717 230.017 195.471 227.892 192.354C227.152 191.269 226.114 190.317 224.845 189.242C224.672 189.095 224.494 188.946 224.313 188.793C223.225 187.881 221.998 186.851 220.962 185.679C220.304 184.936 219.593 183.911 219.093 182.861C218.842 182.335 218.615 181.743 218.493 181.134C218.374 180.546 218.318 179.776 218.594 179.003L218.595 179.001C223.115 166.373 227.823 153.809 232.525 141.261C233.704 138.117 234.882 134.974 236.056 131.831L236.627 130.304L238.237 130.555C238.475 130.592 238.721 130.631 238.965 130.669C239.173 130.702 239.379 130.734 239.578 130.765L241.482 131.062L241.256 132.976C241.152 133.858 241.033 134.689 240.919 135.491C240.675 137.197 240.451 138.77 240.425 140.417C240.419 140.8 240.407 141.168 240.396 141.525C240.37 142.308 240.347 143.039 240.391 143.766C240.458 144.886 240.671 145.273 240.738 145.343C249.902 154.946 259.351 164.296 268.881 173.583C270.487 175.148 272.651 176.394 274.942 177.479C277.851 178.857 279.424 178.921 280.381 178.52C281.337 178.12 282.395 176.954 283.453 173.916L283.453 173.916C287.269 162.955 289.633 152.068 286.654 141.064C283.972 131.162 278.19 122.776 270.785 115.416C261.033 105.724 249.944 97.8805 237.512 92.0283L237.512 92.0283C232.767 89.7941 229.678 89.5492 227.542 90.5043C225.405 91.4605 223.511 93.9377 221.986 98.9998L221.986 98.9999C215.206 121.491 210.59 144.286 209.892 167.787C209.892 167.787 209.892 167.787 209.892 167.787L207.893 167.728C207.8 170.872 206.755 173.988 205.711 177.104C205.23 178.539 204.748 179.975 204.36 181.413L194.041 183.669ZM194.041 183.669L193.133 181.585C192.8 180.822 192.487 180.06 192.179 179.309C191.515 177.692 190.873 176.127 190.101 174.718L190.101 174.717C186.446 168.051 182.773 161.409 179.103 154.771C173.949 145.45 168.798 136.136 163.707 126.772L163.707 126.771C154.508 109.857 145.39 92.9012 136.445 75.859L136.445 75.859C134.418 71.9974 132.823 67.7959 131.655 63.5507C129.828 56.9072 133.172 50.6776 139.667 48.0862C140.68 47.6821 142.899 47.2412 145.94 46.8376C148.899 46.4449 152.417 46.113 155.867 45.8614C159.316 45.61 162.674 45.4405 165.309 45.3702C166.628 45.3349 167.751 45.325 168.605 45.3408C169.033 45.3487 169.379 45.3628 169.639 45.3815C169.858 45.3972 169.964 45.4128 169.994 45.417C170.003 45.4185 170.005 45.4186 169.999 45.4172C175.103 46.6673 178.733 49.3701 181.56 53.8432L181.56 53.8433C190.289 67.6567 192.89 83.3407 194.966 99.5317L194.041 183.669ZM170.474 43.4752L170.474 43.4751L170.474 43.4752Z" fill="white" stroke="black" stroke-width="4"/>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_23_74" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(218 403.5) rotate(-97.899) scale(385.659)">
|
||||
<stop offset="0.121507" stop-color="#F3E4C6"/>
|
||||
<stop offset="0.664013" stop-color="#FFB6E6"/>
|
||||
<stop offset="1" stop-color="#91C2F4"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
27
public/wonderland/wonderland.svg
Normal file
27
public/wonderland/wonderland.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 84 KiB |
Loading…
Add table
Reference in a new issue