132 lines
3.6 KiB
HTML
132 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en" class="html" data-theme="auto"><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">
|
|||
|
|
blog
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="/about">
|
|||
|
|
à propos
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="https://cv.caroline.canebier.fr">
|
|||
|
|
cv
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="https://git.chapoline.me">
|
|||
|
|
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">
|
|||
|
|
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>
|