System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 22:05:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

wahoo

Browse source
This commit is contained in:
Belle 2022-12-16 16:32:13 -05:00
parent 541903e98d
commit 6847fe1929
5 changed files with 59 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/index/cards/bank.js
View file

@ -24,7 +24,7 @@ export default function Bank({ data }) {
color="white"
sx={{
backgroundColor: 'dark',
minHeight: ['300px', '400px', '350px'],
minHeight: ['300px', '400px', '380px'],
backgroundColor: 'darkless',
backgroundImage: `url('https://icons.hackclub.com/api/icons/0x29282C/glyph:bank-account.svg')`,
backgroundSize: '40px 40px',

4
components/index/cards/button.js
View file

@ -34,8 +34,8 @@ export default function Buttons({ children, icon, id, content, link, primary, ..
display: 'flex',
alignItems: 'center',
color: 'inherit',
px: 3,
py: primary != null ? 2 : 1,
px: '3',
py: primary != null ? '5px' : 1,
width: 'fit-content',
textTransform: 'none',
fontWeight: '400',

2
components/index/cards/sinerider.js
View file

@ -66,7 +66,7 @@ export default function Sinerider({ stars }) {
</Text>
<Flex sx={{ flexDirection: 'column', mt: [3, 3, 4] }}>
<Buttons
content="you could create the art, be a scene maker, or write graphics rendering code"
// content="you could create the art, be a scene maker, or write graphics rendering code"
id="4"
icon="rainbow"
href="https://github.com/hackclub/sinerider/#readme"

2
components/index/cards/sprig.js
View file

@ -238,7 +238,7 @@ export default function Sprig({ stars, game, gameImage, gameImage1 }) {
Review games / build the engine
</Buttons>
<Buttons
content="we're all hanging out in #sprig on Slack"
// content="we're all hanging out in #sprig on Slack"
id="9"
icon="friend"
link="/slack"

111
pages/index.js
View file

@ -707,9 +707,6 @@ function Page({
margin: 'auto'
}}
>
{/* <Text variant="eyebrow" as="p">
Hack Clubbers
</Text> */}
<Text variant="title" sx={{ fontSize: ['36px', 4, 5] }}>
Find your{' '}
<Text
@ -844,60 +841,6 @@ function Page({
}}
/>
</Card>
<Card
sx={{
background:
'linear-gradient(to bottom, rgba(255, 140, 55, 0.9) 0%, rgba(236, 55, 80, 0.9) 100%)',
color: 'white',
svg: { color: 'rgb(236, 55, 80)' },
textDecoration: 'none',
position: 'relative',
'.icon': {
transition:
'transform 0.25s ease-in-out, opacity 0.25s ease-in-out'
},
':hover,:focus': {
'.icon': {
transform: 'translateX(28px) translateY(-28px)',
opacity: 0
}
}
}}
as="a"
href="/clubs"
variant="interactive"
target="_blank"
rel="noopener"
>
<Icon
glyph="external"
size={32}
className="icon"
sx={{
position: 'absolute',
top: 2,
right: 2,
opacity: 0.3,
fontSize: ['18px', '20px', '22px'],
zIndex: 3,
color: 'white !important'
}}
/>
<Stage
icon="clubs"
color="white"
name="Start a club"
desc="Build an in-person community of high school hackers, and we're here to help."
sx={{
p: {
fontSize: ['18px', '20px', '22px']
},
h3: {
fontSize: ['22px', 2, 3]
}
}}
/>
</Card>
<Card
sx={{
background:
@ -952,6 +895,60 @@ function Page({
}}
/>
</Card>
<Card
sx={{
background:
'linear-gradient(to bottom, rgba(255, 140, 55, 0.9) 0%, rgba(236, 55, 80, 0.9) 100%)',
color: 'white',
svg: { color: 'rgb(236, 55, 80)' },
textDecoration: 'none',
position: 'relative',
'.icon': {
transition:
'transform 0.25s ease-in-out, opacity 0.25s ease-in-out'
},
':hover,:focus': {
'.icon': {
transform: 'translateX(28px) translateY(-28px)',
opacity: 0
}
}
}}
as="a"
href="/clubs"
variant="interactive"
target="_blank"
rel="noopener"
>
<Icon
glyph="external"
size={32}
className="icon"
sx={{
position: 'absolute',
top: 2,
right: 2,
opacity: 0.3,
fontSize: ['18px', '20px', '22px'],
zIndex: 3,
color: 'white !important'
}}
/>
<Stage
icon="clubs"
color="white"
name="Start a club"
desc="Build an in-person community of high school hackers, and we're here to help."
sx={{
p: {
fontSize: ['18px', '20px', '22px']
},
h3: {
fontSize: ['22px', 2, 3]
}
}}
/>
</Card>
</Grid>
<MailingList />
</Box>