Transforme la liste des conférences en deck de cartes

Ajoute les shortcodes talks/talk affichant chaque conférence en carte
Bootstrap avec couverture extraite du PDF, badge de langue et boutons
transcript/code. Les liens externes s'ouvrent dans un nouvel onglet.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

static/css/custom.css

@@ -248,3 +248,40 @@ footer .copyright {
 .img-title {
     margin-bottom: 0.75rem;
 }
+
+/* Talks page: card deck of conference slides */
+.talk-deck .talk-card .card-img-top {
+    height: 180px;
+    width: 100%;
+    object-fit: cover;
+    object-position: top center;
+    border-bottom: 1px solid var(--bs-border-color, rgba(0, 0, 0, .1));
+}
+
+/* Undo the theme's `.blog-post :first-child { margin-top: 0 }` reset, which
+   strips the Bootstrap grid vertical gutter from the first card and pulls it up. */
+.blog-post .talk-deck > * {
+    margin-top: var(--bs-gutter-y);
+}
+
+.talk-deck .talk-action {
+    display: inline-flex;
+    align-items: center;
+    font-size: .8rem;
+    --bs-btn-padding-y: .2rem;
+    --bs-btn-padding-x: .6rem;
+}
+
+.talk-deck .talk-action i,
+.talk-deck .talk-action svg {
+    font-size: .85em;
+    margin-right: .45em;
+}
+
+.talk-deck .talk-card {
+    transition: transform .15s ease, box-shadow .15s ease;
+}
+
+.talk-deck .talk-card:hover {
+    transform: translateY(-2px);
+}