blog-static/index.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>
      &nbsp;&nbsp;
    </li>
  
    <li>
      <a href="/blog.html">
        blog
      </a>
      &nbsp;&nbsp;
    </li>
  
    <li>
      <a href="/about.html">
        à propos
      </a>
      &nbsp;&nbsp;
    </li>
  
    <li>
      <a href="https://cv.caroline.canebier.fr">
        cv
      </a>
      &nbsp;&nbsp;
    </li>
  
    <li>
      <a href="https://git.chapoline.me/chapeau/blog">
        git
      </a>
      &nbsp;&nbsp;
    </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>