138 lines
3.9 KiB
HTML
138 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" class="html" data-theme="light"><head>
|
||
<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>
|
||
<a href="/blog.html">
|
||
blog
|
||
</a>
|
||
|
||
</li>
|
||
|
||
<li>
|
||
<a href="/about.html">
|
||
à propos
|
||
</a>
|
||
|
||
</li>
|
||
|
||
<li>
|
||
<a href="https://cv.caroline.canebier.fr">
|
||
cv
|
||
</a>
|
||
|
||
</li>
|
||
|
||
<li>
|
||
<a href="https://git.chapoline.me/chapeau/blog">
|
||
git
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<div class="dashed"></div>
|
||
|
||
<h1>Blog de Chapoline</h1>
|
||
|
||
</header>
|
||
<p>Ce blog existe pour rassembler des tutoriels, explications, ou pensées diverses, principalement sur l’administration système et réseau ou l’informatique en général.</p>
|
||
|
||
<p>Il essaye d’être respectueux de ses lecteurs, avec un site léger, un usage limité d’images, et pratiquement aucun JavaScript (à part pour la gestion des thèmes).</p>
|
||
|
||
<p>Actuellement, aucune télémétrie n’est en place. Si je décide d’en mettre plus tard, ce sera uniquement à partir des logs serveur (pas de tracking ou de cookies), et les statistiques seront publiques.</p>
|
||
|
||
<p>Articles mis en avant :</p>
|
||
<ul>
|
||
|
||
|
||
<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>
|
||
|
||
<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>
|