From de1c65e39a9663634ff23f7a3fba945e2a48cd80 Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Tue, 28 Dec 2021 15:13:54 +0100
Subject: [PATCH] Added resume, responsive title

---
 src/cv/index.html         | 105 ++++++++++++++++++++++++++++++++++++++
 src/index.html            |   4 +-
 src/static/css/index.css  |  39 +-------------
 src/static/css/main.css   |  99 ++++++++++++++++++++++++++++++++++-
 src/static/css/mobile.css |   3 ++
 5 files changed, 211 insertions(+), 39 deletions(-)
 create mode 100644 src/cv/index.html
 create mode 100644 src/static/css/mobile.css

diff --git a/src/cv/index.html b/src/cv/index.html
new file mode 100644
index 0000000..df86719
--- /dev/null
+++ b/src/cv/index.html
@@ -0,0 +1,105 @@
+<!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</a>
+			<a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a>
+			<a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a>
+			<a href="https://github.com/edpiburkhart">github(edpiburkhart)</a>
+		</nav>
+		
+		<div class="content">
+			<h4>Stages</h4>
+			<ul>
+				<li>Optimization of simplified calculation methods for early age
+						cracking assessement
+					- Norwegian University of Science and Technology, ENS Paris-Saclay
+					- 2020</li>
+			</ul>
+			<h4>Formation</h4>
+			<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>
+			<h4>Compétences</h4>
+			<dl>
+				<dt><h5>Langues</h5></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><h5>Informatique</h5></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><h5>Autres</h5></dt>
+				<dd><ul>
+					<li>Travail d'équipe</li>
+					<li>Électronique (Raspberry Pi, Arduino, brasure, conception de PCB)
+				</ul>
+			</dl>
+			<h4>Loisirs</h4>
+			<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>
diff --git a/src/index.html b/src/index.html
index 643a2eb..e9a3264 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,6 +12,8 @@
 
 		<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>
@@ -21,7 +23,7 @@
 			<strong>Burkhart</strong>
 		</h1>
 		<div class="biglinks">
-			<a href="#">
+			<a href="/cv/">
 				<img class="svg" src="/static/svg/rich--text--format.svg" alt="" />
 				Curriculum Vitae
 			</a>
diff --git a/src/static/css/index.css b/src/static/css/index.css
index 4f60722..eb41ae8 100644
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -1,49 +1,14 @@
-h1 {
-	/* color: #8bc34a; */
-	font-size: 3.375rem;
-	line-height: 4rem;
-	font-weight: 300;
+.biglinks {
 	margin: 12px;
 }
-h1 strong {
-	font-weight: 600;
-}
-h1 img {
-	height: 4rem;
-	vertical-align: middle;
-	border: 5px solid white;
-	border-radius: 50%;
-}
 
 .biglinks a {
 	width: min(20rem, 100%);
 }
 
-a {
-	display: inline-block;
-	
-	line-height: 24px;
-	padding: 12px 24px;
-	margin: 12px;
-
-	color: #f4f4f4;
-	background: #262626; /* Gray 90 */
-	text-decoration: none;
-
-	border: 2px solid transparent;
-}
-a>.svg {
+.biglinks a>.svg {
 	width: 64px;
 	margin-top: 12px;
 	margin-bottom: 32px;
 	display: block;
 }
-a:hover {
-	background: #333333; /* Gray 90 Hover */
-}
-a:active {
-	background: #525252; /* Gray 70 */
-}
-a:focus {
-	border: 2px solid white;
-}
diff --git a/src/static/css/main.css b/src/static/css/main.css
index 70b6139..b657d86 100644
--- a/src/static/css/main.css
+++ b/src/static/css/main.css
@@ -2,13 +2,110 @@ html {
 	color: #ffffff;
 	font-family: Inter V, sans-serif;
 	background: #161616; /* Gray 100 */
-	padding: 24px;
 }
 
 *, *::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;
+	
+	line-height: 24px;
+	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;
+}
+
+ul {
+	list-style-type: square;
+	padding-left: 24px;
+	margin: 12px 0;
+}
+ul li {
+	margin-bottom: .25rem;
+}
+
+sup {
+	vertical-align: top;
+	line-height: 1em;
+}
diff --git a/src/static/css/mobile.css b/src/static/css/mobile.css
new file mode 100644
index 0000000..cf975b1
--- /dev/null
+++ b/src/static/css/mobile.css
@@ -0,0 +1,3 @@
+h1 img {
+	display: block;
+}
