Merge pull request #75 from holgerroth/wg_fl_playlist

FL Working group: Add youtube playlist

Author: zephyrie

wg_federated_learning.html

@@ -195,6 +195,38 @@ <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-ne
       </div>
     </section>
 
+    <!-- Meeting Recordings Section -->
+    <section class="py-24 bg-white">
+      <div class="container">
+        <h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Meeting Recordings</h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
+            <h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">YouTube Playlist</h3>
+            <div class="aspect-w-16 aspect-h-9 mb-4">
+              <iframe 
+                class="w-full h-full rounded-lg"
+                src="https://www.youtube.com/embed/videoseries?list=PLtoSVSQ2XzyAKQa4AkoQEviFn9pN9OZY8"
+                title="MONAI Federated Learning Working Group Meetings"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen>
+              </iframe>
+            </div>
+            <p class="text-gray-700">Watch all our working group meetings and discussions on our YouTube playlist. Subscribe to stay updated with the latest developments in federated learning.</p>
+            <a href="https://www.youtube.com/playlist?list=PLtoSVSQ2XzyAKQa4AkoQEviFn9pN9OZY8" 
+               target="_blank" 
+               rel="noopener noreferrer" 
+               class="inline-flex items-center mt-4 text-brand-primary hover:text-brand-dark transition-colors duration-300">
+              <span>View Full Playlist</span>
+              <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
     <!-- Collaboration Opportunities Section -->
     <section class="py-24 bg-white">
       <div class="container">