Skip to content

Commit eede197

Browse files
rudietuesdaysrudietuesdays
committed
add featured work section to website
1 parent f3d55f7 commit eede197

4 files changed

Lines changed: 169 additions & 117 deletions

File tree

‎components/sections/ourWork.jsx‎

Lines changed: 45 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,9 +28,51 @@ export default function About() {
2828
<Heading color={textColor}>
2929
Featured Work
3030
</Heading>
31-
<WorkCard
32-
title="Bitpart"
33-
/>
31+
<List.Root display="flex" flexDirection={["column", "row"]} flexWrap="wrap" listStyle="none">
32+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
33+
<WorkCard
34+
title="Bitpart"
35+
href="https://bitp.art"
36+
description="Bitpart is a one-to-many messaging tool that plugs into Signal. Server code is written in Rust, and the dashboard site is Next.js and Chakra UI. Website database is built on Prisma."
37+
/>
38+
</List.Item>
39+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
40+
<WorkCard
41+
title="Tech Policy Press"
42+
href="https://techpolicy.press"
43+
description="A complete build of a website to explore the problems with Big Tech, and how governments can re-code it to protect the public interest and democracy. Built on Next.js using Material UI with a Content Management System built in Sanity.io. Design by Superbloom (fka Simply Secure)."
44+
/>
45+
</List.Item>
46+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
47+
<WorkCard
48+
title="Valley Abortion Group"
49+
href="https://vagclinic.com/"
50+
description="A website build for Valley Abortion Group. Built on Next.js using Chakra UI. Design by Design Choice."
51+
/>
52+
</List.Item>
53+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
54+
<WorkCard
55+
title="PPEF NY"
56+
href="https://ppefny.org/"
57+
description="A complete rebuild of the website for the Public Policy and Education Fund of New York. Built on Next.js using Material UI with a Content Management System built in Sanity.io. Design by Design Choice."
58+
/>
59+
</List.Item>
60+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
61+
<WorkCard
62+
title="We Testify"
63+
href="https://wetestify.org/"
64+
description="A complete rebuild of the WeTestify website, duplicating their chosen design and moving them off SquareSpace and onto a Next.js site with a content management system in Sanity.io."
65+
/>
66+
</List.Item>
67+
<List.Item marginRight={[0, 0, 12]} marginTop={8} maxW={["100%", "100%", 400]}>
68+
<WorkCard
69+
title="ReproJobs Jobs Board"
70+
href="https://jobs.reprojobs.org/"
71+
description="A jobs board built to integrate with the main site for ReproJobs, built custom as a semi-static site. Design by Design Choice. Project was sunset fall 2024."
72+
/>
73+
</List.Item>
74+
</List.Root>
75+
3476
</Box>
3577
)
3678
}

‎components/ui/workCard.jsx‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,17 @@
1+
// fonts
2+
import { funnel } from "@/app/fonts";
3+
4+
// chakra ui imports
15
import { Box, Text } from "@chakra-ui/react";
26

3-
export const WorkCard = ({title}) => (
7+
// components imports
8+
import { Link } from "@/components/ui/link";
9+
10+
export const WorkCard = ({description, href, title}) => (
411
<Box>
5-
<Text>{title}</Text>
12+
<Link className={funnel.className} fontSize="3xl" href={href}>
13+
{title}
14+
</Link>
15+
<Text marginLeft={4}>{description}</Text>
616
</Box>
717
)

‎public/assets/images/bgDark.jsx‎

Lines changed: 56 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -4,62 +4,62 @@ export default function BgDark({width}) {
44
return (
55
<chakra.svg width="100%"viewBox="0 0 1440 678" fill="none">
66
<g clipPath="url(#clip0_542_142)">
7-
<path d="M709.415 -169L710.122 274.476V467.758L709.45 910.994" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
8-
<path d="M230.202 910.994L624.247 467.758V274.476L228.954 -169" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
9-
<path d="M1189.87 -169L795.999 274.476V467.758L1188.69 910.994" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
10-
<path d="M-249.594 641.276L366.623 467.764V274.481L-249.415 101.467" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
11-
<path d="M-249.594 506.167L23.128 467.761V274.479L-249.594 236.173" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
12-
<path d="M-249.594 525.472L109 467.763V274.481L-249.594 216.919" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
13-
<path d="M-249.594 551.202L194.872 467.759V274.477L-249.594 191.244" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
14-
<path d="M-249.594 587.238L280.754 467.762V274.479L-249.594 155.311" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
15-
<path d="M-249.594 731.307L452.495 467.757V274.474L-249.594 11.5989" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
16-
<path d="M-249.035 911L538.376 467.764V274.483L-249.594 -167.925" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
17-
<path d="M1669.84 506.184L1397.11 467.762V274.481L1669.84 236.158" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
18-
<path d="M1669.84 525.493L1311.25 467.759V274.476L1669.84 216.889" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
19-
<path d="M1669.84 191.198L1225.39 274.474L1225.38 467.757L1669.84 551.248" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
20-
<path d="M1669.84 155.23L1139.5 274.482L1139.5 467.763L1670 587.354" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
21-
<path d="M1669.99 101.224L1053.63 274.481L1053.62 467.763L1669.84 641.424" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
22-
<path d="M1669.99 11.2405L967.754 274.477V467.76L1669.84 731.61" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
23-
<path d="M1669.84 -168.722L881.869 274.476V467.758L1667.93 910.994" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
24-
<path d="M1669.84 13.374H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
25-
<path d="M1669.84 188.057H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
26-
<path d="M1669.84 128.942H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
27-
<path d="M1669.84 62.4729H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
28-
<path d="M1669.84 274.481H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
29-
<path d="M1669.84 99.7234H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
30-
<path d="M1669.84 152.477H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
31-
<path d="M1669.84 248.09H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
32-
<path d="M1669.84 232.995H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
33-
<path d="M1669.84 223.974H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
34-
<path d="M1669.84 240.987H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
35-
<path d="M1669.84 260.21H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
36-
<path d="M1669.84 254.465H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
37-
<path d="M1669.84 265.415H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
38-
<path d="M1669.84 270.155H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
39-
<path d="M1669.84 201.823H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
40-
<path d="M1669.84 171.846H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
41-
<path d="M1669.84 213.672H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
42-
<path d="M-249.594 467.757H1669.84" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
43-
<path d="M-249.594 419.44H1669.84" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
44-
<path d="M-249.594 371.124H1669.84" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
45-
<path d="M-249.594 322.803H1669.84" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
46-
<path d="M-249.594 274.481H1669.84" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
47-
<path d="M1669.42 467.757H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
48-
<path d="M1669.84 472.103H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
49-
<path d="M1669.84 476.848H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
50-
<path d="M1669.84 482.078H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
51-
<path d="M1669.84 487.833H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
52-
<path d="M1669.84 494.219H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
53-
<path d="M1669.84 501.347H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
54-
<path d="M1669.84 509.354H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
55-
<path d="M1669.84 518.41H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
56-
<path d="M1669.84 528.733H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
57-
<path d="M1669.84 540.602H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
58-
<path d="M1669.84 554.419H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
59-
<path d="M1669.84 570.674H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
60-
<path d="M1669.84 590.089H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
61-
<path d="M1669.84 613.695H-250" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
62-
<path d="M1669.84 642.989H-249.594" stroke="#A1A1A1" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round" />
7+
<path d="M709.415 -169L710.122 274.476V467.758L709.45 910.994" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
8+
<path d="M230.202 910.994L624.247 467.758V274.476L228.954 -169" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
9+
<path d="M1189.87 -169L795.999 274.476V467.758L1188.69 910.994" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
10+
<path d="M-249.594 641.276L366.623 467.764V274.481L-249.415 101.467" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
11+
<path d="M-249.594 506.167L23.128 467.761V274.479L-249.594 236.173" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
12+
<path d="M-249.594 525.472L109 467.763V274.481L-249.594 216.919" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
13+
<path d="M-249.594 551.202L194.872 467.759V274.477L-249.594 191.244" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
14+
<path d="M-249.594 587.238L280.754 467.762V274.479L-249.594 155.311" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
15+
<path d="M-249.594 731.307L452.495 467.757V274.474L-249.594 11.5989" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
16+
<path d="M-249.035 911L538.376 467.764V274.483L-249.594 -167.925" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
17+
<path d="M1669.84 506.184L1397.11 467.762V274.481L1669.84 236.158" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
18+
<path d="M1669.84 525.493L1311.25 467.759V274.476L1669.84 216.889" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
19+
<path d="M1669.84 191.198L1225.39 274.474L1225.38 467.757L1669.84 551.248" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
20+
<path d="M1669.84 155.23L1139.5 274.482L1139.5 467.763L1670 587.354" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
21+
<path d="M1669.99 101.224L1053.63 274.481L1053.62 467.763L1669.84 641.424" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
22+
<path d="M1669.99 11.2405L967.754 274.477V467.76L1669.84 731.61" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
23+
<path d="M1669.84 -168.722L881.869 274.476V467.758L1667.93 910.994" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
24+
<path d="M1669.84 13.374H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
25+
<path d="M1669.84 188.057H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
26+
<path d="M1669.84 128.942H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
27+
<path d="M1669.84 62.4729H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
28+
<path d="M1669.84 274.481H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
29+
<path d="M1669.84 99.7234H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
30+
<path d="M1669.84 152.477H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
31+
<path d="M1669.84 248.09H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
32+
<path d="M1669.84 232.995H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
33+
<path d="M1669.84 223.974H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
34+
<path d="M1669.84 240.987H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
35+
<path d="M1669.84 260.21H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
36+
<path d="M1669.84 254.465H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
37+
<path d="M1669.84 265.415H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
38+
<path d="M1669.84 270.155H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
39+
<path d="M1669.84 201.823H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
40+
<path d="M1669.84 171.846H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
41+
<path d="M1669.84 213.672H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
42+
<path d="M-249.594 467.757H1669.84" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
43+
<path d="M-249.594 419.44H1669.84" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
44+
<path d="M-249.594 371.124H1669.84" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
45+
<path d="M-249.594 322.803H1669.84" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
46+
<path d="M-249.594 274.481H1669.84" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
47+
<path d="M1669.42 467.757H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
48+
<path d="M1669.84 472.103H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
49+
<path d="M1669.84 476.848H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
50+
<path d="M1669.84 482.078H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
51+
<path d="M1669.84 487.833H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
52+
<path d="M1669.84 494.219H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
53+
<path d="M1669.84 501.347H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
54+
<path d="M1669.84 509.354H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
55+
<path d="M1669.84 518.41H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
56+
<path d="M1669.84 528.733H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
57+
<path d="M1669.84 540.602H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
58+
<path d="M1669.84 554.419H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
59+
<path d="M1669.84 570.674H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
60+
<path d="M1669.84 590.089H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
61+
<path d="M1669.84 613.695H-250" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
62+
<path d="M1669.84 642.989H-249.594" stroke="#A1A1A1" strokeWidth="0.25" strokeLinecap="round" strokeLinejoin="round" />
6363
</g>
6464
<defs>
6565
<clipPath id="clip0_542_142">

0 commit comments

Comments
 (0)