Compare commits
4 commits
0bc8394d1d
...
4c64c45cd4
| Author | SHA1 | Date | |
|---|---|---|---|
4c64c45cd4
|
|||
|
95b60f7536
|
|||
|
69c28f3f6b
|
|||
|
06b0094da4
|
12 changed files with 329 additions and 158 deletions
64
css/cv.css
Normal file
64
css/cv.css
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
body {
|
||||||
|
max-width: 800px;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
position: relative;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 2rem;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
border: .1em solid black;
|
||||||
|
width: 25%;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 2fr 1fr;
|
||||||
|
cursor: pointer;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
summary>:first-child {
|
||||||
|
grid-column: 1;
|
||||||
|
grid-row: 1;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
summary>:last-child {
|
||||||
|
grid-column: 2;
|
||||||
|
grid-row: 1;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
@ -21,36 +21,32 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #000000de;
|
background: #000000de;
|
||||||
color: #ffffffde;
|
color: #ffffffde;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
footer ul {
|
footer ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
footer li {
|
footer li {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -58,19 +54,19 @@ footer li {
|
||||||
margin: 12px;
|
margin: 12px;
|
||||||
}
|
}
|
||||||
footer li span {
|
footer li span {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
footer a {
|
footer a {
|
||||||
color: #dededede;
|
color: #dededede;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 50ms;
|
transition: color 50ms;
|
||||||
}
|
}
|
||||||
footer a:hover {
|
footer a:hover {
|
||||||
color: #ffffffde;
|
color: #ffffffde;
|
||||||
}
|
}
|
||||||
footer a:active {
|
footer a:active {
|
||||||
color: #ffffffde;
|
color: #ffffffde;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1024px), screen and (orientation: landscape) {
|
@media screen and (min-width: 1024px), screen and (orientation: landscape) {
|
||||||
|
|
|
||||||
29
css/main.css
29
css/main.css
|
|
@ -1,17 +1,28 @@
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
*, *::before, *::after {
|
*, *::before, *::after {
|
||||||
box-sizing: inherit;
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
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;
|
||||||
}
|
}
|
||||||
98
cv/index.html
Normal file
98
cv/index.html
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
<!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="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/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>Resume</h1>
|
||||||
|
<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">Gif-sur-Yvette, France</p>
|
||||||
|
<p class="date">2020 - 2021</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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
|
||||||
<title>401 - Unauthorized</title>
|
<title>401 - Unauthorized</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -63,12 +63,12 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>401</h1>
|
<h1>401</h1>
|
||||||
<h2>Non Autorisé</h2>
|
<h2>Non Autorisé</h2>
|
||||||
<figure>
|
<figure>
|
||||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||||
|
|
@ -76,5 +76,5 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
|
||||||
<title>403 - Forbidden</title>
|
<title>403 - Forbidden</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -63,12 +63,12 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>403</h1>
|
<h1>403</h1>
|
||||||
<h2>Interdit</h2>
|
<h2>Interdit</h2>
|
||||||
<figure>
|
<figure>
|
||||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||||
|
|
@ -76,5 +76,5 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
|
||||||
<title>404 - Not Found</title>
|
<title>404 - Not Found</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -63,12 +63,12 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>404</h1>
|
<h1>404</h1>
|
||||||
<h2>Introuvable</h2>
|
<h2>Introuvable</h2>
|
||||||
<figure>
|
<figure>
|
||||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||||
|
|
@ -76,5 +76,5 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
|
||||||
<title>500 - Internal Server Error</title>
|
<title>500 - Internal Server Error</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -63,12 +63,12 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>500</h1>
|
<h1>500</h1>
|
||||||
<h2>Erreur Serveur Interne</h2>
|
<h2>Erreur Serveur Interne</h2>
|
||||||
<figure>
|
<figure>
|
||||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||||
|
|
@ -76,5 +76,5 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,12 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
|
||||||
<title>502 - Bad Gateway</title>
|
<title>502 - Bad Gateway</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -63,12 +63,12 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>502</h1>
|
<h1>502</h1>
|
||||||
<h2>Passerelle Défectueuse</h2>
|
<h2>Passerelle Défectueuse</h2>
|
||||||
<figure>
|
<figure>
|
||||||
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
|
||||||
|
|
@ -76,5 +76,5 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: 'Inter';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src: url("Inter-Regular.woff2") format("woff2"),
|
src: url("Inter-Regular.woff2") format("woff2"),
|
||||||
url("Inter-Regular.woff") format("woff");
|
url("Inter-Regular.woff") format("woff");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: 'Inter';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src: url("Inter-ExtraBold.woff2") format("woff2"),
|
src: url("Inter-ExtraBold.woff2") format("woff2"),
|
||||||
url("Inter-ExtraBold.woff") format("woff");
|
url("Inter-ExtraBold.woff") format("woff");
|
||||||
}
|
}
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'IBM Plex Serif';
|
font-family: 'IBM Plex Serif';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src: url("IBMPlexSerif-Bold.woff2") format("woff2"),
|
src: url("IBMPlexSerif-Bold.woff2") format("woff2"),
|
||||||
url("IBMPlexSerif-Bold.woff2") format("woff");
|
url("IBMPlexSerif-Bold.woff2") format("woff");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'IBM Plex Serif';
|
font-family: 'IBM Plex Serif';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src: url("IBMPlexSerif-Light.woff2") format("woff2"),
|
src: url("IBMPlexSerif-Light.woff2") format("woff2"),
|
||||||
url("IBMPlexSerif-Light.woff") format("woff");
|
url("IBMPlexSerif-Light.woff") format("woff");
|
||||||
}
|
}
|
||||||
84
index.html
84
index.html
|
|
@ -1,11 +1,11 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
|
|
||||||
<title>Edgar P. Burkhart</title>
|
<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" />
|
<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-ExtraBold.woff2" as="font" crossorigin="anonymous" />
|
||||||
|
|
@ -14,43 +14,45 @@
|
||||||
<link rel="preload" href="/fonts/plex/IBMPlexSerif-Light.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="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/inter/inter48.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/fonts/plex/plex37.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/main.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="/css/index.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="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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png">
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
|
||||||
<meta name="msapplication-TileColor" content="#ffffff">
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
|
<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
|
||||||
<meta name="theme-color" content="#ffffff">
|
<meta name="theme-color" content="#ffffff">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<h2>Edgar P.</h2>
|
<h2>Edgar P.</h2>
|
||||||
<h1>Burkhart</h1>
|
<h1>Burkhart</h1>
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<footer>
|
|
||||||
<ul>
|
|
||||||
<li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
|
|
||||||
<li><span>komoot</span><a href="https://www.komoot.fr/user/383887346799">edpibu</a></li>
|
|
||||||
<li><span>git</span><a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li>
|
|
||||||
<li><span>github</span><a href="https://github.com/edpiburkhart">edpiburkhart</a></li>
|
|
||||||
</ul>
|
|
||||||
</footer>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
<div class="right">
|
||||||
|
<footer>
|
||||||
|
<ul>
|
||||||
|
<li><span>email</span><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
|
||||||
|
<li><span>komoot</span><a href="https://www.komoot.fr/user/383887346799">edpibu</a></li>
|
||||||
|
<li><span>last.fm</span><a href="https://www.last.fm/user/edpiburkhart">edpiburkhart</a></li>
|
||||||
|
<li><span>git</span><a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li>
|
||||||
|
<li><span>github</span><a href="https://github.com/edpiburkhart">edpiburkhart</a></li>
|
||||||
|
<li><span>public</span><a href="https://public.edgarpierre.fr">public.edgarpierre.fr</a></li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Reference in a new issue