edpibu/Web
edpibu/Web
Archived
1
Fork 0
Code Issues Pull requests Releases 7 Activity

Compare commits

base: edpibu:4c64c45cd47f87b23a747b79360bb6c02aceda97
Branches Tags
edpibu:master
edpibu:testing
edpibu:testing-jxl
edpibu:v10.0.0
edpibu:v10.1.3
edpibu:v10.1.2
edpibu:v10.1.1
edpibu:v10.1.0
edpibu:v10.0.3
edpibu:v10.0.2
edpibu:v10.0.1
edpibu:v10.0.0
edpibu:v6.1.0
edpibu:v6.0.0
edpibu:v5.0.2
edpibu:v5.0.1
edpibu:v5.0.0
edpibu:v4.0.2
edpibu:v4.0.1
edpibu:v4.0
edpibu:v3.1.1
edpibu:v3.1
edpibu:v3.0
edpibu:v2.0
edpibu:v1.4
edpibu:v1.3
edpibu:v1.2
edpibu:v1.1
edpibu:v1.0
..
compare: edpibu:0bc8394d1dcc930dd4bcddc550b8cfbb1d8d3ee6
Branches Tags
edpibu:master
edpibu:testing
edpibu:testing-jxl
edpibu:v10.0.0
edpibu:v10.1.3
edpibu:v10.1.2
edpibu:v10.1.1
edpibu:v10.1.0
edpibu:v10.0.3
edpibu:v10.0.2
edpibu:v10.0.1
edpibu:v10.0.0
edpibu:v6.1.0
edpibu:v6.0.0
edpibu:v5.0.2
edpibu:v5.0.1
edpibu:v5.0.0
edpibu:v4.0.2
edpibu:v4.0.1
edpibu:v4.0
edpibu:v3.1.1
edpibu:v3.1
edpibu:v3.0
edpibu:v2.0
edpibu:v1.4
edpibu:v1.3
edpibu:v1.2
edpibu:v1.1
edpibu:v1.0

No commits in common. "4c64c45cd47f87b23a747b79360bb6c02aceda97" and "0bc8394d1dcc930dd4bcddc550b8cfbb1d8d3ee6" have entirely different histories.
4c64c45cd4 ... 0bc8394d1d

12 changed files with 157 additions and 328 deletions
Show stats Expand all files Collapse all files

64
css/cv.css
View file

@ -1,64 +0,0 @@
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;
}

48
css/index.css
View file

@ -21,32 +21,36 @@
} }
.left h1, .left h2 { .left h1, .left h2 {
position: absolute; font-family: 'IBM Plex Serif', serif;
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;
@ -54,19 +58,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
View file

@ -1,28 +1,17 @@
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
View file

@ -1,98 +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="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>

24
error/401.html
View file

@ -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>

24
error/403.html
View file

@ -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>

24
error/404.html
View file

@ -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>

24
error/500.html
View file

@ -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>

24
error/502.html
View file

@ -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>

24
fonts/inter/inter48.css
View file

@ -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");
} }

20
fonts/plex/plex37.css
View file

@ -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");
} }

82
index.html
View file

@ -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,45 +14,43 @@
<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>
<div class="right"> <div class="right">
<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>
<li><span>komoot</span><a href="https://www.komoot.fr/user/383887346799">edpibu</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>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>github</span><a href="https://github.com/edpiburkhart">edpiburkhart</a></li> </ul>
<li><span>public</span><a href="https://public.edgarpierre.fr">public.edgarpierre.fr</a></li> </footer>
</ul>
</footer>
</div> </div>
</body> </body>
</html> </html>