Add myself in more places

README.md

@@ -59,6 +59,14 @@ hosts: [
     img: '/src/img/people/chuckcarpenter.jpg',
     github: 'https://github.com/chuckcarpenter',
     twitter: 'https://twitter.com/CharlesWthe3rd'
+  },
+  {
+    name: 'Adam Argyle',
+    bio: 'Devigner unicorn, CSS dork, punky but nice.',
+    img: 'argyleink.jpg',
+    github: 'https://github.com/argyleink',
+    twitter: 'https://x.com/argyleink',
+    website: 'https://nerdy.dev'
   }
 ],
 ```

src/components/EpisodeList.tsx

@@ -3,6 +3,7 @@ import FormattedDate from '../components/FormattedDate';
 import FullPlayButton from '../components/FullPlayButton';
 import { currentEpisode } from '../components/state';
 import type { Episode, Show } from '../lib/rss';
+import { dasherize } from '../utils/dasherize';
 
 type Props = {
   episodes: Array<Episode>;
@@ -57,7 +58,7 @@ export default function EpisodeList({ episodes, show }: Props) {
                   <FormattedDate date={new Date(episode.published)} />
 
                   <h2 class="text-light-text-heading my-2 text-lg font-bold dark:text-white">
-                    <a href={`/${episode.episodeSlug}`}>
+                    <a href={`/${episode.episodeSlug}`} style={"view-transition-name: vt-"+ dasherize(episode.title)}>
                       {episode.episodeNumber}: {episode.title}
                     </a>
                   </h2>

src/components/Hosts.astro

@@ -25,7 +25,7 @@ const images = import.meta.glob<{ default: ImageMetadata }>(
           width={48}
           alt=""
         />
-        {host.name}
+        <a href={host.website}>{host.name}</a>
       </div>
     ))
   }

src/components/episode/CreatorsAndGuests.astro

@@ -15,7 +15,7 @@ const { hostsAndGuests } = Astro.props;
 const images = import.meta.glob<{ default: ImageMetadata }>(
   '/src/img/people/*.{jpeg,jpg,png}'
 );
-const priorityNames = ['RobbieTheWagner', 'Charles William Carpenter III'];
+const priorityNames = ['RobbieTheWagner', 'Charles William Carpenter III', 'Adam Argyle'];
 ---
 
 <h3 class="section-heading pb-6">Creators and Guests</h3>

src/pages/[episode].astro

@@ -20,6 +20,7 @@ import FullPlayButton from '../components/FullPlayButton';
 import UFOIllustration from '../components/illustrations/UFOIllustration.astro';
 import Layout from '../layouts/Layout.astro';
 import { getAllEpisodes, getShowInfo } from '../lib/rss';
+import { dasherize } from '../utils/dasherize';
 
 const show = await getShowInfo();
 
@@ -113,6 +114,7 @@ const title = `${episode.title} - ${show.title} - Episode ${episode.episodeNumbe
 
         <h1
           class="mb-4 text-2xl font-bold text-light-text-heading lg:mb-6 lg:text-5xl dark:text-white"
+          style={"view-transition-name: vt-"+ dasherize(episode.title)}>
         >
           {episode.episodeNumber}: {episode.title}
         </h1>

src/pages/about.astro

@@ -26,7 +26,7 @@ const images = import.meta.glob<{ default: ImageMetadata }>(
 
     <h2 class="section-heading-underlined mt-16 lg:mt-24">Meet the hosts</h2>
 
-    <div class="mt-9 lg:mt-12">
+    <div class="mb-5 lg:mt-12 pb-9">
       {
         hosts.map((host) => (
           <div class="mb-4 flex flex-col lg:flex-row">

starpod.config.ts

@@ -3,7 +3,7 @@ import { defineStarpodConfig } from 'src/utils/config';
 export default defineStarpodConfig({
   blurb: 'A whiskey fueled fireside chat with your favorite web developers.',
   description:
-    'Veteran web developers RobbieTheWagner and Charles William Carpenter III host this informal, whiskey-fueled fireside chat with your favorite web devs. They discuss all things web development including JavaScript, TypeScript, EmberJS, React, Astro, SolidJS, CSS, HTML, Web3, and more. They take a unique approach and focus on getting to know the human side of developers and their hobbies outside of work, all while sampling a new whiskey that they rate on their unique tentacle scale.',
+    'Veteran web developers RobbieTheWagner, Charles William Carpenter III and Adam Argyle host this informal, whiskey-fueled fireside chat with your favorite web devs. They discuss all things web development including JavaScript, TypeScript, EmberJS, React, Astro, SolidJS, CSS, HTML, Web3, and more. They take a unique approach and focus on getting to know the human side of developers and their hobbies outside of work, all while sampling a new whiskey that they rate on their unique tentacle scale.',
   hosts: [
     {
       name: 'RobbieTheWagner',
@@ -18,14 +18,16 @@ export default defineStarpodConfig({
       bio: 'Third of his name, user of gifs, hater of ESM.',
       img: 'chuckcarpenter.jpg',
       github: 'https://github.com/chuckcarpenter',
-      twitter: 'https://x.com/CharlesWthe3rd'
+      twitter: 'https://x.com/CharlesWthe3rd',
+      website: 'https://shipshape.io'
     },
     {
       name: 'Adam Argyle',
       bio: 'Devigner unicorn, CSS dork, punky but nice.',
       img: 'argyleink.jpg',
       github: 'https://github.com/argyleink',
-      twitter: 'https://x.com/argyleink'
+      twitter: 'https://x.com/argyleink',
+      website: 'https://nerdy.dev'
     }
   ],
   platforms: {

tests/index.spec.ts

@@ -3,7 +3,7 @@ import { expect, test } from '@playwright/test';
 const indexMeta = {
   title: 'Whiskey Web and Whatnot: Web Development, Neat',
   description:
-    /^Veteran web developers RobbieTheWagner and Charles William Carpenter III host this informal, whiskey-fueled fireside chat with your favorite web devs/,
+    /^Veteran web developers RobbieTheWagner, Charles William Carpenter III and Adam Argyle host this informal, whiskey-fueled fireside chat with your favorite web devs. They discuss all things web development including JavaScript, TypeScript, EmberJS, React, Astro, SolidJS, CSS, HTML, Web3, and more. They take a unique approach and focus on getting to know the human side of developers and their hobbies outside of work, all while sampling a new whiskey that they rate on their unique tentacle scale./,
   image:
     'https://play.cdnstream1.com/zjb/image/download/c7/ad/57/c7ad5763-26d4-49e8-9b51-37f448a8bad1_1400.jpg'
 };