From 157746a8ade9be1d38ea44a1b25ac566e785a90f Mon Sep 17 00:00:00 2001 From: Jerome Fitzgerald Date: Sun, 9 Jun 2024 23:04:35 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9=20=20NICE-122=20makeshift=20about?= =?UTF-8?q?=20(#2544)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Since in this new(ish) layout; this can no longer be pulled easily from API --- .../(notion)/about/_components/Section.tsx | 265 ++++++++++++++++-- .../src/app/(notion)/about/page.tsx | 42 +-- .../reading/_components/Book.client.tsx | 2 +- .../2024/_components/Navigation.Primary.tsx | 28 +- .../jeromefitzgerald.com/src/store/index.tsx | 6 +- 5 files changed, 278 insertions(+), 65 deletions(-) diff --git a/sites/jeromefitzgerald.com/src/app/(notion)/about/_components/Section.tsx b/sites/jeromefitzgerald.com/src/app/(notion)/about/_components/Section.tsx index 22fedf30d..ee45e0c40 100644 --- a/sites/jeromefitzgerald.com/src/app/(notion)/about/_components/Section.tsx +++ b/sites/jeromefitzgerald.com/src/app/(notion)/about/_components/Section.tsx @@ -1,21 +1,22 @@ -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 @@ -23,12 +24,242 @@ interface SectionType { title: string } +function Bio() { + return ( + <> + + “I must confess, I was born at a very early age.” – Groucho Marx +

+ + Ah yes, the dreaded bio section. Well, polite pass for now. + + ) +} + +function Comedy() { + return ( + <> + + “Comedy is tragedy - plus time.” – Carol Burnett +
+
+ + + For the past 10+ years I’ve been directing, + producing, writing, and performing sketch comedy, musicals, and improv. Feel + free to check some out in the{' '} + + Shows section + + . + +
+
+ + Based in Pittsburgh, PA I’ve had shows in Chicago,{' '} + Cleveland, Detroit, New York City,{' '} + Philaelphia, San Diego, San Francisco, and more. + +
+
+ + Perhaps you have seen me in commercials for AT&T, Google, + or Sucrets. On the jumbotron before games for the{' '} + Pittsburgh Pirates at PNC Park. Or featured in{` `} + The Onion. (It’s okay if not though.) + + + + I’ve also been extremely fortunate to take courses from some of the funniest + people in the comedy world and as a result – thee world: +
+ Craig Cackowski, Kevin McDonald, Jaime Moyer,{' '} + Christine Nangle, Natalie Palamides, Rich Talarico + , Reggie Watts, and “more”! + + + ) +} + +function Engineering() { + return ( + <> + + + “Work hard, be kind, and amazing things will happen.” – Conan O’Brien + +
+
+ + + 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. +
+
+ 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. +
+
+ + People emulate their leaders. I hold myself accountable as the example I + want to follow. + + + + + I co-founded{' '} + + Emplified + {' '} + (rip), and am currently doing international business things at a + company made famous by Paul Rand (and for their{' '} + international business machinery). +
+
+ I’ve also worked with Fortune 100, start-ups, and everywhere in-between. + Leading initiatives and teams through{' '} + + + human centered design methods + + {' '} + 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. + + + + All kidding aside on most of this website, I do have an ability to take + things seriously. +
+ (And have a good time while doing so.) + + + ) +} + +function NonProfit() { + return ( + <> + + + “Work hard, be kind, and amazing things will happen.” – Conan O’Brien + +
+
+ + + Outside of ‘traditional work’ I have been fortunate enough to volunteer in + the nonprofit sector: + +
+
+
    +
  • + + Arcade Comedy Theater 501(c)(3), founding Leaderboard Member + (2014–Present) + +
    • +
  • + + Comedy Arts Pittsburgh 501(c)(3), co-founder, Pittsburgh Comedy Festival + (2013–2016) + +
    • +
  • + Side Project Inc. 501(c)(3), founding Team Member (2012–2014) +
    • +
  • + + American Heart Association 501(c)(3), Worldwide Charter Member + (2006–2012) + +
    • +
+ + + As well as organizing and/ or performing in benefits for: +
+ + 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 + + + + ) +} + +function Contact() { + return ( + <> + + This has not been migrated yet. + + + + ) +} + 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: , icon: null, id: 'bio', title: 'Bio' }, + { content: , icon: null, id: 'comedy', title: 'Comedy' }, + { + content: , + icon: null, + id: 'engineering', + title: 'Engineering', + }, + { content: , icon: null, id: 'non-profit', title: 'NonProfit' }, + { content: , icon: null, id: 'contact', title: 'Contact' }, ] function SectionLegend({ data }) { @@ -54,7 +285,7 @@ function SectionLegend({ data }) { {!!item.icon ? ( ) : ( - {i} + {i + 1} )} @@ -102,7 +333,7 @@ function SectionContent({ data }) { {!!item.icon ? ( ) : ( - {i} + {i + 1} )} @@ -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', )} >
- - - - Why is this not showing? - - - {quotes.map((quote, i) => { - return - })} - - - - {seoDescription} - - - ) } diff --git a/sites/jeromefitzgerald.com/src/app/(notion)/currently/reading/_components/Book.client.tsx b/sites/jeromefitzgerald.com/src/app/(notion)/currently/reading/_components/Book.client.tsx index 1b45b3f5b..2fa11baf8 100644 --- a/sites/jeromefitzgerald.com/src/app/(notion)/currently/reading/_components/Book.client.tsx +++ b/sites/jeromefitzgerald.com/src/app/(notion)/currently/reading/_components/Book.client.tsx @@ -307,7 +307,7 @@ function BookPage({ books, title }) { - There is something about physical books! Sarah and I tend to + There is something about physical books! 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 diff --git a/sites/jeromefitzgerald.com/src/app/playground/2024/_components/Navigation.Primary.tsx b/sites/jeromefitzgerald.com/src/app/playground/2024/_components/Navigation.Primary.tsx index 46f08f05c..88d35b716 100644 --- a/sites/jeromefitzgerald.com/src/app/playground/2024/_components/Navigation.Primary.tsx +++ b/sites/jeromefitzgerald.com/src/app/playground/2024/_components/Navigation.Primary.tsx @@ -11,6 +11,8 @@ import { Button } from '@radix-ui/themes/dist/esm/components/button.js' import { Em } from '@radix-ui/themes/dist/esm/components/em.js' import { Grid } from '@radix-ui/themes/dist/esm/components/grid.js' import { Inset } from '@radix-ui/themes/dist/esm/components/inset.js' +// import { useEffect, useState } from 'react' +import { Link } from '@radix-ui/themes/dist/esm/components/link.js' import { // Close as PopoverClose, Content as PopoverContent, @@ -19,7 +21,9 @@ import { } from '@radix-ui/themes/dist/esm/components/popover.js' import { Strong } from '@radix-ui/themes/dist/esm/components/strong.js' import { Text } from '@radix-ui/themes/dist/esm/components/text.js' -// import { useEffect, useState } from 'react' +// eslint-disable-next-line no-restricted-imports +import NextLink from 'next/link' +import { useState } from 'react' import { useStore as _useStore } from '@/store/index' @@ -47,6 +51,7 @@ const image = { function NavigationPrimary({ order = 0 }) { const { isOverlaySet } = useStore() + const [isPopover, isPoperoverSet] = useState(false) return (
- isOverlaySet()}> + { + isOverlaySet() + isPoperoverSet(!isPopover) + }} + open={isPopover} + > {/* @ts-ignore */}