Skip to content

Commit

Permalink
🩹 NICE-122 makeshift about (#2544)
Browse files Browse the repository at this point in the history 
Since in this new(ish) layout; this can no longer be pulled easily from API
  • Loading branch information
@JeromeFitz
JeromeFitz committed Jun 10, 2024
1 parent b16dfa2 commit 157746a
Show file tree
Hide file tree
Showing 5 changed files with 278 additions and 65 deletions.
265 changes: 248 additions & 17 deletions sites/jeromefitzgerald.com/src/app/(notion)/about/_components/Section.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,265 @@
import {
BookOpenIcon,
InfoCircledIcon,
MusicalNoteIcon,
TicketIcon,
} from '@jeromefitz/ds/components/Icon/index'
import { Callout } from '@jeromefitz/ds/components/Callout/index'
import { ExternalLinkIcon } from '@jeromefitz/ds/components/Icon/index'
import { cx } from '@jeromefitz/ds/utils/cx'

import { Box } from '@radix-ui/themes/dist/esm/components/box.js'
import { Button } from '@radix-ui/themes/dist/esm/components/button.js'
import { Code } from '@radix-ui/themes/dist/esm/components/code.js'
import { Em } from '@radix-ui/themes/dist/esm/components/em.js'
import { Heading } from '@radix-ui/themes/dist/esm/components/heading.js'
import { Link } from '@radix-ui/themes/dist/esm/components/link.js'
import { Separator } from '@radix-ui/themes/dist/esm/components/separator.js'
import { Strong } from '@radix-ui/themes/dist/esm/components/strong.js'
import { Text } from '@radix-ui/themes/dist/esm/components/text.js'
// eslint-disable-next-line no-restricted-imports
import NextLink from 'next/link'

// import type { ComponentPropsWithoutRef } from 'react'

import { Lorem } from '@/app/playground/2024/_components/Lorem'

import { LI, UL } from '@/components/List/index'
import { socials } from '@/data/socials'
interface SectionType {
content: any
icon: any
id: string
title: string
}

function Bio() {
return (
<>
<Text>
<Em>“I must confess, I was born at a very early age.” – Groucho Marx</Em>
<br /> <br />
</Text>
<Text>Ah yes, the dreaded bio section. Well, polite pass for now.</Text>
</>
)
}

function Comedy() {
return (
<>
<Text className="hidden">
<Em>“Comedy is tragedy - plus time.” – Carol Burnett</Em>
<br />
<br />
</Text>
<Text>
For the past <Code variant="ghost">10+</Code> years I’ve been directing,
producing, writing, and performing sketch comedy, musicals, and improv. Feel
free to check some out in the{' '}
<Link asChild>
<NextLink href="/shows">Shows section</NextLink>
</Link>
.
</Text>
<br />
<br />
<Text>
Based in <Strong>Pittsburgh, PA</Strong> I’ve had shows in <Em>Chicago</Em>,{' '}
<Em>Cleveland</Em>, <Em>Detroit</Em>, <Em>New York City</Em>,{' '}
<Em>Philaelphia</Em>, <Em>San Diego</Em>, <Em>San Francisco</Em>, and more.
</Text>
<br />
<br />
<Text>
Perhaps you have seen me in commercials for <Em>AT&T</Em>, <Em>Google</Em>,
or <Em>Sucrets</Em>. On the jumbotron before games for the{' '}
<Em>Pittsburgh Pirates</Em> at PNC Park. Or featured in{` `}
<Em>The Onion</Em>. (It’s okay if not though.)
</Text>
<Separator my="4" orientation="horizontal" size="4" />
<Text size="1">
I’ve also been extremely fortunate to take courses from some of the funniest
people in the comedy world and as a result – <Strong>thee world</Strong>:
<br />
<Em>Craig Cackowski</Em>, <Em>Kevin McDonald</Em>, <Em>Jaime Moyer</Em>,{' '}
<Em>Christine Nangle</Em>, <Em>Natalie Palamides</Em>, <Em>Rich Talarico</Em>
, <Em>Reggie Watts</Em>, and “more”!
</Text>
</>
)
}

function Engineering() {
return (
<>
<Text className="hidden">
<Em>
“Work hard, be kind, and amazing things will happen.” – Conan O’Brien
</Em>
<br />
<br />
</Text>
<Text>
I navigate complex technical challenges that align with organizational goals
through workflow optimization. I do this by focusing on a collaborative
culture of shared understanding that creates and maintains high-performing
departments that highlight continuous improvement and engineering excellence.
<br />
<br />
My focus is on consistently shipping products that are secure and reliable at
scale. My drive as an engineering leader is to equally scale the impact of
those I've been entrusted to lead. I encourage and grow next generation
leaders and seek to recognize, foster, and retain talent.
<br />
<br />
<Em>
People emulate their leaders. I hold myself accountable as the example I
want to follow.
</Em>
</Text>
<Separator my="4" orientation="horizontal" size="3" />
<Text>
I co-founded{' '}
<Link asChild>
<NextLink href="https://emplified.com">Emplified</NextLink>
</Link>{' '}
(<Em>rip</Em>), and am currently doing international business things at a
company made famous by Paul Rand (and for their{' '}
<Em>international business machinery</Em>).
<br />
<br />
I’ve also worked with Fortune 100, start-ups, and everywhere in-between.
Leading initiatives and teams through{' '}
<Link asChild>
<NextLink href="https://www.luma-institute.com/about-luma/luma-system-explore-methods">
human centered design methods
</NextLink>
</Link>{' '}
so all facets of the business are clear on what defines done and how together
we can share responsibility, success, and grow in a positive manner as a
collective and individuals.
</Text>
<Separator my="4" orientation="horizontal" size="4" />
<Text size="1">
All kidding aside on most of this website, I do have an ability to take
things seriously.
<br />
<Em>(And have a good time while doing so.)</Em>
</Text>
</>
)
}

function NonProfit() {
return (
<>
<Text className="hidden">
<Em>
“Work hard, be kind, and amazing things will happen.” – Conan O’Brien
</Em>
<br />
<br />
</Text>
<Text>
Outside of ‘traditional work’ I have been fortunate enough to volunteer in
the nonprofit sector:
</Text>
<br />
<br />
<UL>
<LI>
<Text>
Arcade Comedy Theater 501(c)(3), founding Leaderboard Member
(2014–Present)
</Text>
</LI>
<LI>
<Text>
Comedy Arts Pittsburgh 501(c)(3), co-founder, Pittsburgh Comedy Festival
(2013–2016)
</Text>
</LI>
<LI>
<Text>Side Project Inc. 501(c)(3), founding Team Member (2012–2014)</Text>
</LI>
<LI>
<Text>
American Heart Association 501(c)(3), Worldwide Charter Member
(2006–2012)
</Text>
</LI>
</UL>
<Separator my="4" orientation="horizontal" size="4" />
<Text size="1">
As well as organizing and/ or performing in benefits for:
<br />
<Em>
Animal Friends, Animal Rescue League, Casa San José, Greater Pittsburgh
Community Foodbank, Leukemia and Lymphoma Society, New Voices for
Reproductive Justice, Patrick O’Brien Foundation, Planned Parenthood,
Shepherd’s Heart Veterans Home, SisTers PGH, Steps To Independence, Wounded
Warriors, & more
</Em>
</Text>
</>
)
}

function Contact() {
return (
<>
<Callout size="1" variant="surface">
This has not been migrated yet.
</Callout>
<ul
className={cx(
'mx-2 mt-2 pt-2',
'flex flex-row gap-8 md:gap-4',
'justify-center',
'md:place-items-baseline md:items-center md:justify-start',
)}
>
{socials.map((social) => {
if (!social.active) return null

return (
<li className={cx('')} key={`footer--social--${social.id}`}>
<Button asChild highContrast radius="full" size="2" variant="ghost">
<a
className={cx(
'hover:cursor-pointer lg:flex',
'text-gray-12 hover:text-gray-12',
// 'duration-250 transition-colors',
'place-content-start items-center justify-items-start lg:w-full',
social.className,
)}
href={social.url}
target="_blank"
>
{social.icon}
<span
className={cx(
// 'flex flex-row items-center justify-center gap-2',
'hidden',
'',
)}
>
<span className="text-inherit">{social.title}</span>{' '}
<ExternalLinkIcon className="text-gray-12" />
</span>
</a>
</Button>
</li>
)
})}
</ul>
</>
)
}

const sectionsDefault = [
{ content: null, icon: BookOpenIcon, id: 'bio', title: 'Bio' },
{ content: null, icon: InfoCircledIcon, id: 'comedy', title: 'Comedy' },
{ content: null, icon: MusicalNoteIcon, id: 'engineering', title: 'Engineering' },
{ content: null, icon: TicketIcon, id: 'leadership', title: 'Leadership' },
{ content: null, icon: null, id: 'work', title: 'Work' },
{ content: <Bio />, icon: null, id: 'bio', title: 'Bio' },
{ content: <Comedy />, icon: null, id: 'comedy', title: 'Comedy' },
{
content: <Engineering />,
icon: null,
id: 'engineering',
title: 'Engineering',
},
{ content: <NonProfit />, icon: null, id: 'non-profit', title: 'NonProfit' },
{ content: <Contact />, icon: null, id: 'contact', title: 'Contact' },
]

function SectionLegend({ data }) {
Expand All @@ -54,7 +285,7 @@ function SectionLegend({ data }) {
{!!item.icon ? (
<Icon className="!size-4" />
) : (
<Code variant="ghost">{i}</Code>
<Code variant="ghost">{i + 1}</Code>
)}
</Box>
</Box>
Expand Down Expand Up @@ -102,7 +333,7 @@ function SectionContent({ data }) {
{!!item.icon ? (
<Icon className="!size-6" />
) : (
<Code variant="ghost">{i}</Code>
<Code variant="ghost">{i + 1}</Code>
)}
</Heading>
</Box>
Expand Down Expand Up @@ -144,7 +375,7 @@ function Section({ sections = sectionsDefault }: { sections?: SectionType[] }) {
className={cx(
'flex w-full flex-col md:flex-row',
'gap-[var(--sidebar-gap)]',
'',
'mb-24',
)}
>
<Box
Expand Down
42 changes: 1 addition & 41 deletions sites/jeromefitzgerald.com/src/app/(notion)/about/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import { cx } from '@jeromefitz/ds/utils/cx'
import { envClient as env } from '@jeromefitz/next-config/env.client.mjs'
import {
getDataFromCache,
Expand All @@ -8,26 +7,11 @@ import { isObjectEmpty } from '@jeromefitz/utils'

import type { Metadata } from 'next'

import { Box } from '@radix-ui/themes/dist/esm/components/box.js'
// import { Heading } from '@radix-ui/themes/dist/esm/components/heading.js'
import { Text } from '@radix-ui/themes/dist/esm/components/text.js'
import { draftMode } from 'next/headers.js'

import { CONFIG, getPageData } from '@/app/(notion)/_config/index'
import { generateMetadataCustom } from '@/app/(notion)/_config/temp/generateMetadataCustom'
import { ArticleMain } from '@/app/playground/2024/_components/Article.Main'
// // import { ArticleMainCTA } from '@/app/playground/2024/_components/Article.Main.CTA'
import { ContainerWithSidebar } from '@/app/playground/2024/_components/Container.Main'
import { ContainerSection } from '@/app/playground/2024/_components/Container.Section'
import { HeaderFull } from '@/app/playground/2024/_components/Header.Full'
import { HeaderSidebar } from '@/app/playground/2024/_components/Header.Sidebar'
// import { Lorem } from '@/app/playground/2024/_components/Lorem'
import { SectionSpacer } from '@/app/playground/2024/_components/Section.Spacer'
import { Notion as Blocks } from '@/components/Notion/index'
import { Quote } from '@/components/Quote/index'
import { quotes } from '@/data/quotes'

// import type { SectionType } from './_components/Section'

import { Section } from './_components/Section'

Expand Down Expand Up @@ -76,38 +60,14 @@ async function Slug({ revalidate, segmentInfo }) {
},
})

const { seoDescription, title } = getPageData(data?.page?.properties) || ''
// const { seoDescription, title } = getPageData(data?.page?.properties) || ''

if (isObjectEmpty(data.page)) return null

return (
<>
<HeaderFull overline="About" title="Jerome Fitzgerald (he/him)" />
<Section />
<ContainerSection>
<SectionSpacer />
<Box
className={cx(
'relative z-0 w-full justify-center overflow-visible p-[100px_0]',
'rounded-3 grid flex-[0_0_auto] gap-6',
'auto-rows-min grid-cols-4 grid-rows-4',
// 'col-span-3',
'bg-amber-5',
)}
>
Why is this not showing?
</Box>
</ContainerSection>
{quotes.map((quote, i) => {
return <Quote item={quote} key={`quote--${i}`} />
})}
<ContainerWithSidebar>
<HeaderSidebar hasBorder={false} title={title} />
<ArticleMain>
<Text size="4">{seoDescription}</Text>
<Blocks data={data?.blocks} />
</ArticleMain>
</ContainerWithSidebar>
</>
)
}
Expand Down
2 changes: 1 addition & 1 deletion sites/jeromefitzgerald.com/src/app/(notion)/currently/reading/_components/Book.client.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -307,7 +307,7 @@ function BookPage({ books, title }) {
<Flex className="flex flex-col gap-20">
<Flex className="flex flex-col gap-6">
<Text size="4">
<Em>There is something about physical books!</Em> Sarah and I tend to
<Em>There is something about physical books!</Em> Big S and I tend to
surround ourselves with them and are often reading a few at a time. Still
working on the layout and what kind of stuff it entails. This is not an
exhaustive all-time list just one that since I started creating this
Expand Down
Loading

0 comments on commit 157746a

Please sign in to comment.