Start from scratch
115
css/cv.css
|
@ -1,115 +0,0 @@
|
|||
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: '→';
|
||||
font-family: sans-serif;
|
||||
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;
|
||||
}
|
|
@ -1,95 +0,0 @@
|
|||
body {
|
||||
background: url('/images/pic1.webp');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
height: 200px;
|
||||
width: 600px;
|
||||
margin: calc((100vh - 200px) / 2) auto;
|
||||
text-align: center;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 1rem black;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
column-gap: 1em;
|
||||
}
|
||||
|
||||
.title h1, .title h2 {
|
||||
font-size: 3rem;
|
||||
margin: 0;
|
||||
align-self: end;
|
||||
}
|
||||
.title h1 {
|
||||
text-align: left;
|
||||
}
|
||||
.title h2 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.title nav {
|
||||
font-variant: small-caps;
|
||||
font-size: 1.5rem;
|
||||
grid-column: 1 / 3;
|
||||
padding: .5em;
|
||||
align-self: center;
|
||||
line-height: 2em;
|
||||
}
|
||||
.title nav a {
|
||||
border: 0px solid #484848de;
|
||||
border-width: .1em 0;
|
||||
padding: 0 .5em;
|
||||
margin: .5em;
|
||||
transition: border-color 250ms, background-color 250ms, color 250ms;
|
||||
}
|
||||
.title nav a:hover {
|
||||
background-color: #242424de;
|
||||
border-color: #242424de;
|
||||
color: #ffffffde;
|
||||
}
|
||||
.title nav a:active {
|
||||
border-color: #121212de;
|
||||
background-color: #121212de;
|
||||
color: #dededede;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: white;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
footer>p>* {
|
||||
padding: 1em;
|
||||
line-height: 3em;
|
||||
}
|
||||
footer>p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
footer>.author {
|
||||
font-family: 'IBM Plex Serif';
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.title {
|
||||
width: auto;
|
||||
height: 300px;
|
||||
margin: calc((100vh - 300px) / 2) 1em;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr 1fr 2fr;
|
||||
}
|
||||
.title h1, .title h2 {
|
||||
text-align: center;
|
||||
}
|
||||
.title h1 {
|
||||
align-self: start;
|
||||
}
|
||||
.title nav {
|
||||
grid-column: 1;
|
||||
}
|
||||
}
|
42
css/main.css
|
@ -1,42 +0,0 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-family: 'IBM Plex Serif', serif;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 700;
|
||||
}
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #484848de;
|
||||
text-decoration: none;
|
||||
transition: color 50ms;
|
||||
}
|
||||
a:hover {
|
||||
color: #242424de;
|
||||
}
|
||||
a:active {
|
||||
color: #121212de;
|
||||
}
|
|
@ -1,51 +0,0 @@
|
|||
header {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
transition: transform 250ms;
|
||||
}
|
||||
header>* {
|
||||
align-self: center;
|
||||
}
|
||||
header nav {
|
||||
text-align: right;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.album {
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
border: 1px solid darkgray;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
display: inline grid;
|
||||
grid-template-rows: 2fr 1fr;
|
||||
transition: transform 250ms;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.album .pic {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.album .pic img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.album h3 {
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
padding: 0 1em;
|
||||
margin: 0;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.album:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
.album:active {
|
||||
transform: scale(1.02);
|
||||
}
|
276
cv/index.html
|
@ -1,276 +0,0 @@
|
|||
<!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</h2>
|
||||
<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>
|
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>401 - Unauthorized</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
display: inline-block;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
h1 {
|
||||
color: #d50000;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
border-top: 5px #dedede solid;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote::after, blockquote::before {
|
||||
font-weight: 800;
|
||||
color: #dedede;
|
||||
}
|
||||
blockquote::before {
|
||||
content: "«";
|
||||
}
|
||||
blockquote::after {
|
||||
content: "»";
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
<h1>401</h1>
|
||||
<h2>Non Autorisé</h2>
|
||||
<figure>
|
||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||
The request requires user authentication.
|
||||
</blockquote>
|
||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>403 - Forbidden</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
display: inline-block;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
h1 {
|
||||
color: #d50000;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
border-top: 5px #dedede solid;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote::after, blockquote::before {
|
||||
font-weight: 800;
|
||||
color: #dedede;
|
||||
}
|
||||
blockquote::before {
|
||||
content: "«";
|
||||
}
|
||||
blockquote::after {
|
||||
content: "»";
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
<h1>403</h1>
|
||||
<h2>Interdit</h2>
|
||||
<figure>
|
||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||
The server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated.
|
||||
</blockquote>
|
||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>404 - Not Found</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
display: inline-block;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
h1 {
|
||||
color: #d50000;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
border-top: 5px #dedede solid;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote::after, blockquote::before {
|
||||
font-weight: 800;
|
||||
color: #dedede;
|
||||
}
|
||||
blockquote::before {
|
||||
content: "«";
|
||||
}
|
||||
blockquote::after {
|
||||
content: "»";
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
<h2>Introuvable</h2>
|
||||
<figure>
|
||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||
The server has not found anything matching the Request-URI.
|
||||
</blockquote>
|
||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>500 - Internal Server Error</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
display: inline-block;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
h1 {
|
||||
color: #d50000;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
border-top: 5px #dedede solid;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote::after, blockquote::before {
|
||||
font-weight: 800;
|
||||
color: #dedede;
|
||||
}
|
||||
blockquote::before {
|
||||
content: "«";
|
||||
}
|
||||
blockquote::after {
|
||||
content: "»";
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
<h1>500</h1>
|
||||
<h2>Erreur Serveur Interne</h2>
|
||||
<figure>
|
||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||
The server encountered an unexpected condition which prevented it from fulfilling the request.
|
||||
</blockquote>
|
||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
|
@ -1,80 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
|
||||
<title>502 - Bad Gateway</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: #000000de;
|
||||
font-family: Inter, sans-serif;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
display: inline-block;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
h1 {
|
||||
color: #d50000;
|
||||
}
|
||||
h2 {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: block;
|
||||
border-top: 5px #dedede solid;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote::after, blockquote::before {
|
||||
font-weight: 800;
|
||||
color: #dedede;
|
||||
}
|
||||
blockquote::before {
|
||||
content: "«";
|
||||
}
|
||||
blockquote::after {
|
||||
content: "»";
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
<body>
|
||||
<h1>502</h1>
|
||||
<h2>Passerelle Défectueuse</h2>
|
||||
<figure>
|
||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||
The server, while acting as a gateway or proxy, received an invalid response from the upstream server it accessed in attempting to fulfill the request.
|
||||
</blockquote>
|
||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
|
@ -1,16 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("Inter-Regular.woff2") format("woff2"),
|
||||
url("Inter-Regular.woff") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url("Inter-ExtraBold.woff2") format("woff2"),
|
||||
url("Inter-ExtraBold.woff") format("woff");
|
||||
}
|
|
@ -1,16 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'IBM Plex Serif';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url("IBMPlexSerif-Bold.woff2") format("woff2"),
|
||||
url("IBMPlexSerif-Bold.woff2") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Serif';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url("IBMPlexSerif-Light.woff2") format("woff2"),
|
||||
url("IBMPlexSerif-Light.woff") format("woff");
|
||||
}
|
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 7.2 KiB |
Before Width: | Height: | Size: 7.9 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 4.7 KiB |
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
Before Width: | Height: | Size: 809 B |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 4.3 KiB |
BIN
images/pic1.webp
Before Width: | Height: | Size: 456 KiB |
BIN
images/sard.webp
Before Width: | Height: | Size: 33 KiB |
64
index.html
|
@ -1,64 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta name="robots" content="index,follow" />
|
||||
|
||||
<title>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="preload" href="/images/pic1.webp" as="image" />
|
||||
|
||||
<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/index.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>
|
||||
<div class="title">
|
||||
<h2>Edgar P.</h2>
|
||||
<h1>Burkhart</h1>
|
||||
<nav>
|
||||
<a href="/cv">CV</a>
|
||||
<a href="/photos">Photos</a>
|
||||
<a href="https://git.edgarpierre.fr">Gitea</a>
|
||||
</nav>
|
||||
</div>
|
||||
<footer>
|
||||
<p class="links">
|
||||
<a href="mailto:contact@edgarpierre.fr"><strong>contact@edgarpierre.fr</strong></a>
|
||||
<a href="https://www.komoot.fr/user/383887346799">komoot(edpibu)</a>
|
||||
<a href="https://www.last.fm/user/edpiburkhart">last.fm(edpiburkhart)</a>
|
||||
<a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a>
|
||||
<a href="https://github.com/edpiburkhart">github(edpiburkhart)</a>
|
||||
<a href="https://public.edgarpierre.fr">public.edgarpierre.fr</a>
|
||||
</p>
|
||||
<p class="author">
|
||||
<span>edpibu - 2021</span>
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -1,54 +0,0 @@
|
|||
<!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/photos.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>
|
||||
<header>
|
||||
<h1>Photos</h1>
|
||||
<nav>
|
||||
<a href="/">Homepage</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<a href="https://photos.edgarpierre.fr/share/JUzmhOcW" class="album">
|
||||
<div class="pic">
|
||||
<img src="/images/sard.webp" />
|
||||
</div>
|
||||
<h3>Sardaigne MMXX</h3>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|