Pierre-Olivier Mercier
188ca4c3df
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>
287 lines
7.7 KiB
CSS
287 lines
7.7 KiB
CSS
body {
|
|
background-size: 100% 100%;
|
|
background-image: linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
|
background-image: -o-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
|
background-image: -moz-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
|
background-image: -webkit-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
|
background-image: -ms-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
|
font-family: "Libertinus", "Linux Libertine", 'Times New Roman', serif;
|
|
}
|
|
|
|
pre, code {
|
|
font-family: "Fantasque Sans Mono";
|
|
}
|
|
|
|
hr.small {
|
|
border-width: 5px;
|
|
border-color: #00a185;
|
|
margin-top: 4rem;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: "Linux Biolinum", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: 800;
|
|
}
|
|
|
|
p a, li a {
|
|
color: #00a185;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
}
|
|
a:hover,
|
|
a:focus,
|
|
.colored {
|
|
color: #00a185;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: #00a185;
|
|
}
|
|
::selection {
|
|
background: #00a185;
|
|
}
|
|
|
|
p:has(.about-icon) {
|
|
position: relative;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
.about-icon {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.25em;
|
|
width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
.navbar-custom {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
|
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
|
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
|
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
|
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
|
border-bottom: 5px #00a185 solid;
|
|
color: #fafafa;
|
|
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.navbar-custom .nav-link,
|
|
.navbar-custom .navbar-nav .nav-link {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.navbar-custom .navbar-brand {
|
|
font-size: 25px;
|
|
}
|
|
|
|
.navbar-custom .navbar-brand,
|
|
.navbar-custom .nav-link,
|
|
.navbar-custom .navbar-nav .nav-link,
|
|
.navbar-custom .theme-toggle {
|
|
font-weight: 800;
|
|
color: #fafafa;
|
|
}
|
|
|
|
.navbar-custom .navbar-brand:hover,
|
|
.navbar-custom .navbar-brand:focus,
|
|
.navbar-custom .nav-link:hover,
|
|
.navbar-custom .nav-link:focus,
|
|
.navbar-custom .navbar-nav .nav-link:hover,
|
|
.navbar-custom .navbar-nav .nav-link:focus {
|
|
color: #00a185;
|
|
}
|
|
|
|
.navbar-custom .navbar-toggler {
|
|
border-color: #fafafa;
|
|
}
|
|
.navbar-custom .navbar-toggler-icon {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28250, 250, 250, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
.navbar-custom .dropdown-menu {
|
|
background: #232323;
|
|
border: 1px solid #323232;
|
|
}
|
|
.navbar-custom .dropdown-item {
|
|
color: #fafafa;
|
|
}
|
|
.navbar-custom .dropdown-item:hover,
|
|
.navbar-custom .dropdown-item:focus {
|
|
background: #131313;
|
|
color: #00a185;
|
|
}
|
|
|
|
footer {
|
|
background-color: black;
|
|
background-image: linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
|
background-image: -o-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
|
background-image: -moz-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
|
background-image: -ms-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
|
}
|
|
footer .credits,
|
|
footer .theme-by,
|
|
footer .text-muted {
|
|
color: #aaaaaa !important;
|
|
}
|
|
|
|
footer .footer-links .fa-circle {
|
|
color: #00a185;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
footer .footer-links a:hover .fa-circle {
|
|
color: #0085a1;
|
|
}
|
|
footer a {
|
|
color: inherit;
|
|
}
|
|
|
|
.pager li a:hover,
|
|
.pager li a:focus {
|
|
background: #00a185;
|
|
border: 1px solid #00a185;
|
|
}
|
|
|
|
.post-preview {
|
|
border-bottom: 5px solid #00a185;
|
|
}
|
|
.post-preview .post-entry {
|
|
font-family: inherit;
|
|
}
|
|
.blog-tags {
|
|
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
footer .copyright {
|
|
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.thumbApps {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.thumbApps > a {
|
|
flex: 1 1 180px;
|
|
min-width: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.thumbApp {
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border-radius: 15px 1px 15px 1px;
|
|
box-shadow: 0px 0px 10px #555;
|
|
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
height: 200px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
}
|
|
.thumbApps > a:hover .thumbApp {
|
|
transform: translateY(-4px) scale(1.02);
|
|
box-shadow: 0px 8px 20px #444;
|
|
}
|
|
@media only screen and (max-width: 850px) {
|
|
.avatar-container {
|
|
left: 26% !important;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.avatar-container {
|
|
left: 70% !important;
|
|
}
|
|
}
|
|
|
|
.thumbApp p {
|
|
background-color: rgba(0,0,0,0.7);
|
|
border-bottom: solid 4px #00a185;
|
|
border-radius: 0 0 0 1px;
|
|
color: white;
|
|
font-weight: bolder;
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
.thumbApp:hover p {
|
|
color: #00a185;
|
|
border-color: #0085a1;
|
|
}
|
|
.thumbApp p span{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
line-height: 0.9;
|
|
height: 1.8em;
|
|
text-indent: -0.3em;
|
|
padding-left: 0.3em;
|
|
}
|
|
.thumbApp img {
|
|
border-radius: inherit;
|
|
width: 100%;
|
|
}
|
|
|
|
@media screen and (prefers-color-scheme: dark) {
|
|
body {
|
|
background-image: linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
|
|
background-image: -o-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
|
|
background-image: -moz-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
|
|
background-image: -webkit-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
|
|
background-image: -ms-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
|
|
}
|
|
|
|
pre {
|
|
background-color: #090909;
|
|
border: #777;
|
|
}
|
|
|
|
footer .footer-links li {
|
|
color: #00a185;
|
|
}
|
|
}
|
|
|
|
.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);
|
|
}
|