jaspermayone.com
Personal Website for @jaspermayone.com
jaspermayone.com
fix small things
+25
-30
-5
src/app/layout.tsx
-5
src/app/layout.tsx
···
33
33
<head>
34
34
<meta property="og:image" content="https://jaspermayone.com/api/og" />
35
35
<link rel="icon" href="/icon" sizes="any" />
36
-
<script
37
-
defer
38
-
src="https://umami.jaspermayone.com/script.js"
39
-
data-website-id="3f757e82-5140-4634-9098-82223741ef08"
40
-
/>
41
36
</head>
42
37
<body>
43
38
<Script
+2
-2
src/app/page.tsx
+2
-2
src/app/page.tsx
···
96
96
a key role in the Waitsfield Elementary PTA's Annual Ski &
97
97
Skate sale, co-coordinated large scale climate conferences
98
98
called “See Change Sessions” with thousands of attendees,
99
-
enjoyed concerts by Sammy Rae & the Friends, AJR, and Lake
100
-
Street Dive.
99
+
and enjoyed concerts by Sammy Rae & the Friends, AJR, and
100
+
Lake Street Dive.
101
101
</p>
102
102
</div>
103
103
</div>
+5
-2
src/components/email.tsx
+5
-2
src/components/email.tsx
···
2
2
import { useState, type FormEvent } from "react";
3
3
import { Button } from "./ui/button";
4
4
import { Input } from "./ui/input";
5
+
import styles from "@/styles/Misc.module.css";
5
6
6
7
const predefinedEmails = [
7
8
"jaspermayone@gmail.com",
···
63
64
64
65
return (
65
66
<div className="w-full max-w-6xl mx-auto px-4">
66
-
<h2 className="font-medium text-xl mb-4">Newsletter</h2>
67
+
{/* h2 with custom .ul class */}
68
+
<h2 className={styles.lightUl}>Newsletter</h2>
67
69
<p className="text-gray-700 text-sm mb-4">
68
-
Join my newsletter to get updates on new projects.
70
+
Subscribe to my newsletter to get <i>occasioal</i> updates on what I'm
71
+
up to.
69
72
</p>
70
73
71
74
{!submitted ? (
+4
-6
src/components/experience.tsx
+4
-6
src/components/experience.tsx
···
6
6
AccordionTrigger,
7
7
} from "@/components/ui/accordion";
8
8
import { ExperienceItem } from "@/lib/types";
9
-
10
9
import { experience } from "@/lib/experience";
10
+
import styles from "@/styles/Misc.module.css";
11
11
12
12
export default function Experience() {
13
-
const columnSize = Math.ceil(experience.length / 3);
13
+
const columnSize = Math.ceil(experience.length / 2);
14
14
const firstColumn = experience.slice(0, columnSize);
15
15
const secondColumn = experience.slice(columnSize, columnSize * 2);
16
-
const thirdColumn = experience.slice(columnSize * 2);
17
16
18
17
const ExperienceColumn = ({
19
18
items,
···
46
45
47
46
return (
48
47
<div className="w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
49
-
<h2 className="font-medium text-xl pb-4">Experience</h2>
50
-
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
48
+
<h2 className={styles.lightUl}>Experience</h2>
49
+
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
51
50
<ExperienceColumn items={firstColumn} columnId="first" />
52
51
<ExperienceColumn items={secondColumn} columnId="second" />
53
-
<ExperienceColumn items={thirdColumn} columnId="third" />
54
52
</div>
55
53
</div>
56
54
);
+1
-15
src/lib/experience.ts
+1
-15
src/lib/experience.ts
···
25
25
{
26
26
company: "Signal Kitchen",
27
27
location: "Burlington, VT",
28
-
role: "Bookshop Manager & Assistant to Events Director",
28
+
role: "Logistics & Experience",
29
29
date: "February 2023 - February 2024",
30
30
link: "https://signalkitchen.com/",
31
31
},
···
37
37
link: "https://valleyplayers.com/",
38
38
},
39
39
{
40
-
company: "The Round Barn Farm",
41
-
location: "Waitsfield, VT",
42
-
role: "Busser / Event Staff",
43
-
date: "May 2022 - May 2023",
44
-
link: "https://theroundbarn.com/",
45
-
},
46
-
{
47
40
company: "Sugarbush Soaring Association",
48
41
location: "Warren, VT",
49
42
role: "Line Crew Member",
50
43
date: "July 2021 - September 2021",
51
44
link: "https://sugarbushsoaring.com/",
52
-
},
53
-
{
54
-
company: "Mad River Valley Television",
55
-
location: "Waitsfield, VT",
56
-
role: "Media Intern",
57
-
date: "May 2020 - October 2020",
58
-
link: "https://mrvtv.com/",
59
45
},
60
46
];
+13
src/styles/Misc.module.css
+13
src/styles/Misc.module.css
···
1
+
.lightUl {
2
+
/* make a light underline */
3
+
text-decoration: underline;
4
+
text-decoration-color: rgba(66, 153, 225, 0.9);
5
+
text-decoration-thickness: 2.25px;
6
+
text-decoration-style: dashed;
7
+
font-weight: 325;
8
+
font-size: 1.25rem; /* 20px */
9
+
line-height: 1.75rem; /* 28px */
10
+
padding-bottom: 0.5rem;
11
+
}
12
+
13
+
/* "font-medium text-xl mb-4 " */