edpibu/web2.0
1
Fork 0
Code Issues Activity

Update template with css grid

Browse source
This commit is contained in:
Edgar P. Burkhart 2022-05-08 09:29:36 +02:00
parent 9f352d5a16
commit 63afbd9bac
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 119 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

206
src/index.html
View file

@ -17,134 +17,138 @@
</a> </a>
</nav> </nav>
<h1>Edgar P. <strong>Burkhart</strong></h1> <div class="info">
<h1>Edgar P. <strong>Burkhart</strong></h1>
<div class="img-block"> <div class="img-block">
<img src="static/img/pic1.webp" /> <img src="static/img/pic1.webp" alt="" />
<img src="static/img/pic2.webp" /> <img src="static/img/pic2.webp" alt="" />
<img src="static/img/pic3.webp" /> <img src="static/img/pic3.webp" alt="" />
</div>
<h2>Contact</h2>
<ul>
<li><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
</ul>
<h2>Liens</h2>
<ul>
<li><a href="https://git.edgarpierre.fr/edpibu">Git</a></li>
<li><a href="https://github.com/edpiburkhart">Github — edpiburkhart</a></li>
<li><a href="https://www.komoot.fr/user/383887346799">Komoot — edpibu</a></li>
</ul>
</div> </div>
<h2>Contact</h2> <div class="cv">
<ul> <h2>CV</h2>
<li><a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li> <h3>Études</h3>
</ul> <dl>
<dt>2021–2022</dt>
<dd><strong>Master 2 Computations in Coastal Engineering</strong>, <em>Université de Pau et des Pays de
l'Adour</em>, Anglet.</dd>
<h2>Liens</h2> <dt>2021</dt>
<ul> <dd><strong>Agrégation externe de Sciences Industrielles de l'Ingénieur option Ingénierie des
<li><a href="https://git.edgarpierre.fr/edpibu">Git</a></li> Constructions</strong>. Rang: 1.</dd>
<li><a href="https://github.com/edpiburkhart">Github — edpiburkhart</a></li>
<li><a href="https://www.komoot.fr/user/383887346799">Komoot — edpibu</a></li>
</ul>
<h2>CV</h2> <dt>2020–2021</dt>
<h3>Études</h3> <dd><strong>Master 2 Formation à l'Enseignement Supérieur en Génie Civil</strong>, <em>École Normale Supérieure
<dl> Paris-Saclay</em>, Gif-sur-Yvette.</dd>
<dt>2021–2022</dt>
<dd><strong>Master 2 Computations in Coastal Engineering</strong>, <em>Université de Pau et des Pays de
l'Adour</em>, Anglet.</dd>
<dt>2021</dt> <dt>2019–2020</dt>
<dd><strong>Agrégation externe de Sciences Industrielles de l'Ingénieur option Ingénierie des <dd><strong>Master 1 Matériaux et Structures (MAISES)</strong>, <em>École Normale Supérieure
Constructions</strong>. Rang: 1.</dd> Paris-Saclay</em>, Cachan.</dd>
<dt>2020–2021</dt> <dt>2018–2019</dt>
<dd><strong>Master 2 Formation à l'Enseignement Supérieur en Génie Civil</strong>, <em>École Normale Supérieure <dd><strong>Sciences Appliquées en Physique et Ingénierie pour la Recherche et l'Enseignement</strong>, <em>École
Paris-Saclay</em>, Gif-sur-Yvette.</dd> Normale Supérieure Paris-Saclay</em>, Cachan. Niveau équivalent L3.</dd>
<dt>2019–2020</dt> <dt>2018</dt>
<dd><strong>Master 1 Matériaux et Structures (MAISES)</strong>, <em>École Normale Supérieure <dd><strong>Concours d'entrée aux grandes écoles X-ENS</strong>. Rang: 13.</dd>
Paris-Saclay</em>, Cachan.</dd>
<dt>2018–2019</dt> <dt>2016–2018</dt>
<dd><strong>Sciences Appliquées en Physique et Ingénierie pour la Recherche et l'Enseignement</strong>, <em>École <dd><strong>Classe Préparatoire aux Grandes Écoles PCSI–PSI*</strong>, <em>Lycée Polyvalent Louis
Normale Supérieure Paris-Saclay</em>, Cachan. Niveau équivalent L3.</dd> Couffignal</em>, Strasbourg.</dd>
<dt>2018</dt> <dt>2016</dt>
<dd><strong>Concours d'entrée aux grandes écoles X-ENS</strong>. Rang: 13.</dd> <dd><strong>Bac Scientifique, Option Sciences de l'Ingénieur, Spécialité Informatique et Sciences du
Numérique</strong>, <em>Lycée Polyvalent Blaise Pascal</em>, Colmar. Mention Très Bien.</dd>
</dl>
<dt>2016–2018</dt> <h3>Stages</h3>
<dd><strong>Classe Préparatoire aux Grandes Écoles PCSI–PSI*</strong>, <em>Lycée Polyvalent Louis <dl>
Couffignal</em>, Strasbourg.</dd> <dt>2022</dt>
<dd><strong>Stage de recherche</strong>, <em>Laboratoire SIAME</em>, Anglet. « Simulation of the breaking wave
flow which generated the 50T concrete block displacement at the Artha breakwater on February 28, 2017. »,
dirigé par Pr. Stéphane Abadie.</dd>
<dt>2016</dt> <dt>2022</dt>
<dd><strong>Bac Scientifique, Option Sciences de l'Ingénieur, Spécialité Informatique et Sciences du <dd><strong>Stage d'enseignement</strong>, <em>IUT de Ville d'Avray</em>. Présentation d'une séquence
Numérique</strong>, <em>Lycée Polyvalent Blaise Pascal</em>, Colmar. Mention Très Bien.</dd> « Introduction au Génie Civil » en Licence Pro MGB; encadrement de 2h de cours–TD « Fondamentaux de la sécurité
</dl> incendie » et 4h de Bureau d'Étude.</dd>
<h3>Stages</h3> <dt>2020</dt>
<dl> <dd><strong>Stage de recherche</strong>, <em>NTNU & ENS Paris-Saclay</em>. « Optimization of simplified
<dt>2022</dt> calculation methods for early age cracking assessment. », dirigé par Pr. Terje Kanstad et Pr. Farid
<dd><strong>Stage de recherche</strong>, <em>Laboratoire SIAME</em>, Anglet. « Simulation of the breaking wave Benboudjema.</dd>
flow which generated the 50T concrete block displacement at the Artha breakwater on February 28, 2017. »,
dirigé par Pr. Stéphane Abadie.</dd>
<dt>2022</dt> <dt>2019</dt>
<dd><strong>Stage d'enseignement</strong>, <em>IUT de Ville d'Avray</em>. Présentation d'une séquence <dd><strong>Stage d'enseignement</strong>, <em>Lycée Viollet le Duc</em>, Villiers-Saint-Frédéric. Présentation
« Introduction au Génie Civil » en Licence Pro MGB; encadrement de 2h de cours–TD « Fondamentaux de la sécurité d'une séance « Introduction à la RDM » en STI2D; encadrement de 2h de cours–TD.</dd>
incendie » et 4h de Bureau d'Étude.</dd> </dl>
<dt>2020</dt> <h3>Compétences</h3>
<dd><strong>Stage de recherche</strong>, <em>NTNU & ENS Paris-Saclay</em>. « Optimization of simplified <h4>Langues</h4>
calculation methods for early age cracking assessment. », dirigé par Pr. Terje Kanstad et Pr. Farid <dl>
Benboudjema.</dd> <dt>Français</dt>
<dd>Natif.</dd>
<dt>2019</dt> <dt>Anglais</dt>
<dd><strong>Stage d'enseignement</strong>, <em>Lycée Viollet le Duc</em>, Villiers-Saint-Frédéric. Présentation <dd>Niveau C2. <em>Cambridge English Level 3 Certificate, Grade A</em>.</dd>
d'une séance « Introduction à la RDM » en STI2D; encadrement de 2h de cours–TD.</dd>
</dl>
<h3>Compétences</h3> <dt>Allemand</dt>
<h4>Langues</h4> <dd>Niveau B1. <em>Deutsches Sprachdiplom 1</em>.</dd>
<dl>
<dt>Français</dt>
<dd>Natif.</dd>
<dt>Anglais</dt> <dt>Espagnol</dt>
<dd>Niveau C2. <em>Cambridge English Level 3 Certificate, Grade A</em>.</dd> <dd>Lu.</dd>
</dl>
<dt>Allemand</dt> <h4>Informatique</h4>
<dd>Niveau B1. <em>Deutsches Sprachdiplom 1</em>.</dd> <dl>
<dt>Programmation</dt>
<dd>Python, MatLab, C++</dd>
<dt>Espagnol</dt> <dt>Développement Web</dt>
<dd>Lu.</dd> <dd>HTML, CSS, JS ; NodeJS, Django</dd>
</dl>
<h4>Informatique</h4> <dt>Bureautique</dt>
<dl> <dd>LaTeX, LibreOffice</dd>
<dt>Programmation</dt>
<dd>Python, MatLab, C++</dd>
<dt>Développement Web</dt> <dt>Modélisation</dt>
<dd>HTML, CSS, JS ; NodeJS, Django</dd> <dd>SolidWorks, Siemens NX, OpenScad</dd>
<dt>Bureautique</dt> <dt>Réalité Virtuelle</dt>
<dd>LaTeX, LibreOffice</dd> <dd>Réalité virtuelle avec Autodesk Revit</dd>
<dt>Modélisation</dt> <dt>Réseau</dt>
<dd>SolidWorks, Siemens NX, OpenScad</dd> <dd>Installation et configuration d'architectures réseau complexes</dd>
</dl>
<dt>Réalité Virtuelle</dt> <h4>Divers</h4>
<dd>Réalité virtuelle avec Autodesk Revit</dd> <dl>
<dt>Électronique</dt>
<dd>Utilisation de cartes électroniques (Arduino, Raspberry Pi) pour la robotique et la domotique</dd>
</dl>
<dt>Réseau</dt> <h3>Divers</h3>
<dd>Installation et configuration d'architectures réseau complexes</dd> <dl>
</dl> <dt>Sports</dt>
<dd>Randonnée, VTT, Surf</dd>
<h4>Divers</h4> <dt>Loisirs</dt>
<dl> <dd>Informatique, Électronique, Bricolage</dd>
<dt>Électronique</dt> </dl>
<dd>Utilisation de cartes électroniques (Arduino, Raspberry Pi) pour la robotique et la domotique</dd> </div>
</dl>
<h3>Divers</h3>
<dl>
<dt>Sports</dt>
<dd>Randonnée, VTT, Surf</dd>
<dt>Loisirs</dt>
<dd>Informatique, Électronique, Bricolage</dd>
</dl>
<footer> <footer>
© Edgar P. Burkhart — 2022 © Edgar P. Burkhart — 2022

18
src/static/css/main.css
View file

@ -25,8 +25,20 @@ body {
padding: 1rem; padding: 1rem;
font-weight: 350; font-weight: 350;
font-feature-settings: "ss01", "ss02", "ss03", "cv05", "cv08"; font-feature-settings: "ss01", "ss02", "ss03", "cv05", "cv08";
column-width: 18rem;
max-width: 90rem; max-width: 90rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-gap: 1rem;
}
body > div {
column-width: 20rem;
column-gap: 1rem;
}
body > div.info {grid-column: 1}
body > div.cv {grid-column: 2 / -1}
@media (max-width: 40rem) {
body {grid-template-columns: 1fr}
body > div.cv {grid-column: 1}
} }
h1, h2, h3 {font-weight: 250} h1, h2, h3 {font-weight: 250}
@ -99,9 +111,7 @@ li {padding-left: .5rem}
footer { footer {
background: var(--bg-01); background: var(--bg-01);
bottom: 0; grid-column: 1 / -1;
left: 0;
right: 0;
text-align: center; text-align: center;
height: 4rem; height: 4rem;
padding: 1rem; padding: 1rem;