website/index.html
2025-11-22 13:57:43 +01:00

190 lines
7.7 KiB
HTML

<!--You found the Ester Egg 2 ! Congrats :) -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<title>Decosse Adrien</title>
</head>
<body>
<header class="site-header">
<div class="container">
<a class="brand" href="index.html">Decosse Adrien</a>
<nav class="nav" aria-label="Main navigation">
<a href="index.html" data-i18n="nav.home"></a>
<a href="syllabus.html" data-i18n="nav.syllabus"></a>
<a href="cours.html" data-i18n="nav.cours"></a>
<a href="riichi.html" data-i18n="nav.riichi"></a>
<a href="croco.html" data-i18n="nav.croco"></a>
<a id="cv-download" href="Decosse_Adrien_CV.pdf" download data-i18n="nav.cv"></a>
<span style="margin-left:12px">
<a href="#" class="lang-toggle" data-lang="fr">FR</a>
<span style="opacity:0.6; margin:0 6px">|</span>
<a href="#" class="lang-toggle" data-lang="en">EN</a>
</span>
</nav>
</div>
</header>
<main class="container layout">
<aside class="profile-card">
<a href="EasterEggs/pacman.html"><img src="Photo_Profil.jpg" alt="Photo de profil"></a>
<h2>Decosse Adrien</h2>
<div class="meta" data-i18n="home.pres.desc.agreg"></div>
<div class="meta" data-i18n="home.pres.desc.etude"></div>
<ul class="contact-list">
<li><strong data-i18n="home.pres.tel"></strong>: +33 7 66 77 28 79</li>
<li><strong data-i18n="home.pres.mail"></strong>: <a href="mailto:adrien.decosse@ens-rennes.fr">adrien.decosse@ens-rennes.fr</a></li>
<li><strong data-i18n="home.pres.github.pro"></strong>: <a href="https://github.com/decosse-adrien">Decosse Adrien</a></li>
<li><strong data-i18n="home.pres.github.perso"></strong>: <a href="https://github.com/Didictateur">Didictateur</a></li>
</ul>
<div class="skills">
<h3 data-i18n="home.pres.competences"></h3>
<ul class="skill-list">
<li class="skill">
<span class="skill-name">Python</span>
<div class="skill-bar" role="img" aria-label="Niveau Python">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
</div>
</li>
<li class="skill">
<span class="skill-name">C</span>
<div class="skill-bar" role="img" aria-label="Niveau C">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment"></span>
<span class="segment"></span>
</div>
</li>
<li class="skill">
<span class="skill-name">C++</span>
<div class="skill-bar" role="img" aria-label="Niveau C++">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment"></span>
</div>
</li>
<li class="skill">
<span class="skill-name">OCaml</span>
<div class="skill-bar" role="img" aria-label="Niveau OCaml">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment"></span>
<span class="segment"></span>
</div>
</li>
<li class="skill">
<span class="skill-name">Lua</span>
<div class="skill-bar" role="img" aria-label="Niveau Lua">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
</div>
</li>
<li class="skill">
<span class="skill-name">HTML/CSS</span>
<div class="skill-bar" role="img" aria-label="Niveau HTML/CSS">
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment filled"></span>
<span class="segment"></span>
<span class="segment"></span>
<span class="segment"></span>
</div>
</li>
</ul>
</div>
</aside>
<section class="main-card">
<h1 data-i18n="home.presentation.title"></h1>
<div class="section">
<h2 data-i18n="home.presentation.cursus"></h2>
<ul>
<li><strong data-i18n="home.presentation.années"> 2022-2024:</strong>
<p data-i18n="home.presentation.ens" data-i18n-html></p>
</li>
<li><strong data-i18n="home.presentation.années"> 2019-2022:</strong>
<p data-i18n="home.presentation.prepa" data-i18n-html></p>
</li>
<li><strong data-i18n="home.presentation.année"> 2019:</strong>
<p data-i18n="home.presentation.lycee" data-i18n-html></p>
</li>
</ul>
</div>
<div class="section">
<h2 data-i18n="home.presentation.experience"></h2>
<ul>
<li><strong data-i18n="home.presentation.stage.title"></strong>
<p data-i18n="home.presentation.stage.desc" data-i18n-html></p>
</li>
<li><strong data-i18n="home.presentation.concours.title"></strong>
<p data-i18n="home.presentation.concours.desc"></p>
</li>
<li><strong data-i18n="home.presentation.cours.title"></strong>
<p data-i18n="home.presentation.cours.desc" data-i18n-html></p>
</li>
<li><strong data-i18n="home.presentation.autres.titles"></strong>
<p data-i18n="home.presentation.autres.desc" data-i18n-html></p>
</li>
</ul>
</div>
<div class="section">
<h2 data-i18n="home.presentation.cultures.title"></h2>
<ul>
<li><strong data-i18n="home.presentation.cultures.theatre.title"></strong>
<p data-i18n="home.presentation.cultures.theatre.desc" data-i18n-html></p>
</li>
<li><strong data-i18n="home.presentation.cultures.sport.title"></strong>
<p data-i18n="home.presentation.cultures.sport.desc"></p>
</li>
<li><strong data-i18n="home.presentation.cultures.jeux.title"></strong>
<p data-i18n="home.presentation.cultures.jeux.desc"></p>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<small class="muted" data-i18n="license"></small>
</div>
</footer>
<script src="assets/i18n.js"></script>
</body>
</html>