Merge pull request #755 from mbifulco/feat/fitts-pod

feat: support podcasturl in fullpost

src/components/Post/FullPost.tsx

@@ -27,6 +27,7 @@ const FullPost: React.FC<FullPostProps> = ({ post }) => {
     date,
     excerpt,
     path,
+    podcastUrl,
     tags,
     title,
     youTubeId,
@@ -60,7 +61,7 @@ const FullPost: React.FC<FullPostProps> = ({ post }) => {
   return (
     <article className={'mx-auto mb-4 w-full text-left text-base'}>
       <div className={'relative'}>
-        <header>
+        <header className="mb-4 flex flex-col gap-2">
           <Heading as="h1" className="m-0 p-0">
             {title}
           </Heading>
@@ -69,6 +70,9 @@ const FullPost: React.FC<FullPostProps> = ({ post }) => {
           </p>
           <TagsSummary tags={tags} />
           {coverContainer}
+          {podcastUrl && (
+            <iframe width="100%" height="180" seamless src={podcastUrl} />
+          )}
         </header>
 
         <div className="flex flex-col gap-4">

src/data/content-types.ts

@@ -5,6 +5,7 @@ type Frontmatter = {
   tags?: string[];
   published?: boolean;
   slug?: string;
+  podcastUrl?: string;
 } & Record<string, string | number | boolean | Date | string[]>;
 // Extend MarkdownDocument to include common frontmatter fields and other fields as needed
 export type MarkdownDocument = {

src/data/newsletters/design-rules-everyone-should-know.mdx

@@ -5,17 +5,9 @@ date: 10-11-2022
 tags: [newsletter, design]
 coverImagePublicId: 'newsletters/design-rules-everyone-should-know/cover'
 excerpt: For most of my life, I would not have described myself as a creative person. As it works out, nobody is inherently creative. It's all about following rules.
+podcastUrl: https://share.transistor.fm/e/efedad81
 ---
 
-<iframe
-  width="100%"
-  height="180"
-  frameBorder="no"
-  scrolling="no"
-  seamless
-  src="https://share.transistor.fm/e/efedad81"
-/>
-
 I never got on well with art when I was a kid. I didn't have a steady hand, which meant that I could never draw or paint well. My handwriting has always been abysmal, and I didn't have it in me to do better.
 
 I was not an artistic person. Or so I thought.

src/data/newsletters/fitts-law-and-the-beauty-of-big-goals.mdx

@@ -4,6 +4,7 @@ date: 1-09-2024
 slug: fitts-law-and-the-beauty-of-big-goals
 coverImagePublicId: newsletters/fitts-law-and-the-beauty-of-big-goals/cover
 excerpt: Fitts' Law is a fundamental principle of UX design and usability. It states that the time required to move to a target is a function of the distance to the target and the size of the target. The further away and smaller the target, the longer it takes to reach it. The closer and larger the target, the faster it is to reach it.
+podcastUrl: https://share.transistor.fm/e/49d791ff
 ---
 
 <Image

src/data/newsletters/learning-is-an-infinite-game.mdx

@@ -5,15 +5,14 @@ date: 2023-11-28
 tags: [community, founder, brand]
 slug: learning-is-an-infinite-game
 coverImagePublicId: /newsletters/learning-is-an-infinite-game/cover
+podcastUrl: https://share.transistor.fm/e/a29a49cf?color=F90476
 ---
 
 <Image
   publicId="newsletters/learning-is-an-infinite-game/cover"
   alt="Learning is an infinite game"
 />
 
-<iframe width="100%" height="180" frameborder="no" scrolling="no" seamless="" src="https://share.transistor.fm/e/a29a49cf?color=F90476"></iframe>
-
 Learning is an infinite game. You can't win or lose, you can only keep playing. As a founder and a builder, you will regularly find yourself needing to quickly and efficiently learn new skills.
 
 I graduated from UConn in 2009 with dual engineering degrees: one in Computer Science, and one in Mechanical Engineering. The first field of study was a no-brainer: since my first days of high school, I loved writing code and building software. Studying Mechanical Engineering was more of a misguided whimsy - my dad had a long career as a mechanical engineer, and thanks to him I developed a love for classic american cars. I studied mechanical engineering thinking I might want to get a job in the automotive industry.

src/data/posts/product-marketing-defy-expectations.mdx

@@ -7,17 +7,9 @@ cover: posts/product-marketing-defy-expectations/cover.webp
 tags: [design, marketing, ux, ai]
 type: post
 published: true
+podcastUrl: https://share.transistor.fm/e/9a4c213c
 ---
 
-<iframe
-  width="100%"
-  height="180"
-  frameBorder="no"
-  scrolling="no"
-  seamless
-  src="https://share.transistor.fm/e/9a4c213c"
-></iframe>
-
 One of the most famous ad campaigns in history is Yellow Tail wine's "Crazy Rooster" campaign. **It's so famous because it broke two cardinal rules of advertising:**
 
 1. You don't want to be memorable for the wrong reasons.

src/data/posts/remote-work-and-the-third-place.mdx

@@ -6,17 +6,9 @@ date: 08-29-2022
 published: true
 path: remote-work-and-the-third-place
 coverImagePublicId: 'posts/remote-work-and-the-third-place/cover'
+podcastUrl: https://share.transistor.fm/e/0532816b
 ---
 
-<iframe
-  width="100%"
-  height="180"
-  frameBorder="no"
-  scrolling="no"
-  seamless
-  src="https://share.transistor.fm/e/0532816b"
-></iframe>
-
 I live in a fast-growing city in the southeast US, where urban design and city planning are always a hot topic. As population density has increased, it's become apparent that Charlotte needs to make drastic and sweeping changes to accommodate the growing number of people living in the area.
 
 Naturally, this means I'm also reading heaps about urban planning - which is where I first heard the term **third place** being used.