Skip to content

Commit

Permalink
fixing funkiness
Browse files Browse the repository at this point in the history
  • Loading branch information
@tobyab
tobyab committed Oct 16, 2023
1 parent b1cc98e commit a5e912c
Show file tree
Hide file tree
Showing 2 changed files with 57 additions and 57 deletions.
24 changes: 12 additions & 12 deletions pages/onboard.js
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
import { Box, Button, Grid, Heading, Image, Text, Flex, Link } from 'theme-ui'
import Balancer from 'react-wrap-balancer'
import Head from 'next/head'
import Meta from '@hackclub/meta'
import Nav from '../components/nav'
import Footer from '../components/footer'
import FadeIn from '../components/fade-in'
import Sparkles from '../components/sparkles'
import Tilt from '../components/tilt'
import usePrefersReducedMotion from '../lib/use-prefers-reduced-motion'
import { useRef, useEffect, useState } from 'react'
import { Box, Button, Flex, Grid, Heading, Image, Link, Text } from "theme-ui";
import Balancer from "react-wrap-balancer";
import Head from "next/head";
import Meta from "@hackclub/meta";
import Nav from "../components/nav";
import Footer from "../components/footer";
import FadeIn from "../components/fade-in";
import Sparkles from "../components/sparkles";
import Tilt from "../components/tilt";
import usePrefersReducedMotion from "../lib/use-prefers-reduced-motion";
import { useEffect, useRef, useState } from "react";

/**
* @type {import('theme-ui').ThemeUIStyleObject}
Expand Down Expand Up @@ -459,7 +459,7 @@ const ShipPage = () => {
</Balancer>
</Heading>

<Flex sx={{ mt: 16, gap: 10 }}>
<Flex sx={{ mt: 16, gap: 10, flexDirection: ["column", "row"] }}>
<Button
variant="ctaLg"
as="a"
Expand Down
90 changes: 45 additions & 45 deletions pages/team.js
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import { Box, Container, Text, Grid, Flex } from 'theme-ui'
import Meta from '@hackclub/meta'
import Head from 'next/head'
import Nav from '../components/nav'
import Footer from '../components/footer'
import Bio from '../components/bio'
import ForceTheme from '../components/force-theme'
import { Box, Container, Flex, Grid, Text } from "theme-ui";
import Meta from "@hackclub/meta";
import Head from "next/head";
import Nav from "../components/nav";
import Footer from "../components/footer";
import Bio from "../components/bio";
import ForceTheme from "../components/force-theme";

export default function Team() {
return (
Expand All @@ -23,9 +23,9 @@ export default function Team() {
px={[2, 4]}
sx={{
backgroundImage:
'radial-gradient(ellipse farthest-corner at top left,rgb(36 181 165 / 70%),rgb(30 151 137 / 70%)), url(https://cloud-6b7atvvf8-hack-club-bot.vercel.app/0hack_club_team_-_july_2023.jpg)',
backgroundSize: 'cover',
backgroundPosition: '75%'
"radial-gradient(ellipse farthest-corner at top left,rgb(36 181 165 / 70%),rgb(30 151 137 / 70%)), url(https://cloud-6b7atvvf8-hack-club-bot.vercel.app/0hack_club_team_-_july_2023.jpg)",
backgroundSize: "cover",
backgroundPosition: "75%",
}}
>
<Container>
Expand All @@ -38,7 +38,7 @@ export default function Team() {
as="div"
variant="lead"
color="smoke"
sx={{ maxWidth: '650px' }}
sx={{ maxWidth: "650px" }}
>
We believe in a world where every young person is empowered to be
the change they want to see around them. At Hack Club, we’re
Expand All @@ -50,31 +50,31 @@ export default function Team() {
<Container>
<Flex
sx={{
bg: 'rgb(51 142 218 / 40%)',
bg: "rgb(51 142 218 / 40%)",
p: 3,
borderRadius: '20px',
borderRadius: "20px",
mb: 3,
gap: 3,
flexWrap: ['wrap', null, null, 'nowrap']
flexWrap: ["wrap", null, null, "nowrap"],
}}
>
<Text
variant="headline"
my={[0, 0, 3]}
as="h3"
sx={{
textAlign: 'center',
textAlign: "center",
fontSize: 4,
writingMode: [null, null, null, 'vertical-rl'],
writingMode: [null, null, null, "vertical-rl"],
mr: [0, 0, 0, 2],
transform: [null, null, null, 'rotate(180deg)'],
width: ['100%', null, null, 'fit-content'],
transform: [null, null, null, "rotate(180deg)"],
width: ["100%", null, null, "fit-content"],
marginBottom: [
'0px!important',
'0px!important',
'0px!important',
3
]
"0px!important",
"0px!important",
"0px!important",
3,
],
}}
>
Our Board
Expand Down Expand Up @@ -127,17 +127,17 @@ export default function Team() {
<Box>
<Box
sx={{
bg: 'rgb(51 214 166 / 40%)',
bg: "rgb(51 214 166 / 40%)",
p: 3,
borderRadius: '20px'
borderRadius: "20px",
}}
>
<Text
variant="headline"
mt={2}
mb={3}
as="h3"
sx={{ textAlign: 'center', fontSize: 4 }}
sx={{ textAlign: "center", fontSize: 4 }}
>
Hacker Resources Team
</Text>
Expand Down Expand Up @@ -170,14 +170,14 @@ export default function Team() {
img="https://media.kognise.dev/other-avatars/bean-man.jpg"
pronouns="she/her"
/>
<Bio
<Bio
name="Shawn Malluwa-Wadu"
img="https://cloud-8u876lgxi-hack-club-bot.vercel.app/0shawn.png"
teamRole="Local Cowboy"
text="Shawn Malluwa (@Shawn M.) is a Hack clubber from Maryland who joined in 2022 around the launch of Sprig and is now heavily involved in refining hardware designs for various HQ projects! He’s also the face and voice of a bunch of our social media videos, and works to share the process of making with the world. In his free time, Shawn loves to create Art across various mediums, particularly comics and animation."
pronouns="he/him"
/>
<Bio
<Bio
name="Faisal Sayed"
teamRole="Engineering"
img="https://ca.slack-edge.com/T0266FRGM-U014ND5P1N2-78db6630a13d-512"
Expand Down Expand Up @@ -219,7 +219,7 @@ export default function Team() {
img="/team/woody.jpg"
pronouns="he/him"
/>
<Bio
<Bio
img="/team/josias.jpg"
name="Josias Aurel"
teamRole="Engineering"
Expand All @@ -232,24 +232,24 @@ export default function Team() {
<Box>
<Box
sx={{
bg: 'rgb(236 55 80 / 40%)',
bg: "rgb(236 55 80 / 40%)",
p: 3,
borderRadius: '20px'
borderRadius: "20px",
}}
>
<Text
variant="headline"
mt={2}
mb={3}
as="h3"
sx={{ textAlign: 'center', fontSize: 4 }}
sx={{ textAlign: "center", fontSize: 4 }}
>
HCB Team
</Text>
<Grid
columns={[1, null, 2]}
gap={2}
sx={{ height: 'fit-content' }}
sx={{ height: "fit-content" }}
>
<Bio
img="/team/max.jpg"
Expand Down Expand Up @@ -343,22 +343,22 @@ export default function Team() {
</Grid>
<Box
sx={{
bg: 'rgb(166 51 214 / 40%)',
bg: "rgb(166 51 214 / 40%)",
p: 3,
borderRadius: '20px',
mt: 3
borderRadius: "20px",
mt: 3,
}}
>
<Text
variant="headline"
mt={2}
mb={3}
as="h3"
sx={{ textAlign: 'center', fontSize: 4 }}
sx={{ textAlign: "center", fontSize: 4 }}
>
Community Team
</Text>
<Grid columns={[2, null, 4]} gap={2}>
<Grid columns={[1, 2, null, 4]} gap={2}>
<Bio
name="Toby Brown"
teamRole="Moderation & Events"
Expand Down Expand Up @@ -404,11 +404,11 @@ export default function Team() {
</Grid>
</Box>
<br />
<Box sx={{ textAlign: 'center', mt: 2, mb: [3, 4] }}>
<Box sx={{ textAlign: "center", mt: 2, mb: [3, 4] }}>
<Text
variant="title"
color="orange"
sx={{ lineHeight: '1em', fontSize: [4, 5, 6] }}
sx={{ lineHeight: "1em", fontSize: [4, 5, 6] }}
as="h2"
>
Acknowledgements
Expand All @@ -417,13 +417,13 @@ export default function Team() {
variant="title"
color="text"
sx={{
lineHeight: '1.2',
lineHeight: "1.2",
fontSize: [1, 3, 4],
my: [3, 0, 0],
fontWeight: 400,
maxWidth: '600px',
width: '100%',
margin: 'auto'
maxWidth: "600px",
width: "100%",
margin: "auto",
}}
as="h2"
>
Expand Down Expand Up @@ -628,5 +628,5 @@ When not busy juggling different tasks he takes up, he enjoys tinkering & buildi
</Box>
<Footer light key="footer" />
</>
)
);
}

0 comments on commit a5e912c

Please sign in to comment.