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

Updated CSS

Browse source
This commit is contained in:
BrightTheBackpack 2024-11-10 02:43:27 +00:00
parent b70e049436
commit de0cf4b9c4
3 changed files with 28 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,6 +11,7 @@ export default function Buttons({
link,
primary,
overrideColor,
zIndex,
...props
}) {
let fontWeight = primary ? '700' : '400'
@ -18,8 +19,9 @@ export default function Buttons({
return (
<Box
as="button"
sx={{ background: 'transparent', border: 'none', color: 'white' }}
sx={{ background: 'transparent', border: 'none', color: 'white', zIndex: zIndex ||0 }}
py={1}
>
<Button
data-place="right"
@ -40,7 +42,8 @@ export default function Buttons({
fontWeight: '400',
fontSize: primary ? ['18px', '20px', '22px'] : [1, '16px', '18px'],
backdropFilter: 'blur(2px)',
fontWeight: fontWeight
fontWeight: fontWeight,
zIndex: 999,
}}
as="a"
href={link || '/'}

8
components/index/cards/counterspell.js
View file

@ -80,7 +80,7 @@ export default function Counterspell() {
as="p"
variant="subheadline"
sx={{
ml: ['0px', '0px', '-15px'],
ml: ['-8px', '0px', '-15px'],
mt: ['-30px', '0px', '-10px'],
mb: ['0px', '0px', '20px'],
zIndex: 2,
@ -89,7 +89,7 @@ export default function Counterspell() {
color: '#FFFFFFF',
fontSize: ['5px !important','5px !important','16px !important'],
fontSize: ['10px !important','10px !important','16px !important'],
}}
>
@ -106,13 +106,13 @@ export default function Counterspell() {
<Buttons
href="https://counterspell.hackclub.com/"
target="_blank"
sx = {{
}}
rel="noopener"
primary="#24479C"
icon = "door-enter"
id="43"
zIndex={999}
sx = {{zIndex: 9999999, left: ["50%", "50%", "0%"]}}
>
Learn More

27
components/index/cards/highseas.js
View file

@ -10,6 +10,7 @@ export default function HighSeas() {
<CardModel
color="white"
sx={{
display: 'flex',
backgroundSize: 'cover',
backgroundColor: '#FFF5D8',
@ -22,16 +23,18 @@ export default function HighSeas() {
styles={`
@font-face {
font-family: 'HighSeas1';
src: url('https://highseas.hackclub.com/_next/static/media/0fc6f5e9d9c3e206-s.p.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
`}
/>
<Grid columns={[1, 1, 2]} sx={{ position: 'relative', zIndex: 2 }}>
<Grid columns={[1, 1, 2]} sx={{ position: 'relative', zIndex: 2 , gridGap: 0}}>
<Flex
sx={{
flexDirection: 'column',
display: 'flex',
justifyContent: 'space-between'
}}
>
@ -41,6 +44,7 @@ export default function HighSeas() {
width: ['200px', '250px', '300px'],
mt: ['-5px', '-5px', '-5px'],
mb: ['30px', '30px', '30px'],
display: 'flex',
position: 'relative',
zIndex: 2,
fontSize: ['36px', 4, 5],
@ -51,8 +55,9 @@ export default function HighSeas() {
<Flex
sx={{
flexDirection: ['row', 'row', 'column'],
justifyContent: 'space-between'
flexDirection: ['column', 'column', 'column'],
justifyContent: 'space-between',
display: 'flex',
}}
>
<Text
@ -80,6 +85,10 @@ export default function HighSeas() {
href="https://highseas.hackclub.com/"
target="_blank"
rel="noopener"
sx = {{
mt: [30, 30, 30],
mb:[0,0,15]
}}
primary="#24479C"
id="43"
>
@ -88,17 +97,17 @@ export default function HighSeas() {
</Buttons>
</Flex>
</Flex>
<Box style={{display: "flex", alignItems: "center"}}>
<Box style={{display: "flex", alignItems: "center" }}>
<Image
src=" https://highseas.hackclub.com/chest.svg"
src=" https://highseas.hackclub.com/_next/image?url=%2Fchest.png&w=828&q=75"
sx={{
width: ['200px', '250px', '300px'],
mt: ['-5px', '-5px', '-5px'],
mb: ['30px', '30px', '30px'],
width: ['0', '0', '300px'],
mt: ['0px', '0px', '-5px'],
mb: ['0px', '0px', '30px'],
ml: ['0px', '0px', '50px'],
position: 'relative',
zIndex: 2,
fontSize: ['36px', 4, 5],
fontSize: ['0px', 4, 5],
color: 'white'
}}
alt="HighSeas"