···1import About from "@/components/pageContent/AboutPage";
00023export default function Page(): React.ReactElement {
4- return <About />;
0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000005}
···1import About from "@/components/pageContent/AboutPage";
2+import BaseLayout from "@/components/BaseLayout";
3+import SocialLink from "@/components/SocialLink";
4+import Link from "next/link";
56export default function Page(): React.ReactElement {
7+ return (
8+ <BaseLayout titleText={"About"}>
9+ <div className="max-w-2xl mx-auto">
10+ <h1>About</h1>
11+ <div className="col-span-2 sm:col-span-1 max-w-none prose prose-stone dark:prose-invert leading-relaxed">
12+ <p>
13+ Hello, hello! Welcome to the home of my many interests, half-baked
14+ projects, and digital representations of myself. I hope you enjoy
15+ it.
16+ </p>
17+ <p>
18+ I am here on this weird, green planet to have fun, learn, teach,
19+ create, and love.
20+ </p>
21+ <p>Highlights from the last few years:</p>
22+ <ul>
23+ <li>
24+ Founding{" "}
25+ <a href="https://generatenu.com/" target="_blank">
26+ a product development studio
27+ </a>{" "}
28+ during college with some of my best friends.
29+ </li>
30+ <li>Teaching myself to ride a bike at the ripe age of 21.</li>
31+ <li>
32+ Moving from the US to Singapore on a whim in the Fall of 2019,
33+ building a life there after COVID hit, and realizing that{" "}
34+ <Link href="/recipes">food is pretty cool</Link>.
35+ </li>
36+ <li>
37+ Hiking a section of the Appalachian Trail on a week's notice and
38+ with no training, with the help of one brave, offroad-friendly
39+ taxi driver (
40+ <a
41+ href="https://connect.clickandpledge.com/w/Form/980c7253-487d-45d4-a9d0-fd149fb53720?637680013319366350"
42+ target="_blank"
43+ >
44+ donate to the AT!
45+ </a>
46+ ).
47+ </li>
48+ <li>
49+ Discovering the art and science of terrariums, hosting a workshop
50+ to tell all my friends about it, and building{" "}
51+ <a href="https://terrarium-resources.webflow.io/" target="_blank">
52+ a terrarium resource directory
53+ </a>{" "}
54+ so others can have the same fun I did.
55+ </li>
56+ </ul>
57+ <p>
58+ <a href="https://www.linkedin.com/in/baileykane/" target="_blank">
59+ My professional life
60+ </a>{" "}
61+ has followed a similar pattern. I'm excited by solving interesting
62+ problems with fun people. I've jumped industries and roles in nearly
63+ every job I've had, and have embraced my nature as an enthusiastic
64+ generalist.
65+ </p>
66+ <p>I now spend my time:</p>
67+ <ul>
68+ <li>
69+ Supporting small business owners by upgrading their businesses
70+ with technology and processes.
71+ </li>
72+ <li>
73+ Fulfilling my lifelong dreams of being a teacher, teaching STEM
74+ topics, music, and anything that I get excited to run a workshop
75+ for.
76+ </li>
77+ <li>
78+ Working on projects that I'm excited by in climate, education,
79+ music, and the arts.
80+ </li>
81+ </ul>
82+ <p>
83+ If you want to say hi, work together, or give me advice on how to
84+ organize my life,{" "}
85+ <a href="mailto:bailey.orion.kane@gmail.com">please reach out</a>.
86+ I'd love to hear from you.
87+ </p>
88+ </div>
89+ <hr className="mt-4 pt-4 border-stone-400 dark:border-stone-500" />
90+ <div className="flex gap-2 items-center">
91+ <SocialLink
92+ href="mailto:bailey.orion.kane@gmail.com"
93+ icon="/img/emailIcon.png"
94+ >
95+ Email
96+ </SocialLink>
97+ <SocialLink href="https://www.linkedin.com/in/baileykane/">
98+ LinkedIn{" "}
99+ </SocialLink>
100+ <SocialLink
101+ href="https://bsky.app/profile/baileykane.co"
102+ icon="/img/bluesky_favicon.png"
103+ >
104+ Bluesky
105+ </SocialLink>
106+ </div>
107+ </div>
108+ </BaseLayout>
109+ );
110}
-109
components/pageContent/AboutPage.tsx
···1-import BaseLayout from "@/components/BaseLayout";
2-import SocialLink from "@/components/SocialLink";
3-import Link from "next/link";
4-5-export default function About(): React.ReactElement {
6- return (
7- <BaseLayout titleText={"About"}>
8- <div className="max-w-2xl mx-auto">
9- <h1>About</h1>
10- <div className="col-span-2 sm:col-span-1 max-w-none prose prose-stone dark:prose-invert leading-relaxed">
11- <p>
12- Hello, hello! Welcome to the home of my many interests, half-baked
13- projects, and digital representations of myself. I hope you enjoy
14- it.
15- </p>
16- <p>
17- I am here on this weird, green planet to have fun, learn, teach,
18- create, and love.
19- </p>
20- <p>Highlights from the last few years:</p>
21- <ul>
22- <li>
23- Founding{" "}
24- <a href="https://generatenu.com/" target="_blank">
25- a product development studio
26- </a>{" "}
27- during college with some of my best friends.
28- </li>
29- <li>Teaching myself to ride a bike at the ripe age of 21.</li>
30- <li>
31- Moving from the US to Singapore on a whim in the Fall of 2019,
32- building a life there after COVID hit, and realizing that{" "}
33- <Link href="/recipes">food is pretty cool</Link>.
34- </li>
35- <li>
36- Hiking a section of the Appalachian Trail on a week's notice and
37- with no training, with the help of one brave, offroad-friendly
38- taxi driver (
39- <a
40- href="https://connect.clickandpledge.com/w/Form/980c7253-487d-45d4-a9d0-fd149fb53720?637680013319366350"
41- target="_blank"
42- >
43- donate to the AT!
44- </a>
45- ).
46- </li>
47- <li>
48- Discovering the art and science of terrariums, hosting a workshop
49- to tell all my friends about it, and building{" "}
50- <a href="https://terrarium-resources.webflow.io/" target="_blank">
51- a terrarium resource directory
52- </a>{" "}
53- so others can have the same fun I did.
54- </li>
55- </ul>
56- <p>
57- <a href="https://www.linkedin.com/in/baileykane/" target="_blank">
58- My professional life
59- </a>{" "}
60- has followed a similar pattern. I'm excited by solving interesting
61- problems with fun people. I've jumped industries and roles in nearly
62- every job I've had, and have embraced my nature as an enthusiastic
63- generalist.
64- </p>
65- <p>I now spend my time:</p>
66- <ul>
67- <li>
68- Supporting small business owners by upgrading their businesses
69- with technology and processes.
70- </li>
71- <li>
72- Fulfilling my lifelong dreams of being a teacher, teaching STEM
73- topics, music, and anything that I get excited to run a workshop
74- for.
75- </li>
76- <li>
77- Working on projects that I'm excited by in climate, education,
78- music, and the arts.
79- </li>
80- </ul>
81- <p>
82- If you want to say hi, work together, or give me advice on how to
83- organize my life,{" "}
84- <a href="mailto:bailey.orion.kane@gmail.com">please reach out</a>.
85- I'd love to hear from you.
86- </p>
87- </div>
88- <hr className="mt-4 pt-4 border-stone-400 dark:border-stone-500" />
89- <div className="flex gap-2 items-center">
90- <SocialLink
91- href="mailto:bailey.orion.kane@gmail.com"
92- icon="/img/emailIcon.png"
93- >
94- Email
95- </SocialLink>
96- <SocialLink href="https://www.linkedin.com/in/baileykane/">
97- LinkedIn{" "}
98- </SocialLink>
99- <SocialLink
100- href="https://bsky.app/profile/baileykane.co"
101- icon="/img/bluesky_favicon.png"
102- >
103- Bluesky
104- </SocialLink>
105- </div>
106- </div>
107- </BaseLayout>
108- );
109-}