Compare commits

..

14 commits

59 changed files with 419 additions and 1131 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 809 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 456 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

View file

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

View file

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

117
src/cv/index.html Normal file
View file

@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>CV - Edgar P. Burkhart</title>
<meta name="description" content="Edgar P. Burkhart, étudiant en génie côtier à l'UPPA. Normalien-élève de l'ENS Paris-Saclay." />
<link rel="icon" type="image/svg+xml" href="/static/svg/logo.svg" />
<link rel="mask-icon" href="/static/svg/logo.svg" />
<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
<link rel="stylesheet" type="text/css" href="/static/css/mobile.css"
media="screen and (max-width: 42rem)" />
</head>
<body>
<h1>
<img src="/static/svg/logo-inv.svg"
alt="Logo : goéland avec un bec vert" />
Edgar P.
<strong>Burkhart</strong>
</h1>
<nav>
<a href="/">
edgarpierre.fr
<img class="svg" src="/static/svg/home.svg" alt="" />
</a>
<a href="mailto:contact@edgarpierre.fr">
contact@edgarpierre.fr
<img class="svg" src="/static/svg/email.svg" alt="" />
</a>
<a href="https://git.edgarpierre.fr/edpibu">
git.edgarpierre.fr/edpibu
<img class="svg" src="/static/svg/code.svg" alt="" />
</a>
<a href="https://github.com/edpiburkhart">
github(edpiburkhart)
<img class="svg" src="/static/svg/logo--github.svg" alt="" />
</a>
</nav>
<div class="content">
<h2>Stages</h2>
<ul>
<li>Optimization of simplified calculation methods for early age
cracking assessement
- Norwegian University of Science and Technology, ENS Paris-Saclay
- 2020</li>
</ul>
<h2>Formation</h2>
<ul>
<li>Université de Pau et des Pays de l'Adour
- Génie Côtier
- M2 Computations in Coastal Engineering (CCE)
- 2022</li>
<li>Agrégation de Sciences Industrielles de l'Ingénieur
- Option Ingénierie des Constructions
- Classé 1<sup>er</sup>
- 2021</li>
<li>École Normale Supérieure Paris-Saclay
- Génie Civil
- M2 Formation à l'Enseignement Supérieur en Génie Civil
- 2021</li>
<li>École Normale Supérieure Paris-Saclay
- Génie Civil
- M1 Matériaux et Structures (MAISES)
- 2020</li>
<li>École Normale Supérieure Paris-Saclay
- Sciences Appliquées en Physique et Ingénierie pour la Recherche
et l'Enseignement (SAPHIRE) - Équivalent L3
- 2019</li>
<li>Lycée Polyvalent Louis Couffignal
- CPGE PCSI-PSI*
- Classé 13<sup>e</sup> au concours X-ENS
- 2018</li>
<li>Lycée Polyvalent Blaise Pascal
- Baccalauréat Scientifique
- Spécialité Informatique et Sciences du Numérique
- 2016</li>
</ul>
<h2>Compétences</h2>
<dl>
<dt><h3>Langues</h3></dt>
<dd><ul>
<li>Français (Natif)</li>
<li>Anglais
(Niveau C2, Cambridge English Level 3 Certificate, Grade A)</li>
<li>Allemand (Niveau B1, Deutsches Sprachdiplom 1)</li>
<li>Espagnol (Lu)</li>
</ul></dd>
<dt><h3>Informatique</h3></dt>
<dd><ul>
<li>Développement web (HTML, CSS, JS, Django, Symfony, node.js,
React)</li>
<li>Programmation (JavaScript, Python, C++ [Qt], Matlab/Octave,
CAST3M)</li>
<li>Réseau (routage)</li>
<li>Mise en page (LaTeX, Microsoft Office, LibreOffice)</li>
</dd></ul>
<dt><h3>Autres</h3></dt>
<dd><ul>
<li>Travail d'équipe</li>
<li>Électronique (Raspberry Pi, Arduino, brasure, conception de PCB)
</ul>
</dl>
<h2>Loisirs</h2>
<ul>
<li>VTT, Randonnée</li>
<li>Ancien membre du CR@NS (association fournissant internet au campus
de Cachan), 2018-2020</li>
<li>Handball (joueur, arbitre, 2009-2016)</li>
<li>Accordéon (membre d'un groupe d'accordéonistes, 2006-2016)</li>
</ul>
</div>
</body>
</html>

62
src/index.html Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Edgar P. Burkhart</title>
<meta name="description" content="Edgar P. Burkhart, étudiant en génie côtier à l'UPPA. Normalien-élève de l'ENS Paris-Saclay." />
<link rel="icon" type="image/svg+xml" href="/static/svg/logo.svg" />
<link rel="mask-icon" href="/static/svg/logo.svg" />
<link rel="stylesheet" type="text/css" href="/static/css/main.css" />
<link rel="stylesheet" type="text/css" href="/static/css/index.css" />
<link rel="stylesheet" type="text/css" href="/static/css/mobile.css"
media="screen and (max-width: 42rem)" />
</head>
<body>
<h1>
<img src="/static/svg/logo-inv.svg"
alt="Logo : goéland avec un bec vert" />
Edgar P.
<strong>Burkhart</strong>
</h1>
<div class="biglinks">
<a href="/cv/">
<img class="svg" src="/static/svg/rich--text--format.svg" alt="" />
Curriculum Vitae
</a>
<a href="https://git.edgarpierre.fr/edpibu">
<img class="svg" src="/static/svg/app--developer.svg" alt="" />
Git
</a>
</div>
<nav>
<a href="#">
edgarpierre.fr
<img class="svg" src="/static/svg/home.svg" alt="" />
</a>
<a href="mailto:contact@edgarpierre.fr">
contact@edgarpierre.fr
<img class="svg" src="/static/svg/email.svg" alt="" />
</a>
<a href="https://git.edgarpierre.fr/edpibu">
git.edgarpierre.fr/edpibu
<img class="svg" src="/static/svg/code.svg" alt="" />
</a>
<a href="https://github.com/edpiburkhart">
github(edpiburkhart)
<img class="svg" src="/static/svg/logo--github.svg" alt="" />
</a>
<a href="https://www.komoot.fr/user/383887346799">
komoot(edpibu)
<img class="svg" src="/static/svg/mountain.svg" alt="" />
</a>
<a href="https://www.last.fm/user/edpiburkhart">
last.fm(edpiburkhart)
<img class="svg" src="/static/svg/music.svg" alt="" />
</a>
</nav>
</body>
</html>

14
src/static/css/index.css Normal file
View file

@ -0,0 +1,14 @@
.biglinks {
margin: 12px;
}
.biglinks a {
width: min(20rem, 100%);
}
.biglinks a>.svg {
height: 64px;
margin-top: 12px;
margin-bottom: 32px;
display: block;
}

119
src/static/css/main.css Normal file
View file

@ -0,0 +1,119 @@
@import url('https://rsms.me/inter/inter.css');
html {
color: #ffffff;
font-family: Inter var, sans-serif;
background: #161616; /* Gray 100 */
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
font-size: 1rem;
line-height: 1.375rem;
font-weight: 400;
margin: 24px;
}
body > div {
margin: 24px;
}
body > .content {
text-align: justify;
}
.svg {
filter: invert(100%);
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
}
h1 {
/* color: #8bc34a; */
font-size: 3.375rem;
line-height: 4rem;
font-weight: 300;
margin: 24px;
}
h1 strong {
font-weight: 600;
}
h1 img {
height: 4rem;
vertical-align: middle;
border: 5px solid white;
border-radius: 50%;
}
h2 {
font-size: 2.625rem;
line-height: 3.125rem;
font-weight: 300;
}
h3 {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 400;
}
h4 {
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 400;
}
h5 {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400;
}
h6 {
font-size: 1rem;
line-height: 1.375rem;
font-weight: 600;
}
nav {
margin: 12px;
}
a {
display: inline-block;
font-size: 1rem;
line-height: 20px;
padding: 12px 24px;
margin: 12px;
color: #f4f4f4;
background: #262626; /* Gray 90 */
text-decoration: none;
border: 2px solid transparent;
}
a:hover {
background: #333333; /* Gray 90 Hover */
}
a:active {
background: #525252; /* Gray 70 */
}
a:focus {
border: 2px solid white;
}
nav a img {
height: 20px;
vertical-align: middle;
margin-left: 12px;
}
ul {
list-style-type: square;
padding-left: 24px;
margin: 12px 0;
}
ul li {
margin-bottom: .25rem;
}
sup {
vertical-align: top;
line-height: 1em;
}

View file

@ -0,0 +1,3 @@
h1 img {
display: block;
}

View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="app--developer_1_" d="M3.254,9.254L2.746,8.746L3.991,7.5L2.746,6.254l0.509-0.509L5.009,7.5L3.254,9.254z M3,2
C2.724,2,2.5,2.224,2.5,2.5S2.724,3,3,3s0.5-0.224,0.5-0.5S3.276,2,3,2z M5.5,2.5C5.5,2.776,5.276,3,5,3S4.5,2.776,4.5,2.5
S4.724,2,5,2S5.5,2.224,5.5,2.5z M7.5,2.5C7.5,2.776,7.276,3,7,3S6.5,2.776,6.5,2.5S6.724,2,7,2S7.5,2.224,7.5,2.5z M18.5,6.5
C18.5,6.776,18.276,7,18,7s-0.5-0.224-0.5-0.5S17.724,6,18,6S18.5,6.224,18.5,6.5z M20.5,6.5C20.5,6.776,20.276,7,20,7
s-0.5-0.224-0.5-0.5S19.724,6,20,6S20.5,6.224,20.5,6.5z M22.5,6.5C22.5,6.776,22.276,7,22,7s-0.5-0.224-0.5-0.5S21.724,6,22,6
S22.5,6.224,22.5,6.5z M5.5,24.5C5.5,24.776,5.276,25,5,25s-0.5-0.224-0.5-0.5S4.724,24,5,24S5.5,24.224,5.5,24.5z M13,14.36H1
c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h12c0.199,0,0.36,0.161,0.36,0.36v13
C13.36,14.199,13.199,14.36,13,14.36z M12.64,4.36H1.36v9.28h11.28C12.64,13.64,12.64,4.36,12.64,4.36z M12.64,1.36H1.36v2.281
h11.28C12.64,3.641,12.64,1.36,12.64,1.36z M31.36,5v17c0,0.199-0.161,0.36-0.36,0.36H19.691c-0.301,0.471-0.69,0.885-1.152,1.215
c2.875,1.05,4.819,3.778,4.819,6.902l0.002,0.521L22.639,31l-0.002-0.522c0-3.078-2.09-5.729-5.083-6.45
c-0.15-0.035-0.26-0.163-0.274-0.316s0.07-0.299,0.211-0.361c1.315-0.592,2.165-1.9,2.165-3.334c0-2.017-1.64-3.657-3.656-3.657
c-2.018,0-3.66,1.64-3.66,3.657c0,1.434,0.85,2.742,2.166,3.334c0.141,0.062,0.225,0.208,0.211,0.361s-0.125,0.281-0.274,0.316
c-2.993,0.721-5.084,3.372-5.084,6.449l0.001,0.521L8.64,31l-0.001-0.522c0-3.125,1.943-5.854,4.819-6.903
c-1.138-0.812-1.838-2.134-1.838-3.559c0-2.292,1.772-4.178,4.02-4.362V5c0-0.199,0.161-0.36,0.36-0.36h15
C31.199,4.64,31.36,4.801,31.36,5z M30.64,8.36H16.36v7.295c2.246,0.184,4.017,2.07,4.017,4.362c0,0.566-0.11,1.115-0.315,1.623
H30.64V8.36z M30.64,5.36H16.36v2.28h14.28V5.36z M22,11.64h-4v0.72h4V11.64z M23.64,17.5c0-1.577,1.283-2.86,2.86-2.86
s2.86,1.283,2.86,2.86s-1.283,2.86-2.86,2.86S23.64,19.077,23.64,17.5z M28.242,16.266l-1.383,1.383l-0.004,1.955
c1.01-0.171,1.784-1.046,1.784-2.104C28.64,17.04,28.49,16.615,28.242,16.266z M24.36,17.5c0,1.055,0.769,1.928,1.774,2.103
l0.006-2.253l1.592-1.593c-0.349-0.248-0.773-0.397-1.233-0.397C25.32,15.36,24.36,16.32,24.36,17.5z M8,9.64H5v0.72h3V9.64z
M3.5,21.36h3v-0.72h-3V21.36z M3.5,19.36h3v-0.72h-3V19.36z M22,13.64h-4v0.72h4V13.64z M29,11.64h-4v0.72h4V11.64z M29,9.64h-4
v0.72h4V9.64z M22,9.64h-4v0.72h4V9.64z M8.36,17.584v7.832c0,0.521-0.423,0.944-0.944,0.944H2.584
c-0.521,0-0.944-0.424-0.944-0.944v-7.832c0-0.521,0.423-0.944,0.944-0.944h4.832C7.937,16.64,8.36,17.063,8.36,17.584z M7.64,23.36
H2.36v2.056c0,0.123,0.101,0.224,0.224,0.224h4.832c0.124,0,0.224-0.101,0.224-0.224C7.64,25.416,7.64,23.36,7.64,23.36z
M7.64,17.584c0-0.123-0.101-0.224-0.224-0.224H2.584c-0.124,0-0.224,0.101-0.224,0.224v5.056h5.28
C7.64,22.64,7.64,17.584,7.64,17.584z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

1
src/static/svg/code.svg Normal file
View file

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>code</title><polygon points="31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16"/><polygon points="1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16"/><rect x="5.91" y="15" width="20.17" height="2" transform="translate(-3.6 27.31) rotate(-75)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32" transform="translate(0 32) rotate(-90)"/></svg>

After

Width:  |  Height:  |  Size: 533 B

1
src/static/svg/email.svg Normal file
View file

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>email</title><path d="M28,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM25.8,8,16,14.78,6.2,8ZM4,24V8.91l11.43,7.91a1,1,0,0,0,1.14,0L28,8.91V24Z" transform="translate(0)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>

After

Width:  |  Height:  |  Size: 440 B

11
src/static/svg/home.svg Normal file
View file

@ -0,0 +1,11 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
<path d="M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z" transform="translate(0 0)"/>
</svg>

After

Width:  |  Height:  |  Size: 610 B

View file

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill-rule:evenodd;}.cls-2{fill:none;}</style></defs><title>logo--github</title><path class="cls-1" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-2" width="32" height="32"/></svg>

After

Width:  |  Height:  |  Size: 809 B

View file

@ -0,0 +1,15 @@
<svg version="1.1"
width="100"
height="100"
xmlns="http://www.w3.org/2000/svg">
<path fill="#8ac149" stroke="#8ac149" stroke-width="2" d="M 65 35
Q 90 40 90 57
Q 90 50 65 50"/>
<path fill="white" stroke="white" stroke-width="2" d="M 10,100
v -50
a 25 25 0 0 1 25 -25
c 10 0 20 7 30 10
v 15
C 30 50 40 55 45 100"/>
</svg>

After

Width:  |  Height:  |  Size: 342 B

15
src/static/svg/logo.svg Normal file
View file

@ -0,0 +1,15 @@
<svg version="1.1"
width="100"
height="100"
xmlns="http://www.w3.org/2000/svg">
<path fill="#8ac149" stroke="black" stroke-width="2" d="M 65 35
Q 90 40 90 57
Q 90 50 65 50"/>
<path fill="white" stroke="black" stroke-width="2" d="M 10,100
v -50
a 25 25 0 0 1 25 -25
c 10 0 20 7 30 10
v 15
C 30 50 40 55 45 100"/>
</svg>

After

Width:  |  Height:  |  Size: 340 B

View file

@ -0,0 +1,12 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<title>mountain</title>
<path d="M27.6343,26,17.7888,5.1055a2,2,0,0,0-3.5879.021L4.3657,26H2v2H30V26ZM15.99,5.979,20.9473,16.5,19,17.7979l-3-2-3,2-1.9551-1.3033ZM10.1846,18.3247,13,20.2021l3-2,3,2,2.8091-1.873L25.4233,26H6.5752Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>

After

Width:  |  Height:  |  Size: 542 B

1
src/static/svg/music.svg Normal file
View file

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>music</title><path d="M25,4H10A2.002,2.002,0,0,0,8,6V20.5563A3.9551,3.9551,0,0,0,6,20a4,4,0,1,0,4,4V12H25v8.5562A3.9545,3.9545,0,0,0,23,20a4,4,0,1,0,4,4V6A2.0023,2.0023,0,0,0,25,4ZM6,26a2,2,0,1,1,2-2A2.0023,2.0023,0,0,1,6,26Zm17,0a2,2,0,1,1,2-2A2.0027,2.0027,0,0,1,23,26ZM10,6H25v4H10Z"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>

After

Width:  |  Height:  |  Size: 555 B

View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="rich-text-format_1_" d="M31,31.36H7c-0.199,0-0.36-0.161-0.36-0.36v-7.64H1c-0.199,0-0.36-0.161-0.36-0.36V8
c0-0.199,0.161-0.36,0.36-0.36h5.64V1c0-0.199,0.161-0.36,0.36-0.36h18c0.096,0,0.188,0.038,0.255,0.105l6,6
C31.322,6.813,31.36,6.904,31.36,7v24C31.36,31.199,31.199,31.36,31,31.36z M7.36,30.64h23.28V7.36H25
c-0.199,0-0.36-0.161-0.36-0.36V1.36H7.36v6.28H16c0.199,0,0.36,0.161,0.36,0.36v2.641H27v0.72H16.36v3.28H27v0.72H16.36v3.279H27
v0.721H16.36v3.279H27v0.721H7.36V30.64z M1.36,22.64h14.28v-2.49L12,16.51l-1.746,1.745c-0.141,0.141-0.368,0.141-0.509,0L5,13.51
l-3.64,3.64C1.36,17.15,1.36,22.64,1.36,22.64z M12,15.641c0.092,0,0.184,0.035,0.254,0.105l3.386,3.385V8.36H1.36v7.771
l3.386-3.385c0.141-0.141,0.368-0.141,0.509,0L10,17.491l1.746-1.745C11.816,15.676,11.908,15.641,12,15.641z M25.36,6.64h4.771
L25.36,1.869V6.64z M23,27.36H11v-0.72h12V27.36z M10.5,13.36c-1.025,0-1.86-0.834-1.86-1.86s0.834-1.86,1.86-1.86
s1.86,0.834,1.86,1.86S11.525,13.36,10.5,13.36z M10.5,10.36c-0.628,0-1.14,0.512-1.14,1.14s0.512,1.14,1.14,1.14
s1.14-0.512,1.14-1.14S11.128,10.36,10.5,10.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB