Added resume, responsive title
This commit is contained in:
parent
9aa37bd2d9
commit
de1c65e39a
GPG key ID:
9833D3C5A25BD227
5 changed files with 211 additions and 39 deletions
105
src/cv/index.html
Normal file
105
src/cv/index.html
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>CV - Edgar P. Burkhart</title>
|
||||
<meta name="description" content="Edgar P. Burkhart, étudiant en génie côtier à l'UPPA. Normalien-élève de l'ENS Paris-Saclay." />
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="/static/svg/logo.svg" />
|
||||
<link rel="mask-icon" href="/static/svg/logo.svg" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/mobile.css"
|
||||
media="screen and (max-width: 42rem)" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>
|
||||
<img src="/static/svg/logo-inv.svg"
|
||||
alt="Logo : goéland avec un bec vert" />
|
||||
Edgar P.
|
||||
<strong>Burkhart</strong>
|
||||
</h1>
|
||||
<nav>
|
||||
<a href="/">edgarpierre.fr</a>
|
||||
<a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a>
|
||||
<a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a>
|
||||
<a href="https://github.com/edpiburkhart">github(edpiburkhart)</a>
|
||||
</nav>
|
||||
|
||||
<div class="content">
|
||||
<h4>Stages</h4>
|
||||
<ul>
|
||||
<li>Optimization of simplified calculation methods for early age
|
||||
cracking assessement
|
||||
- Norwegian University of Science and Technology, ENS Paris-Saclay
|
||||
- 2020</li>
|
||||
</ul>
|
||||
<h4>Formation</h4>
|
||||
<ul>
|
||||
<li>Université de Pau et des Pays de l'Adour
|
||||
- Génie Côtier
|
||||
- M2 Computations in Coastal Engineering (CCE)
|
||||
- 2022</li>
|
||||
<li>Agrégation de Sciences Industrielles de l'Ingénieur
|
||||
- Option Ingénierie des Constructions
|
||||
- Classé 1<sup>er</sup>
|
||||
- 2021</li>
|
||||
<li>École Normale Supérieure Paris-Saclay
|
||||
- Génie Civil
|
||||
- M2 Formation à l'Enseignement Supérieur en Génie Civil
|
||||
- 2021</li>
|
||||
<li>École Normale Supérieure Paris-Saclay
|
||||
- Génie Civil
|
||||
- M1 Matériaux et Structures (MAISES)
|
||||
- 2020</li>
|
||||
<li>École Normale Supérieure Paris-Saclay
|
||||
- Sciences Appliquées en Physique et Ingénierie pour la Recherche
|
||||
et l'Enseignement (SAPHIRE) - Équivalent L3
|
||||
- 2019</li>
|
||||
<li>Lycée Polyvalent Louis Couffignal
|
||||
- CPGE PCSI-PSI*
|
||||
- Classé 13<sup>e</sup> au concours X-ENS
|
||||
- 2018</li>
|
||||
<li>Lycée Polyvalent Blaise Pascal
|
||||
- Baccalauréat Scientifique
|
||||
- Spécialité Informatique et Sciences du Numérique
|
||||
- 2016</li>
|
||||
</ul>
|
||||
<h4>Compétences</h4>
|
||||
<dl>
|
||||
<dt><h5>Langues</h5></dt>
|
||||
<dd><ul>
|
||||
<li>Français (Natif)</li>
|
||||
<li>Anglais
|
||||
(Niveau C2, Cambridge English Level 3 Certificate, Grade A)</li>
|
||||
<li>Allemand (Niveau B1, Deutsches Sprachdiplom 1)</li>
|
||||
<li>Espagnol (Lu)</li>
|
||||
</ul></dd>
|
||||
<dt><h5>Informatique</h5></dt>
|
||||
<dd><ul>
|
||||
<li>Développement web (HTML, CSS, JS, Django, Symfony, node.js,
|
||||
React)</li>
|
||||
<li>Programmation (JavaScript, Python, C++ [Qt], Matlab/Octave,
|
||||
CAST3M)</li>
|
||||
<li>Réseau (routage)</li>
|
||||
<li>Mise en page (LaTeX, Microsoft Office, LibreOffice)</li>
|
||||
</dd></ul>
|
||||
<dt><h5>Autres</h5></dt>
|
||||
<dd><ul>
|
||||
<li>Travail d'équipe</li>
|
||||
<li>Électronique (Raspberry Pi, Arduino, brasure, conception de PCB)
|
||||
</ul>
|
||||
</dl>
|
||||
<h4>Loisirs</h4>
|
||||
<ul>
|
||||
<li>VTT, Randonnée</li>
|
||||
<li>Ancien membre du CR@NS (association fournissant internet au campus
|
||||
de Cachan), 2018-2020</li>
|
||||
<li>Handball (joueur, arbitre, 2009-2016)</li>
|
||||
<li>Accordéon (membre d'un groupe d'accordéonistes, 2006-2016)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -12,6 +12,8 @@
|
|||
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/index.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/mobile.css"
|
||||
media="screen and (max-width: 42rem)" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>
|
||||
|
|
@ -21,7 +23,7 @@
|
|||
<strong>Burkhart</strong>
|
||||
</h1>
|
||||
<div class="biglinks">
|
||||
<a href="#">
|
||||
<a href="/cv/">
|
||||
<img class="svg" src="/static/svg/rich--text--format.svg" alt="" />
|
||||
Curriculum Vitae
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,49 +1,14 @@
|
|||
h1 {
|
||||
/* color: #8bc34a; */
|
||||
font-size: 3.375rem;
|
||||
line-height: 4rem;
|
||||
font-weight: 300;
|
||||
.biglinks {
|
||||
margin: 12px;
|
||||
}
|
||||
h1 strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
h1 img {
|
||||
height: 4rem;
|
||||
vertical-align: middle;
|
||||
border: 5px solid white;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.biglinks a {
|
||||
width: min(20rem, 100%);
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
|
||||
line-height: 24px;
|
||||
padding: 12px 24px;
|
||||
margin: 12px;
|
||||
|
||||
color: #f4f4f4;
|
||||
background: #262626; /* Gray 90 */
|
||||
text-decoration: none;
|
||||
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
a>.svg {
|
||||
.biglinks a>.svg {
|
||||
width: 64px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 32px;
|
||||
display: block;
|
||||
}
|
||||
a:hover {
|
||||
background: #333333; /* Gray 90 Hover */
|
||||
}
|
||||
a:active {
|
||||
background: #525252; /* Gray 70 */
|
||||
}
|
||||
a:focus {
|
||||
border: 2px solid white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,13 +2,110 @@ html {
|
|||
color: #ffffff;
|
||||
font-family: Inter V, sans-serif;
|
||||
background: #161616; /* Gray 100 */
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1rem;
|
||||
line-height: 1.375rem;
|
||||
font-weight: 400;
|
||||
margin: 24px;
|
||||
}
|
||||
body > div {
|
||||
margin: 24px;
|
||||
}
|
||||
body > .content {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.svg {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
margin: 0;
|
||||
}
|
||||
h1 {
|
||||
/* color: #8bc34a; */
|
||||
font-size: 3.375rem;
|
||||
line-height: 4rem;
|
||||
font-weight: 300;
|
||||
margin: 24px;
|
||||
}
|
||||
h1 strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
h1 img {
|
||||
height: 4rem;
|
||||
vertical-align: middle;
|
||||
border: 5px solid white;
|
||||
border-radius: 50%;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2.625rem;
|
||||
line-height: 3.125rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
line-height: 2.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.75rem;
|
||||
line-height: 2.25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
line-height: 1.375rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 12px;
|
||||
}
|
||||
a {
|
||||
display: inline-block;
|
||||
|
||||
line-height: 24px;
|
||||
padding: 12px 24px;
|
||||
margin: 12px;
|
||||
|
||||
color: #f4f4f4;
|
||||
background: #262626; /* Gray 90 */
|
||||
text-decoration: none;
|
||||
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
a:hover {
|
||||
background: #333333; /* Gray 90 Hover */
|
||||
}
|
||||
a:active {
|
||||
background: #525252; /* Gray 70 */
|
||||
}
|
||||
a:focus {
|
||||
border: 2px solid white;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
padding-left: 24px;
|
||||
margin: 12px 0;
|
||||
}
|
||||
ul li {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
sup {
|
||||
vertical-align: top;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
|
|
|||
3
src/static/css/mobile.css
Normal file
3
src/static/css/mobile.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
h1 img {
|
||||
display: block;
|
||||
}
|
||||
Reference in a new issue