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>
This commit is contained in:
parent
2e143c5829
commit
188ca4c3df
15 changed files with 101 additions and 22 deletions
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue