diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2024-12-31 14:13:08 +0100 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2024-12-31 14:13:08 +0100 |
| commit | fb79959119914824fb75ab84e65b87b8b977880c (patch) | |
| tree | c11cb5e75fb13282d7c661f41a7e605d1e56753d | |
| parent | efd596f77ceb8c9ad3eacdf81856e038ae3718b5 (diff) | |
feat: coloscheme update and timeline reverse
| -rw-r--r-- | index.html | 107 | ||||
| -rw-r--r-- | style.css | 18 |
2 files changed, 62 insertions, 63 deletions
@@ -1,6 +1,3 @@ -<!-- !TODO : nav links on hr-->
-<!-- !TODO : colorscheme-->
-<!-- !TODO : reverse timeline-->
<!DOCTYPE html>
<head>
<title>Martial Simon</title>
@@ -33,32 +30,57 @@ </section>
<hr class="section-sep" id="formation">
<section>
- <h2>Mon parcours</h2>
- <div id="timeline">
+ <div style="display: flex; flex-wrap: nowrap; justify-content: space-between">
+ <h2>Mon parcours</h2>
<div id="labels">
<span class="work">Expériences professionnelles</span><br>
<span class="studies" style="margin: 0.5em 0">Études</span><br>
<span class="degree">Diplômes</span>
</div>
- <div class="timestamp"><span>2019</span></div>
+ </div>
+ <div id="timeline">
+ <div class="timestamp"><span>2024</span></div>
<div class="events">
+ <div class="event degree">
+ <h4>Mobilité académique Erasmus à <abbr title="Centria University of Applied Sciences">Centria UAS</abbr></h4>
+ <p>Semestre de printemps 2024 effectué à Kokkola en Finlande.</p>
+ <p>Validée par equivalence de crédits <abbr title="European Credits Transfer & Accumulation System">ECTS</abbr>.</p>
+ </div>
<div class="event work">
- <h4>Stage d'observation</h4>
- <p>Service <abbr title="Innovation Conception et Accompagnement à la Pédagogie">ICAP</abbr> de l'université Lyon 1.</p>
- <p>1 semaine.<p/>
+ <h4>Régie son et lumières</h4>
+ <p>Atelier théâtre du lycée St Thomas d'Aquin Oullins</p>
+ <p>Bénévolat pour 3 pièces différentes, 2 mois et demi</p>
+ </div>
+ <div class="event work">
+ <h4>Auxiliaire d'été</h4>
+ <p>Société Générale - Agence de Saint-Genis-Laval</p>
+ <p>Accueil de clients & tâches administratives (gestion de dossiers client, entrées et sorties de stock...) (1 mois)</p>
+ </div>
+ <div class="event work">
+ <h4>Assistant Salle Machine</h4>
+ <p>CDD à l'EPITA Lyon</p>
+ <p>Assistance aux étudiants de 2è année, accompagnement lors des travaux pratiques</p>
+ </div>
+ <div class="event work">
+ <h4>Vice-présidence du <abbr title="Bureau Des Etudiants">BDE</abbr></h4>
+ <p>EPITA Lyon</p>
+ <p>
+ Organisation d'évènements, soirées, encadrement des clubs dépendant de l'association.<br>
+ Engagement pour la vie associative au sein de l'école, représentation de l'association auprès de l'administration et du <abbr title="Bureau National des Elèves Ingénieurs.">BNEI</abbr>.
+ </p>
</div>
</div>
- <div class="timestamp"><span>2020</span></div>
+ <div class="timestamp"><span>2023</span></div>
<div class="events">
- <div class="event degree">
- <h4>Brevet d'initiation à l'aéronautique</h4>
- <p>Formation réalisée pendant mon année de 2nde.</p>
- <p>Mention <i>Très Bien</i>.</p>
- </div>
<div class="event work">
- <h4>Pet Sitter</h4>
- <p>Job d'été chez un particulier.</p>
- <p>2 semaines.</p>
+ <h4>Stage ouvrier</h4>
+ <p>Service Innovation Informatique des <abbr title="Hospices Civils de Lyon">HCL</abbr>.</p>
+ <p>Stage d'été (7 semaines).</p>
+ </div>
+ <div class="event studies">
+ <h4>2<sup>ème</sup> année à l'<abbr title="École pour l'Informatique et les Techniques Avancées"><a href="https://epita.fr">EPITA</a></abbr> (Info SPE)</h4>
+ <p>Semestre d'automne 2023.</p>
+ <p>Semestre validé.</p>
</div>
</div>
<div class="timestamp"><span>2022</span></div>
@@ -84,48 +106,25 @@ <p>De 2022 à aujourd'hui</p>
</div>
</div>
- <div class="timestamp"><span>2023</span></div>
- <div class="events">
- <div class="event work">
- <h4>Stage ouvrier</h4>
- <p>Service Innovation Informatique des <abbr title="Hospices Civils de Lyon">HCL</abbr>.</p>
- <p>Stage d'été (7 semaines).</p>
- </div>
- <div class="event studies">
- <h4>2<sup>ème</sup> année à l'<abbr title="École pour l'Informatique et les Techniques Avancées"><a href="https://epita.fr">EPITA</a></abbr> (Info SPE)</h4>
- <p>Semestre d'automne 2023.</p>
- <p>Semestre validé.</p>
- </div>
- </div>
- <div class="timestamp"><span>2024</span></div>
+ <div class="timestamp"><span>2020</span></div>
<div class="events">
<div class="event degree">
- <h4>Mobilité académique Erasmus à <abbr title="Centria University of Applied Sciences">Centria UAS</abbr></h4>
- <p>Semestre de printemps 2024 effectué à Kokkola en Finlande.</p>
- <p>Validée par equivalence de crédits <abbr title="European Credits Transfer & Accumulation System">ECTS</abbr>.</p>
- </div>
- <div class="event work">
- <h4>Régie son et lumières</h4>
- <p>Atelier théâtre du lycée St Thomas d'Aquin Oullins</p>
- <p>Bénévolat pour 3 pièces différentes, 2 mois et demi</p>
- </div>
- <div class="event work">
- <h4>Auxiliaire d'été</h4>
- <p>Société Générale - Agence de Saint-Genis-Laval</p>
- <p>Accueil de clients & tâches administratives (gestion de dossiers client, entrées et sorties de stock...) (1 mois)</p>
+ <h4>Brevet d'initiation à l'aéronautique</h4>
+ <p>Formation réalisée pendant mon année de 2nde.</p>
+ <p>Mention <i>Très Bien</i>.</p>
</div>
<div class="event work">
- <h4>Assistant Salle Machine</h4>
- <p>CDD à l'EPITA Lyon</p>
- <p>Assistance aux étudiants de 2è année, accompagnement lors des travaux pratiques</p>
+ <h4>Pet Sitter</h4>
+ <p>Job d'été chez un particulier.</p>
+ <p>2 semaines.</p>
</div>
+ </div>
+ <div class="timestamp"><span>2019</span></div>
+ <div class="events">
<div class="event work">
- <h4>Vice-présidence du <abbr title="Bureau Des Etudiants">BDE</abbr></h4>
- <p>EPITA Lyon</p>
- <p>
- Organisation d'évènements, soirées, encadrement des clubs dépendant de l'association.<br>
- Engagement pour la vie associative au sein de l'école, représentation de l'association auprès de l'administration et du <abbr title="Bureau National des Elèves Ingénieurs.">BNEI</abbr>.
- </p>
+ <h4>Stage d'observation</h4>
+ <p>Service <abbr title="Innovation Conception et Accompagnement à la Pédagogie">ICAP</abbr> de l'université Lyon 1.</p>
+ <p>1 semaine.<p/>
</div>
</div>
</div>
@@ -146,10 +146,10 @@ h1:hover,h2:hover { content: '';
width: 4px;
height: calc(15px + 100%);
- background: #add8e6;
+ background: #7b7b7b;
left: 14px;
border: 1px solid grey;
- box-shadow: 1px 1px 1px #696969;
+ box-shadow: 1px 1px 1px #2C2C2C;
border-radius: 3px;
}
@@ -166,7 +166,7 @@ h1:hover,h2:hover { .timestamp span {
font-family: Finkheavy;
- filter: drop-shadow(2px 2px #fffaf0);
+ filter: drop-shadow(1.5px 1.5px #fffaf0);
}
.timestamp::before {
@@ -207,16 +207,16 @@ h1:hover,h2:hover { position: absolute;
width: 10px;
height: 10px;
- background: #2c778f;
+ background: #fffaf099;
top: 7px;
left: 11px;
- border: 1px solid #1e5262;
+ border: 1px solid #2c2c2c;
border-radius: 100%;
}
.events:hover::after {
- background: #1e5262;
- border: 1px solid #2c778f;
+ background: #2c2c2c99;
+ border: 1px solid #fffaf0;
}
.event {
@@ -272,8 +272,8 @@ h1:hover,h2:hover { }
#labels {
- position: absolute;
- right: 0;
+ /*position: absolute;
+ right: 0;*/
text-align: right;
border-radius: 15px 0 15px 0;
border: 1px solid black;
|