blog-static/about.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>
      
        A propos
      
    </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>Je suis ingénieure en informatique, passionnée d’administration système et intéressée par la cybersécurité. J’ai principalement travaillé sur des infrastructures petites et moyennes, avec une emphase sur leur maintenabilité, et leur fonctionnement avec peu ou pas d’intervention manuelle.</p>

<p>Je suis en faveur de la transparence des salaires. Tous sont indiqués en brut annuel hors primes.</p>

<table>
  <thead>
    <tr>
      <th style="text-align: left">Employeur</th>
      <th style="text-align: left">Période</th>
      <th style="text-align: right">Salaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align: left">Quarkslab</td>
      <td style="text-align: left">2022-2024</td>
      <td style="text-align: right">45000-46800€</td>
    </tr>
    <tr>
      <td style="text-align: left">Team Y</td>
      <td style="text-align: left">2022</td>
      <td style="text-align: right">34580€</td>
    </tr>
  </tbody>
</table>

<p>Vous pouvez me contacter par mail à caroline arobase canebier point fr, ou sur le Fediverse à @chapoline@courgett.es.</p>

<p>Toutes les opinions présentes sur ce blog sont les miennes et ne sont aucunement dites au nom de mes employeurs actuels et anciens.</p>


        <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>