diff --git a/packages/lit-dev-content/site/_data/videos.js b/packages/lit-dev-content/site/_data/videos.js index 0e8c09a8f..db7102e55 100644 --- a/packages/lit-dev-content/site/_data/videos.js +++ b/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}`, diff --git a/packages/lit-dev-content/site/css/learn-catalog.css b/packages/lit-dev-content/site/css/learn-catalog.css index 1a85d3e09..d15d36d24 100644 --- a/packages/lit-dev-content/site/css/learn-catalog.css +++ b/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; } diff --git a/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI.jpg b/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI.jpg new file mode 100644 index 000000000..534b7f34c Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI_2x.jpg b/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI_2x.jpg new file mode 100644 index 000000000..f1d29df35 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/9jxjc-bxwfI_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE.jpg b/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE.jpg new file mode 100644 index 000000000..584dc34f8 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE_2x.jpg b/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE_2x.jpg new file mode 100644 index 000000000..66df5a94c Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/CL_3TLFkwNE_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk.jpg b/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk.jpg new file mode 100644 index 000000000..45c6db4b8 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk_2x.jpg b/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk_2x.jpg new file mode 100644 index 000000000..7ad11d36c Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/_xcIEx2P8nk_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/agBn1LW6dbM.jpg b/packages/lit-dev-content/site/images/videos/agBn1LW6dbM.jpg new file mode 100644 index 000000000..3028498a5 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/agBn1LW6dbM.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/agBn1LW6dbM_2x.jpg b/packages/lit-dev-content/site/images/videos/agBn1LW6dbM_2x.jpg new file mode 100644 index 000000000..41d9bebef Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/agBn1LW6dbM_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik.jpg b/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik.jpg new file mode 100644 index 000000000..daf8bfd58 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik_2x.jpg b/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik_2x.jpg new file mode 100644 index 000000000..39bf832a9 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/ay8ImAgO9ik_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/g_9PVegjQuw.jpg b/packages/lit-dev-content/site/images/videos/g_9PVegjQuw.jpg new file mode 100644 index 000000000..c88dba3a0 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/g_9PVegjQuw.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/g_9PVegjQuw_2x.jpg b/packages/lit-dev-content/site/images/videos/g_9PVegjQuw_2x.jpg new file mode 100644 index 000000000..f32d2e537 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/g_9PVegjQuw_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q.jpg b/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q.jpg new file mode 100644 index 000000000..260cd227d Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q_2x.jpg b/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q_2x.jpg new file mode 100644 index 000000000..4d2ae6bbb Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/irHAr1yTE5Q_2x.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/niWKuGhyE0M.jpg b/packages/lit-dev-content/site/images/videos/niWKuGhyE0M.jpg new file mode 100644 index 000000000..335adef48 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/niWKuGhyE0M.jpg differ diff --git a/packages/lit-dev-content/site/images/videos/niWKuGhyE0M_2x.jpg b/packages/lit-dev-content/site/images/videos/niWKuGhyE0M_2x.jpg new file mode 100644 index 000000000..d220b9255 Binary files /dev/null and b/packages/lit-dev-content/site/images/videos/niWKuGhyE0M_2x.jpg differ