docs: add labs lowdown videos and small material animation to thumbnails

packages/lit-dev-content/site/_data/videos.js

@@ -80,6 +80,54 @@ const loadVideoData = () =>
       youtubeId: 'ri9FEl_hRTc',
       date: 'Oct 10 2023',
     },
+    {
+      title: 'Lit Labs: Task (graduated)',
+      summary: `This video covers @lit-labs/task, a package under development in Lit Labs. Watch for an overview, demos, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'niWKuGhyE0M',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: Context (graduated)',
+      summary: `In this video, we cover @lit-labs/context, a package under development in Lit Labs. Watch for an overview, an explanation of the underlying Web Components Context Protocol, use cases, demos, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'irHAr1yTE5Q',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: Observers',
+      summary: `This video covers @lit-labs/observers, a package under development in Lit Labs. Watch for an overview, demos, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'g_9PVegjQuw',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: SSR (server-side rendering)',
+      summary: `This video covers @lit-labs/ssr, a server-side rendering package under development in Lit Labs. Watch for an overview, demos, project status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: '_xcIEx2P8nk',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: Framework wrapper generators',
+      summary: `This video covers framework wrapper generators, a feature of the Lit CLI under development in Lit Labs. Watch for an overview, benefits, use case, status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'CL_3TLFkwNE',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: Motion',
+      summary: `This video covers @lit-labs/motion, a package under development in Lit Labs. Watch for an overview, examples, quick tips, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: '9jxjc-bxwfI',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: React (graduated)',
+      summary: `This video covers @lit-labs/react, a package under development in Lit Labs. Watch for an overview, use cases, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'agBn1LW6dbM',
+      date: 'Jan 19 2023',
+    },
+    {
+      title: 'Lit Labs: Virtualizer',
+      summary: `This video covers @lit-labs/virtualizer, a package under development in Lit Labs. Watch for an overview, examples, features, package status and more! Originally streamed as part of the Lit Labs Lowdown event on October 24, 2022.`,
+      youtubeId: 'ay8ImAgO9ik',
+      date: 'Jan 19 2023',
+    },
   ].map((videoData) => ({
     kind: 'video',
     url: `https://www.youtube.com/watch?v=${videoData.youtubeId}`,

packages/lit-dev-content/site/css/learn-catalog.css

@@ -136,6 +136,13 @@ md-chip-set {
 .card img {
   width: 100%;
   height: auto;
+  transition: border-radius 0.3s cubic-bezier(0.2, 0, 1, 1);
+}
+
+.card:hover img,
+.card:focus img,
+.card:active img {
+  border-radius: 24px;
 }
 
 .card h1 {
@@ -145,7 +152,8 @@ md-chip-set {
   margin: 10px 0 0 0;
 }
 
-.card:hover h1 {
+.card:hover h1,
+.card:focus h1 {
   text-decoration: underline;
 }