2024-06-11 14:32:42 +02:00
<!DOCTYPE html>
2024-06-11 15:42:57 +02:00
< html lang = "en" class = "html" data-theme = "light" > < head >
2024-06-11 14:32:42 +02:00
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< title >
Blog de Chapoline
< / title >
< link rel = "stylesheet" href = "/assets/css/main.css" / >
< script type = "text/javascript" >
window.addEventListener('load', themeChange);
const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
if (currentTheme)
document.documentElement.setAttribute('data-theme', currentTheme);
function themeChange() {
let button = document.querySelector('.theme-toggle');
button.addEventListener('click', function (e) {
let currentTheme = document.documentElement.getAttribute('data-theme');
if (currentTheme === 'dark') {
transition();
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
} else {
transition();
document.documentElement.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
}
});
let transition = () => {
document.documentElement.classList.add('transition');
window.setTimeout(() => {
document.documentElement.classList.remove('transition');
}, 1000);
}
}
< / script >
< / head >
< body >
< main class = "page-content" aria-label = "Content" >
< div class = "w" >
< header >
< ul class = "horizontal-list" >
< li >
< a href = "/" >
accueil
< / a >
< / li >
< li >
2024-06-11 14:53:01 +02:00
< a href = "/blog.html" >
2024-06-11 14:32:42 +02:00
blog
< / a >
< / li >
< li >
2024-06-11 14:53:01 +02:00
< a href = "/about.html" >
2024-06-11 14:32:42 +02:00
à propos
< / a >
< / li >
< li >
< a href = "https://cv.caroline.canebier.fr" >
cv
< / a >
< / li >
< li >
2024-06-11 15:01:20 +02:00
< a href = "https://git.chapoline.me/chapeau/blog" >
2024-06-11 14:32:42 +02:00
git
< / a >
< / li >
< / ul >
< div class = "dashed" > < / div >
< h1 > Blog de Chapoline< / h1 >
< / header >
< ul >
2024-07-27 20:39:39 +00:00
< li class = "post-list-item" >
< span class = "home-date" >
27-07-2024»
< / span >
< a href = "/2024/07/27/firefox-minimal.html" > Utiliser Firefox comme lecteur minimaliste< / a >
< / li >
2024-06-11 14:32:42 +02:00
< li class = "post-list-item" >
< span class = "home-date" >
11-06-2024»
< / span >
< a href = "/2024/06/11/backup-minio.html" > Faire du Backup-as-a-Service avec Restic et Minio< / a >
< / li >
< / ul >
< button title = "Toggle Theme" class = "theme-toggle" >
< svg viewBox = "0 0 32 32" width = "24" height = "24" fill = "currentcolor" >
< circle cx = "16" cy = "16" r = "14" fill = "none" stroke = "currentcolor" stroke-width = "4" > < / circle >
< path d = "
M 16 0
A 16 16 0 0 0 16 32
z">
< / path >
< / svg >
< / button >
< div class = "credits" >
Theme forked from < a href = "https://github.com/abhinavs/moonwalk" target = "_blank" rel = "noreferrer" > Moonwalk< / a > , mixed with < a href = "https://github.com/catppuccin/catppuccin" target = "_blank" rel = "noreferrer" > Catppuccin< / a >
< / div >
< / div >
< / main >
< / body >
< / html >
