blog-static/about.html
2024-06-11 14:53:01 +02:00

142 lines
4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
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">
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 dadministration système et intéressée par la cybersécurité. Jai principalement travaillé sur des infrastructures petites et moyennes, avec une emphase sur leur maintenabilité, et leur fonctionnement avec peu ou pas dintervention 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>