Compare commits

..

7 commits

Author SHA1 Message Date
fe06695333
Added link to CV 2021-04-10 11:06:57 +02:00
3682b96bec
CV finishing touch 2021-04-10 11:03:34 +02:00
7c7963d656
CV Extra 2021-04-10 10:47:35 +02:00
cbd0e25dc5
cv skills 2021-04-10 10:37:19 +02:00
d9671ba442
Fixed preload picture on cv 2021-04-10 10:25:23 +02:00
efdf9ab04f
CV - honors & awards 2021-04-10 10:24:16 +02:00
4c64c45cd4
Added base for resume/cv 2021-04-10 10:10:02 +02:00
5 changed files with 430 additions and 6 deletions

114
css/cv.css Normal file
View file

@ -0,0 +1,114 @@
body {
max-width: 800px;
width: 100%;
margin: auto;
position: relative;
padding: 2rem;
}
h1 {
font-size: 3rem;
text-align: right;
}
h2 {
font-size: 2rem;
margin: 0;
}
h3 {
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 800;
}
hr {
border: .1em solid black;
width: 25%;
margin: auto;
margin-top: 2rem;
margin-bottom: 1rem;
}
nav {
text-align: right;
}
li.homepage::marker {
content: '🏠';
}
li.email::marker {
content: '📧';
}
summary {
position: relative;
display: grid;
grid-template-columns: 2fr 1fr;
cursor: pointer;
}
summary::before {
content: '🡆';
position: absolute;
top: 0;
right: 100%;
font-weight: 800;
height: 1.5rem;
line-height: 1.5rem;
padding-right: .5rem;
transition: 250ms;
}
details[open] summary::before {
transform: rotate(45deg);
}
summary>:first-child {
grid-column: 1;
text-align: left;
}
summary>:last-child {
grid-column: 2;
text-align: right;
}
summary h3, summary p {
margin: 0;
}
summary strong {
font-variant: small-caps;
font-weight: normal;
}
summary>* {
align-self: center;
}
details {
margin: 1em 0;
}
details .place, details .date {
font-style: italic;
font-size: .9rem;
}
details .place {
color: #8bc34a;
}
dl.ha > dt {
font-style: italic;
}
h3.skills {
margin-bottom: 0;
}
dl.skills {
margin: 0;
}
dl.skills {
display: grid;
grid-template-columns: 1fr 4fr;
}
dl.skills > dt {
font-weight: 800;
grid-column: 1;
text-align: right;
}
dl.skills > dd {
grid-column: 2;
}
dl.skills > * {
align-self: center;
}

View file

@ -21,8 +21,6 @@
} }
.left h1, .left h2 { .left h1, .left h2 {
font-family: 'IBM Plex Serif', serif;
position: absolute; position: absolute;
font-size: 3rem; font-size: 3rem;
height: 1em; height: 1em;
@ -33,11 +31,23 @@
.left h2 { .left h2 {
top: calc( 50% - 1em ); top: calc( 50% - 1em );
font-weight: 800;
} }
.left h1 { .left h1 {
bottom: calc( 50% - 1em ); bottom: calc( 50% - 1em );
font-weight: 300; }
nav {
position: absolute;
top: 0;
width: 100%;
background: #ffffffde;
text-align: center;
font-size: 2em;
padding: 1em;
font-weight: 800;
}
nav > a {
padding: 1em;
} }
footer { footer {
@ -63,8 +73,6 @@ footer li span {
} }
footer a { footer a {
color: #dededede; color: #dededede;
text-decoration: none;
transition: color 50ms;
} }
footer a:hover { footer a:hover {
color: #ffffffde; color: #ffffffde;

View file

@ -14,4 +14,27 @@ body {
margin: 0; margin: 0;
color: #000000de; color: #000000de;
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
}
h1, h2 {
font-family: 'IBM Plex Serif', serif;
}
h2 {
font-weight: 800;
}
h1 {
font-weight: 300;
}
a {
color: #484848de;
text-decoration: none;
transition: color 50ms;
}
a:hover {
color: #242424de;
}
a:active {
color: #121212de;
} }

276
cv/index.html Normal file
View file

@ -0,0 +1,276 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="robots" content="index,follow" />
<title>Resume - Edgar P. Burkhart</title>
<meta name="description" content="Edgar P. Burkhart, étudiant en génie civil à l'École Normale Supérieure Paris-Saclay. contact@edgarpierre.fr" />
<link rel="preload" href="/fonts/inter/Inter-ExtraBold.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/inter/Inter-Regular.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/plex/IBMPlexSerif-Bold.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/plex/IBMPlexSerif-Light.woff2" as="font" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="/fonts/inter/inter48.css" />
<link rel="stylesheet" type="text/css" href="/fonts/plex/plex37.css" />
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<link rel="stylesheet" type="text/css" href="/css/cv.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>Edgar P. Burkhart</h1>
<nav>
<ul>
<li class="homepage"><a href="https://edgarpierre.fr">edgarpierre.fr</a></li>
<li class="email"><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
</ul>
</nav>
<h2>Work Experience</h2>
<details>
<summary>
<div>
<h3>Be'Creative</h3>
<strong>Web Developer, Representative of the company</strong>
</div>
<div>
<p class="place">Lycée Blaise Pascal, Colmar</p>
<p class="date">2013 - 2014</p>
</div>
</summary>
<ul>
<li>Involved in the creation of the company "Be'Creative" thanks to the Junior Achievement Company Program in highschool</li>
<li>Reached the first place in the regional "mini-company" competition</li>
<li>Participated to the national event</li>
</ul>
</details>
<hr>
<h2>Education</h2>
<details>
<summary>
<div>
<h3>École Normale Supérieure Paris-Saclay</h3>
<strong>M2 FeSup (Formation à l'Enseignement Supérieur), Master in Higher Education training in Civil Engineering</strong>
</div>
<div>
<p class="place">Gif-sur-Yvette, France</p>
<p class="date">2020 - 2021</p>
</div>
</summary>
<ul>
<li>Graduate Engineering School</li>
<li><strong>Subjects:</strong> Fluid Mechanics, Structure Mechanics, Soil Mechanics, Thermal Transfers, Acoustics, Pedagogy, Materials and Structures Engineering</li>
<li>Teaching practice in higher education (Licence Pro MGB) on "Introduction to Civil Engineering"</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>École Normale Supérieure Paris-Saclay</h3>
<strong>M1 MAISES (Materials and Structures), first year of a Master's Degree</strong>
</div>
<div>
<p class="place">Cachan, France</p>
<p class="date">2019 - 2020</p>
</div>
</summary>
<ul>
<li>Graduate Engineering School</li>
<li><strong>Subjects:</strong> Soil Mechanics, Fluid Mechanics, Virbations, Numerical Methods, Waves and acoustics in fluids, Structures, Materials, Thermal Transfers, English</li>
<li>Research Project on "Numerical study of instabilities using metamodels"</li>
<li>Internship on "Optimization of simplified calculation methods for early age cracking assessment"</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>École Normale Supérieure Paris-Saclay</h3>
<strong>Sciences Appliquées en Physique et Ingénierie pour la Recherche et l'Enseignement (SAPHIRE), equivalent to Bachelor degree</strong>
</div>
<div>
<p class="place">Cachan, France</p>
<p class="date">2018 - 2019</p>
</div>
</summary>
<ul>
<li>Graduate Engineering School</li>
<li><strong>Subjects:</strong> Mathematics for modeling and simulation, Materials science, "Continuum media, balance equations, constitutive laws", Computer science, Numerical methods, Signal processing, Discrete and discontinuous media, Dynamic simulation and control of multibody systems, English</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>Lycée Polyvalent Louis Couffignal</h3>
<strong>Classe Préparatoire aux Grandes Écoles PCSI - PSI*</strong>
</div>
<div>
<p class="place">Strasbourg, France</p>
<p class="date">2016 - 2018</p>
</div>
</summary>
<ul>
<li>Intensive two year course to prepare for the highly competitive entrance exams of the French Grandes Écoles</li>
<li><strong>Subjects:</strong> Engineering, Physics, Chemistery, Maths</li>
<li>Project on evaluating stress in a bicycle frame experimentally and numerically</li>
<li>Head of the class</li>
<li>Ranked 13th to the X-ENS entrance exam (entrance exam for École Polytechnique and École Normale Supérieure)</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>Lycée Polyvalent Blaise Pascal</h3>
<strong>Baccalauréat, equivalent to A-levels, with first class honours</strong>
</div>
<div>
<p class="place">Colmar, France</p>
<p class="date">2016</p>
</div>
</summary>
<ul>
<li>Science stream, Engineering major</li>
<li><strong>Subjects:</strong> Engineering, Computer Science, Physics, Chemistery, Maths, English, German, French, Latin, History, Geography</li>
<li>Project on developing a customizable programing language along with its IDE</li>
</ul>
</details>
<hr>
<h2>Honors & Awards</h2>
<dl class="ha">
<dt>2016 - Strasbourg, France</dt>
<dd><strong>Third Place,</strong> Rallye Mathématique</dd>
<dt>2016 - Strasbourg, France</dt>
<dd><strong>Second Place,</strong> Olympiades de Mathématiques</dd>
</dl>
<hr>
<h2>Skills</h2>
<h3 class="skills">Language</h3>
<dl class="skills">
<dt>French</dt>
<dd>Mother Tongue</dd>
<dt>English</dt>
<dd>C2 Level, Cambridge English Level 3 Certificate, Grade A</dd>
<dt>Scientific English</dt>
<dd>SWAP certification</dd>
<dt>German</dt>
<dd>B1 Level, Deutsches Sprachdiplom 1</dd>
</dl>
<h3 class="skills">Computer Science</h3>
<dl class="skills">
<dt>Web dev.</dt>
<dd>Extended knowledge of languages of the Web and major frameworks</dd>
<dt>Programming</dt>
<dd>Proficiency with Python, MatLab, CAST3M, C, C++ and the Qt Framework</dd>
<dt>Network</dt>
<dd>Comprehension of the functionning of complex network infrastructures</dd>
<dt>Miscellaneous</dt>
<dd>Mastery of LaTex, Microsoft Office, and collaborative editing tools</dd>
<dt>Virtual Reality</dt>
<dd>Experience with working with VR in Civil Engineering</dd>
</dl>
<h3 class="skills">Other</h3>
<dl class="skills">
<dt>Teamwork</dt>
<dd>Worked as part of a team on numerous projects</dd>
<dt>Electronics</dt>
<dd>Experience working with micro-controller boards (Arduino, Raspberry Pi), data acquisition and HMI.</dd>
</dl>
<hr>
<h2>Extracurricular Activities</h2>
<details>
<summary>
<div>
<h3>Mountain Biking, Bikepacking</h3>
<strong>Several Multi-Day Trips</strong>
</div>
<div>
<p class="place">France, Switzerland, Italy</p>
<p class="date"></p>
</div>
</summary>
<ul>
<li>Organized multiple multi-day trips alone</li>
<li>Prepared supplies and a route for up to a 12-day excursion</li>
<li>Went through german and italian speaking places, speaking german or english when needed</li>
<li>Interacted with locals to find a better route or to get assistance</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>Cachan Réseau @ Normale Sup (CR@NS)</h3>
<strong>Active Member</strong>
</div>
<div>
<p class="place">Cachan, France</p>
<p class="date">2018 - 2020</p>
</div>
</summary>
<ul>
<li>Member of the CR@NS association, which provides internet access to the entire campus of Cachan</li>
<li>Worked on the frontend of the association's website and intranet, as well as implemented some improvements to the backend</li>
<li>Learned the use of the Django framework with Python</li>
<li>Enhanced the network infrastructure by upgrading the hardware as well as installing and configuring new Wi-Fi access points</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>Handball</h3>
<strong>Player & Referee</strong>
</div>
<div>
<p class="place">Munster, France</p>
<p class="date">2009 - 2016</p>
</div>
</summary>
<ul>
<li>Played handball competitively in my local team</li>
<li>Refereed official handball games at the departmental level</li>
</ul>
</details>
<details>
<summary>
<div>
<h3>Accordionist</h3>
<strong>Group of accordionists <em>Gregoria</em></strong>
</div>
<div>
<p class="place">Munster, France</p>
<p class="date">2006 - 2016</p>
</div>
</summary>
<ul>
<li>Played accordion in a local group of accorrdionists</li>
<li>Played in local events and in concerts, occasionnaly with the local orchestra</li>
<li>Several awards in regional competitions</li>
</ul>
</details>
</body>
</html>

View file

@ -43,6 +43,9 @@
<h1>Burkhart</h1> <h1>Burkhart</h1>
</div> </div>
<div class="right"> <div class="right">
<nav>
<a href="/cv">CV</a>
</nav>
<footer> <footer>
<ul> <ul>
<li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li> <li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>