updated index.html
This commit is contained in:
Didictateur
parent
76e798691c
commit
6d9a8b2c46
2 changed files with 217 additions and 151 deletions
204
index.html
204
index.html
|
|
@ -1,141 +1,101 @@
|
|||
<!--You found the Ester Egg 2 ! Congrates !!!
|
||||
But will you be able to find the final boss of the Easter Eggs ?
|
||||
I mean, it is impossible to find the great EasterEgg0-->
|
||||
|
||||
<!--You found the Ester Egg 2 ! Congrats :) -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=EB+Garamond">
|
||||
<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">
|
||||
<style>
|
||||
a {
|
||||
color: #0000cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
<title>Decosse Adrien</title>
|
||||
</head>
|
||||
<title> Decosse Adrien </title>
|
||||
|
||||
<body>
|
||||
<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="syllabus.html">Syllabus</a>
|
||||
<a href="cours/index.html">Cours</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="row">
|
||||
<div class="side">
|
||||
<a href="EasterEggs/pacman.html"><img id="pp" src="Photo_Profil.jpg" width="10%"></a>
|
||||
<h1> Contact </h1>
|
||||
<ul>
|
||||
<li>
|
||||
<b>téléphone:</b>
|
||||
+33 7 66 77 28 79
|
||||
</li>
|
||||
<li>
|
||||
<b>e-mail:</b>
|
||||
<a href="mailto:adrien.decosse@ens-rennes.fr">adrien.decosse@ens-rennes.fr</a>
|
||||
</li>
|
||||
<li>
|
||||
<b><a href="https://github.com/Didictateur">GitHub</a></b>
|
||||
</li>
|
||||
<li>
|
||||
<b><a href="index_eng.html">English version</a></b>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<main class="container layout">
|
||||
<aside class="profile-card">
|
||||
<a href="EasterEggs/pacman.html"><img src="Photo_Profil.jpg" alt="Photo de profil"></a>
|
||||
<h2>Adrien Decosse</h2>
|
||||
<div class="meta">Étudiant en informatique — ENS Rennes</div>
|
||||
|
||||
<div class="main">
|
||||
<ul class="contact-list">
|
||||
<li><strong>Téléphone:</strong> +33 7 66 77 28 79</li>
|
||||
<li><strong>E-mail:</strong> <a href="mailto:adrien.decosse@ens-rennes.fr">adrien.decosse@ens-rennes.fr</a></li>
|
||||
<li><strong>GitHub:</strong> <a href="https://github.com/Didictateur">Didictateur</a></li>
|
||||
<li><strong>Version EN:</strong> <a href="index_eng.html">English</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<h1> Présentation </h1>
|
||||
<section class="main-card">
|
||||
<h1>Présentation</h1>
|
||||
|
||||
<h2> Cursus scolaire </h2>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Année 2022-2024: </b>
|
||||
<p>L3 et M1 dans le cursus informatique de l'
|
||||
<a href="https://www.ens-rennes.fr/">ENS Rennes</a>
|
||||
. Les cours suivis lors de ce cursus sont présentés dans ce <a href="syllabus.html">syllabus</a>
|
||||
</p>
|
||||
</li>
|
||||
<div class="section">
|
||||
<h2>Cursus scolaire</h2>
|
||||
<ul>
|
||||
<li><strong>Année 2022-2024:</strong>
|
||||
<p>L3 et M1 dans le cursus informatique de l'<a href="https://www.ens-rennes.fr/">ENS Rennes</a>. Les cours suivis lors de ce cursus sont présentés dans ce <a href="syllabus.html">syllabus</a>.</p>
|
||||
</li>
|
||||
<li><strong>Année 2019-2022:</strong>
|
||||
<p>Trois années en classe préparatoire au lycée <a href="https://lycee-champollion.fr/">Champollion</a>, dont deux fois en MP* et dans le groupe TD X-ENS.</p>
|
||||
</li>
|
||||
<li><strong>Année 2019:</strong>
|
||||
<p>Après des études au collège-lycée <a href="https://www.la-favorite.org/">La Favorite</a>, j'obtiens le BAC S mention BIEN.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<li>
|
||||
<b>Année 2019-2022: </b>
|
||||
<p>Trois années en classe préparatoire au lycée
|
||||
<a href="https://lycee-champollion.fr/">Champollion</a>
|
||||
dont deux fois en MP* et dans le groupe TD X-ENS</p>
|
||||
</li>
|
||||
<div class="section">
|
||||
<h2>Expériences</h2>
|
||||
<ul>
|
||||
<li><strong>Travaux dans une équipe de recherche:</strong>
|
||||
<p>Durant l'été 2023, j'ai effectué un stage de deux mois au sein de l'équipe <a href="https://www.inria.fr/en/elan">Elan</a> de l'Inria à Grenoble. J'ai eu la possibilité de travailler quotidiennement avec des doctorants.</p>
|
||||
<p>Durant toute l'année scolaire 2023-2024, j'ai étroitement travaillé avec l'équipe <a href="https://www.inria.fr/en/diverse">Diverse</a> de l'Inria à Rennes avec qui j'ai eu la possibilité de monter un projet.</p>
|
||||
</li>
|
||||
<li><strong>Concours:</strong>
|
||||
<p>J'ai participé aux concours généraux de mathématiques, de physique et de SVT en 2019. En 2018, j'ai été classé 25ième régional aux olympiades de mathématiques. En 2019, j'ai obtenu la deuxième place à un concours d'éloquence organisé par mon lycée.</p>
|
||||
</li>
|
||||
<li><strong>Cours externes:</strong>
|
||||
<p>Entre 2018 et 2019, j'ai assisté à des cours de mathématiques donnés par l'<a href="https://www.ens-lyon.fr">ENS Lyon</a> le dimanche de 8h à 14h. J'ai également donné des cours bénévolement à des collégiens.</p>
|
||||
</li>
|
||||
<li><strong>Autres:</strong>
|
||||
<p>Durant le collège, j'ai obtenu le brevet d'initiation aéronautique (2016) et assisté à diverses conférences scientifiques. J'ai aussi effectué un stage d'un mois au sein de l'entreprise <a href="https://www.climb-up.fr/">Climb Up</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<li>
|
||||
<b>Année 2019: </b>
|
||||
<p>Après des études au collège-lycée
|
||||
<a href="https://www.la-favorite.org/">La Favorite</a>
|
||||
, j'obtiens le BAC S mention BIEN</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="section">
|
||||
<h2>Intérêts culturels</h2>
|
||||
<ul>
|
||||
<li><strong>Théâtre:</strong>
|
||||
<p>J'ai grandi dans le monde du théâtre — ~10 ans d'expérience avant la prépa. À l'ENS Rennes, j'ai joué et chanté dans la comédie musicale et dans la chorale; je suis actuellement responsable de la comédie musicale et président de la chorale. <a id="easteregg" href="https://fr.wiktionary.org/wiki/feur">Quoi</a> que l'on me dise, mon auteur préféré est Samuel Beckett.</p>
|
||||
</li>
|
||||
<li><strong>Sport:</strong>
|
||||
<p>Pratique d'activités de haute-montagne : escalade, alpinisme, ski, etc.</p>
|
||||
</li>
|
||||
<li><strong>Jeux indés préférés:</strong>
|
||||
<p>Outer Wilds, Undertale, Tunic, Fez, The Moonstone Equation.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<h2> Expériences </h2>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Travaux dans une équipe de recherche: </b>
|
||||
<p>Durant l'été 2023, j'ai effectué un stage de deux mois au sein de l'équipe <a href="https://www.inria.fr/en/elan">Elan</a> de l'Inria à Grenoble. J'ai eu la possibilité de travailler quotidiennement avec des doctorants</p>
|
||||
<p>Durant toute l'année scolaire 2023-2024, j'ai étroitement travaillé avec l'équipe <a href="https://www.inria.fr/en/diverse">Diverse</a> de l'Inria à Rennes avec qui j'ai eu la possibilité de monter un projet</p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Concours: </b>
|
||||
<p>J'ai eu la chance de participer aux concours généraux de mathématiques, de physique et de SVT en 2019</p>
|
||||
<p>En 2018, j'ai été classé 25ième régional aux olympiades de mathématiques</P>
|
||||
<p>En 2019, j'ai obtenu la deuxième place à un concours d'éloquence organisé par mon lycée sur le progrès
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<b>Cours externes: </b>
|
||||
<p>Entre 2018 et 2019, j'ai assisté à des cours de mathématiques donnés par l'<a href="https://www.ens-lyon.fr">ENS Lyon</a> le dimanche de 8h à 14h</p>
|
||||
<p>Durant ces mêmes années, j'ai donné des cours bénévolement à des collègiens dans les matières scientifiques
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<b>Autres: </b>
|
||||
<p>Durant le collège, j'ai pu travailler sur le brevet d'initiation aéronautique, que j'ai obtenu en 2016</p>
|
||||
<P>J'ai en parallèle assisté à diverses conférences scientifiques proposées dans Lyon</p>
|
||||
<p>Enfin, j'ai effectué un stage d'un mois au sein de l'entreprise
|
||||
<a href="https://www.climb-up.fr/"> Climb Up</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
<h2> Intérêts culturels </h2>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Théâtre: </b>
|
||||
<p>J'ai grandi dans le monde du théatre. J'ai pu accumuler 10 ans d'expérience avant la classe préparatoire. Durant ces années, j'ai eu la possibilité de jouer, de lire,
|
||||
et d'écrire de nombreuses pièces. À l'ENS Rennes, j'ai eu la possibilité de jouer et chanter dans la comédie musicale de l'ENS Rennes, ainsi que dans sa chorale. Cette année, je suis responsable dans cette même comédie musicale ainsi que président de la chorale.
|
||||
<a id="easteregg" href="https://fr.wiktionary.org/wiki/feur" style="text-decoration:none">Quoi</a> que l'on me dise, mon auteur préféré est Samuel Beckett</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<b>Sport: </b>
|
||||
<p>Je pratique beaucoup de sports, en particulier de haute-montagne tel que l'escalade, l'alpinisme, le ski etc...</p>
|
||||
</li>
|
||||
<li>
|
||||
<b>Jeux préférés: </b>
|
||||
<p>Mes jeux indés préférés sont: Outer Wilds, Undertale, Tunic, Fez et The Moonstone Equation</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<small class="muted">© Adrien Decosse — site personnel</small>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
|
|||
160
style.css
160
style.css
|
|
@ -1,44 +1,150 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
:root{
|
||||
--bg: #f6f8fb;
|
||||
--card: #ffffff;
|
||||
--muted: #6b7280;
|
||||
--accent: #2563eb;
|
||||
--accent-2: #0ea5a4;
|
||||
--text: #0f172a;
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
#pp {
|
||||
border-radius: 50%;
|
||||
width: 320px;
|
||||
height: 400px;
|
||||
*{box-sizing:border-box}
|
||||
|
||||
html,body{height:100%}
|
||||
|
||||
body{
|
||||
margin:0;
|
||||
font-family: Inter, "EB Garamond", serif;
|
||||
background:var(--bg);
|
||||
color:var(--text);
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
line-height:1.6;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.container{
|
||||
max-width:1100px;
|
||||
margin:0 auto;
|
||||
padding:24px;
|
||||
}
|
||||
|
||||
.side {
|
||||
flex: 20%;
|
||||
padding: 20px;
|
||||
.site-header{
|
||||
background:linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.6));
|
||||
backdrop-filter: blur(4px);
|
||||
border-bottom:1px solid rgba(15,23,42,0.06);
|
||||
}
|
||||
.site-header .container{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:16px;
|
||||
padding-top:18px;
|
||||
padding-bottom:18px;
|
||||
}
|
||||
.brand{
|
||||
font-weight:700;
|
||||
font-size:20px;
|
||||
color:var(--text);
|
||||
text-decoration:none;
|
||||
}
|
||||
.nav{
|
||||
margin-left:auto;
|
||||
display:flex;
|
||||
gap:12px;
|
||||
align-items:center;
|
||||
}
|
||||
.nav a{color:var(--muted); text-decoration:none; padding:8px 12px; border-radius:8px}
|
||||
.nav a:hover{color:var(--accent); background:rgba(37,99,235,0.06)}
|
||||
|
||||
.layout{display:grid; grid-template-columns: 300px 1fr; gap:24px; align-items:start}
|
||||
|
||||
.profile-card{
|
||||
background:var(--card);
|
||||
border-radius:var(--radius);
|
||||
padding:18px;
|
||||
box-shadow:0 6px 20px rgba(15,23,42,0.06);
|
||||
text-align:center;
|
||||
}
|
||||
.profile-card img{border-radius:50%; width:160px; height:160px; object-fit:cover; display:block; margin:0 auto 12px}
|
||||
.profile-card h2{margin:6px 0 2px;font-size:18px}
|
||||
.profile-card .meta{color:var(--muted); font-size:14px}
|
||||
.contact-list{list-style:none; padding:0; margin:12px 0 0; text-align:left}
|
||||
.contact-list li{margin:10px 0}
|
||||
.contact-list a{color:var(--accent); text-decoration:none}
|
||||
|
||||
/* Make the profile image link visually neutral but still clickable.
|
||||
Targets only the anchor that is a direct child of .profile-card (the image link)
|
||||
so other links (email, github) keep normal link behavior. */
|
||||
.profile-card > a{
|
||||
display:inline-block;
|
||||
line-height:0; /* avoid extra gap */
|
||||
text-decoration:none;
|
||||
cursor: default; /* show normal cursor instead of pointer */
|
||||
border: none;
|
||||
}
|
||||
.profile-card > a img{display:block}
|
||||
.profile-card > a:focus{
|
||||
outline: 2px dashed rgba(37,99,235,0.28);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 70%;
|
||||
padding: 20px;
|
||||
background: whitesmoke;
|
||||
.main-card{
|
||||
background:var(--card);
|
||||
border-radius:var(--radius);
|
||||
padding:20px;
|
||||
box-shadow:0 6px 20px rgba(15,23,42,0.04);
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: 80px;
|
||||
float: right;
|
||||
h1,h2,h3{font-family:'EB Garamond', serif; color:var(--text); margin-top:0}
|
||||
h1{font-size:28px}
|
||||
h2{font-size:20px}
|
||||
|
||||
.section{margin-bottom:18px}
|
||||
|
||||
.card-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px}
|
||||
|
||||
a{color:var(--accent);}
|
||||
|
||||
ul{padding-left:1.1rem}
|
||||
li{margin:8px 0}
|
||||
|
||||
.footer{
|
||||
padding:20px 0;
|
||||
color:var(--muted);
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
li{
|
||||
margin: 10px 0;
|
||||
/* Responsive */
|
||||
@media (max-width:900px){
|
||||
.layout{grid-template-columns:1fr}
|
||||
.nav{display:none}
|
||||
.container{padding:16px}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'EB Garamond', serif;
|
||||
font-size: 18px;
|
||||
background: royalblue;
|
||||
/* small helpers */
|
||||
.muted{color:var(--muted)}
|
||||
.pill{display:inline-block; padding:6px 10px; background:rgba(37,99,235,0.08); color:var(--accent); border-radius:999px; font-size:13px}
|
||||
|
||||
/* Easter egg link: render like plain text (no color/underline/cursor change on hover) */
|
||||
/* Keep it accessible (still focusable) but visually identical to surrounding text */
|
||||
/* Make the easter egg link look like normal text but remain clickable.
|
||||
- color: inherit so it matches surrounding text
|
||||
- no underline and no hover color change
|
||||
- cursor: text so it doesn't show the pointer hand
|
||||
- keep a visible focus outline for keyboard users (accessibility) */
|
||||
a#easteregg,
|
||||
a#easteregg:link,
|
||||
a#easteregg:visited,
|
||||
a#easteregg:hover,
|
||||
a#easteregg:active{
|
||||
color: inherit !important;
|
||||
text-decoration: none !important;
|
||||
background: transparent !important;
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
#easteregg {
|
||||
color: black;
|
||||
/* Visible but subtle focus for keyboard users */
|
||||
a#easteregg:focus{
|
||||
outline: 2px dashed rgba(37,99,235,0.28);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue