feat(podcast): YouTube rendering + Andrew Pla & Jordan Hammond profiles

content/authors/andrew-pla/_index.md

@@ -0,0 +1,24 @@
+---
+title: "Andrew Pla"
+tagline: "PowerShell MVP, podcast host, and Community Director of PowerShell Summit"
+avatar: "https://andrewpla.tech/assets/avatar.jpg"
+website: "https://andrewpla.tech"
+github: "https://github.com/AndrewPla"
+twitter: "https://x.com/AndrewPlaTech"
+linkedin: "https://www.linkedin.com/in/andrewplatech/"
+bluesky: "https://bsky.app/profile/andrewpla.tech"
+---
+
+I'm a technical educator and community builder. I'm a Microsoft PowerShell MVP,
+podcast host, speaker, and Community Director of PowerShell Summit. I also work
+at PDQ alongside sysadmins and IT pros every day.
+
+Community isn't just what I do. It's where I get my energy. I genuinely light up
+when I see someone land a new job, level up a skill, or show up to their first
+conference. I love sharing that passion with others.
+
+Every week I host a live podcast and stream on YouTube covering PowerShell,
+automation, and the humans behind the keyboards.
+
+If you're on your IT journey and need someone in your corner, you're in the
+right place. Find more at [andrewpla.tech/links](https://andrewpla.tech/links/).

content/authors/jordan-hammond/_index.md

@@ -0,0 +1,9 @@
+---
+title: "Jordan Hammond"
+tagline: "Long-time co-host of The PowerShell Podcast"
+avatar: "https://images.ctfassets.net/xwxknivhjv1b/7sjhXiVs1gPwwtWFuLipDM/0132aad1bd5c1727b2d488fde0548c66/JordanHammond.png"
+linkedin: "https://www.linkedin.com/in/hammondjordan/"
+---
+
+Jordan Hammond was a long-time co-host of The PowerShell Podcast and a regular
+host of the PDQ streams.

themes/powershell-community/layouts/_default/single.html

@@ -49,12 +49,10 @@ <h1 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-4 leading-tight">{{ .
             <div class="flex items-center justify-between">
                 <div class="flex items-center space-x-4">
                     {{ with .Params.author }}
+                    {{ $authorPage := site.GetPage (printf "/authors/%s" (. | urlize)) }}
                     <div class="flex items-center text-gray-600">
-                        <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center mr-3">
-                            <i class="fas fa-user text-white text-sm"></i>
-                        </div>
-                        <a href="{{ " /authors/" | relURL }}{{ . | urlize }}/"
-                            class="font-medium hover:text-blue-600 transition-colors duration-200">{{ . }}</a>
+                        {{ partial "author-avatar.html" (dict "page" $authorPage "name" . "size" 64 "class" "w-8 h-8 rounded-full object-cover mr-3") }}
+                        <a href="{{ "/authors/" | relURL }}{{ . | urlize }}/" class="font-medium hover:text-blue-600 transition-colors duration-200">{{ . }}</a>
                     </div>
                     {{ end }}
                     <span class="text-gray-400">•</span>
@@ -99,6 +97,28 @@ <h3 class="font-semibold text-gray-900">Listen to this Episode</h3>
         </div>
         {{ end }}
 
+        <!-- YouTube embed (click-to-load facade) -->
+        {{ if and (eq .Section "podcast") .Params.youtube }}
+        {{ with .Params.youtube }}
+        <div class="mb-8">
+            <div id="yt-facade" data-id="{{ . }}"
+                 role="button" tabindex="0" aria-label="Play video on YouTube"
+                 style="aspect-ratio: 16 / 9;"
+                 class="relative rounded-xl overflow-hidden cursor-pointer group bg-black">
+                <img src="https://img.youtube.com/vi/{{ . }}/maxresdefault.jpg"
+                     onerror="this.onerror=null;this.src='https://img.youtube.com/vi/{{ . }}/hqdefault.jpg';"
+                     alt="Watch this episode on YouTube" loading="lazy"
+                     class="w-full h-full object-cover">
+                <div class="absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/30 transition-colors duration-200">
+                    <div class="w-20 h-20 bg-red-600 rounded-2xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200">
+                        <i class="fas fa-play text-white text-3xl ml-1"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ end }}
+        {{ end }}
+
         <!-- Article Content -->
         <div class="prose" style="max-width: none; font-size: 1.125rem;">
             {{ .Content }}
@@ -197,5 +217,26 @@ <h4 class="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
             }
         });
     });
+
+    // Click-to-load YouTube embed facade (avoids eager iframe load)
+    (function () {
+        const facade = document.getElementById('yt-facade');
+        if (!facade) return;
+        function loadEmbed() {
+            const id = facade.dataset.id;
+            const iframe = document.createElement('iframe');
+            iframe.src = 'https://www.youtube-nocookie.com/embed/' + id + '?autoplay=1';
+            iframe.title = 'YouTube video player';
+            iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';
+            iframe.allowFullscreen = true;
+            iframe.className = 'absolute inset-0 w-full h-full';
+            facade.innerHTML = '';
+            facade.appendChild(iframe);
+        }
+        facade.addEventListener('click', loadEmbed);
+        facade.addEventListener('keydown', function (e) {
+            if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); loadEmbed(); }
+        });
+    })();
 </script>
 {{ end }}

themes/powershell-community/layouts/podcast/list.html

@@ -33,9 +33,19 @@ <h1 class="text-4xl lg:text-5xl font-bold mb-2">{{ .Site.Params.podcast.title }}
             <article class="bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300 overflow-hidden podcast-episode" data-title="{{ .Title | lower }}" data-content="{{ .Summary | lower }}">
                 <div class="lg:flex">
                     <div class="lg:w-1/3 p-6 lg:pr-0">
+                        {{ $title := .Title }}
+                        {{ with .Params.youtube }}
+                        <div class="aspect-square rounded-lg overflow-hidden mb-4 lg:mb-0 bg-gray-900">
+                            <img src="https://img.youtube.com/vi/{{ . }}/maxresdefault.jpg"
+                                 onerror="this.onerror=null;this.src='https://img.youtube.com/vi/{{ . }}/hqdefault.jpg';"
+                                 alt="{{ $title }}" loading="lazy"
+                                 class="w-full h-full object-cover">
+                        </div>
+                        {{ else }}
                         <div class="aspect-square bg-gradient-to-br from-purple-400 to-purple-600 rounded-lg flex items-center justify-center mb-4 lg:mb-0">
                             <i class="fas fa-podcast text-4xl text-white"></i>
                         </div>
+                        {{ end }}
                     </div>
                     <div class="lg:w-2/3 p-6 lg:pl-8">
                         <div class="flex items-center text-purple-600 text-sm font-medium mb-3">

themes/powershell-community/layouts/taxonomy/author.html

@@ -69,9 +69,19 @@ <h2 class="text-3xl font-bold text-gray-900">{{ $display }}</h2>
                 <!-- Podcast Episode Layout -->
                 <div class="lg:flex">
                     <div class="lg:w-1/3 p-6 lg:pr-0">
+                        {{ $title := .Title }}
+                        {{ with .Params.youtube }}
+                        <div class="aspect-square rounded-lg overflow-hidden bg-gray-900">
+                            <img src="https://img.youtube.com/vi/{{ . }}/maxresdefault.jpg"
+                                 onerror="this.onerror=null;this.src='https://img.youtube.com/vi/{{ . }}/hqdefault.jpg';"
+                                 alt="{{ $title }}" loading="lazy"
+                                 class="w-full h-full object-cover">
+                        </div>
+                        {{ else }}
                         <div class="aspect-square bg-gradient-to-br from-purple-400 to-purple-600 rounded-lg flex items-center justify-center">
                             <i class="fas fa-podcast text-4xl text-white"></i>
                         </div>
+                        {{ end }}
                     </div>
                     <div class="lg:w-2/3 p-6 lg:pl-8">
                         <div class="flex items-center text-purple-600 text-sm font-medium mb-3">