From 6a210e54cbcf7cc26e9a36188b55b01a86e32826 Mon Sep 17 00:00:00 2001
From: Martial Simon <msimon_fr@hotmail.com>
Date: Tue, 24 Dec 2024 16:55:49 +0100
Subject: feat: added <hr> between culture texts, added contact info

---
 index.html | 34 +++++++++++++++++++++++++++++-----
 style.css  | 13 +++++++++----
 2 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 985b7d9..16fbf93 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 	pour mes études mais aussi dans mes loisirs que sont la pratique de la musique (guitare
 	et basse) et du sport (escalade, cyclisme).<br>J’aime également le travail en équipe comme j’ai pu
 	l’expérimenter dès le lycée avec un projet collaboratif de ballon sonde stratosphérique, puis au cours de projets de groupe au sein de mes études supérieures (réalisation d'un jeu vidéo et logiciel d'OCR), ou encore en étant
-	membre actif actuellement d’un groupe de musique (voir le <a class="text-link" style="color: #400080" href="lesrunninggags.marcellus.cc">site du groupe</a>).<br>Fort de plusieurs expériences internationales, je communique aisément en anglais et suis capable de comprendre assez globalement l'allemand.</p>
+	membre d’un groupe de musique (voir le <a class="text-link" style="color: #400080" href="lesrunninggags.marcellus.cc">site du groupe</a>).<br>Fort de plusieurs expériences internationales, je communique aisément en anglais et suis capable de comprendre assez globalement l'allemand.</p>
 		</div>
 		<img id="id-pic" src="img/PI.png" alt="photo de moi">
 </section>
@@ -113,6 +113,19 @@
 					<p>Société Générale - Agence de Saint-Genis-Laval</p>
 					<p>Accueil de clients &amp; 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>
 	</section>
@@ -124,9 +137,10 @@
 				<h4>Langages de programmation:</h4>
 				<ul>
 					<li>C : Avancé</li>
+					<li>SQL : Avancé</li>
 					<li>Python : Avancé</li>
-					<li>HTML, CSS : Avancé</li>
-					<li>shell : Intermédiaire</li>
+					<li>HTML, CSS : Avancé (Ce site a été réalisée manuellement avec ces 2 langages, sans l'usage de frameworks)</li>
+					<li>shell : Avancé</li>
 					<li>C# : Intermédiaire</li>
 					<li>OCaml : Intermédiaire</li>
 					<li>JavaScript : Bases</li>
@@ -135,7 +149,7 @@
 			<div>
 				<h4>Technologies</h4>
 				<ul>
-					<li>Éditeurs de texte : (neo)vim, suite JetBrains, VSCode, Microsoft Visual Studio</li>
+					<li>Éditeurs de texte : [neo]vim, suite JetBrains, VSCode, Microsoft Visual Studio</li>
 					<li><abbr title="Amazon Web Service">AWS</abbr> : suivi de la formation (en anglais) en ligne "AWS Academy Cloud Foundations sur le Cloud Computing avec AWS</li>
 					<li>Systèmes Unix</li>
 					<li>Serveur Web nginx</li>
@@ -164,8 +178,16 @@
 			</div>
 		</div>
 	</section>
+	<section>
+		<h2 id="contact">Contact</h2>
+		<ul>
+			<li><a href="mailto:msimon_fr@hotmail.com">Mail</a></li>
+			<li><a href="https://www.linkedin.com/in/martial-simon">Linkedin</a></li>
+		</ul>
+	</section>
 	<section>
 		<h2>Ouvertures culturelles</h2>
+		<!--TODO: <hr>-->
 		<h3>Lectures (liste non exhaustive) :</h3>
 		<p>Je suis un grand amateur d'Amélie Nothomb et de son style d'écriture. Je les ai découverts dans <u>Métaphysique des tubes</u>, que j'ai grandement apprécié et qui m'a donné envie de plus. J'ai donc lu nombre de ses livres, de la joute verbale spectaculairement malsaine de <u>Hygiène de l'assassin</u> au drame social japonais de <u>Stupeur et Tremblements</u>, en passant par <u>Soif</u>, <u>Les Aérostats</u>, et bien d'autres encore.</p>
 		<p>Bien entendu, je ne lis pas uniquement Amélie Nothomb, aussi j'ai beaucoup apprécié <u>Scar Tissue</u>, l'autobiographie d'Anthony Kiedis, chanteur des <em>Red Hot Chili Peppers</em>, le <u>Journal</u> de Kurt Cobain, leader de <em>Nirvana</em>, ainsi que la bande dessinée biographique d'Amy Winehouse, parue aux édition <em>Petit à Petit</em>.</p>
@@ -177,6 +199,7 @@
 		</div>
 		<h4>Récemment, j'ai lu (et je recommande) :</h4>
 		<p><u>Tant que le café est encore chaud</u> est un roman de Toshikazu Kawaguchi, qui parle de voyage dans le temps. Voyage dans le temps qui s'effectue en buvant une tasse de café, mais soumis à de nombreuses règles, notamment la règle eponyme dictant que le voyage ne dure que tant que le café est encore chaud. Les règles tendent à repousser la plupart des curieux, mais certains sont prèt à tout pour changer leur vie, et l'auteur montre de multiples façon comment un voyage dans le temps qui se veut observateur peut tout changer.</p>
+		<hr>
 		<h3>Écoutes (toujours pas exhaustives) :</h3>
 		<p>Mon éducation musicale s'est faîte à partir des classiques du rock et des standards de jazz: d'un côté Pink Floyd, Led Zeppelin et les solos de guitare lunaires, de l'autre Dave Brubeck, John Coltrane et Jaco Pastorius.</p>
 		<p>Ces 2 directions sont bien distinctes mais souvent guidées par mon parcours de musicien: en apprenant la guitare basse, j'ai immédiatement préféré le jazz et ses voisins funk et soul, inspiré par Jaco Pastorius, Marcus Miller, Victor Wooten, et Joe Dart dans le groupe Vulfpeck. Autrement, après des années de guitare, je me suis orienté vers des influences découlant du rock, m'essayant au metal et à ses variations, puis en découvrant le punk à travers le <u>Journal</u> de Kurt Cobain.</p>
@@ -187,11 +210,12 @@
 		    <p class="author">Courtney Love</p>
 		</div>
 		<!-- Courtney Love : I want every girl in the world to pick up a guitar and start screaming -->
+		<hr>
 		<h3>Web Revival</h3>
 		<h4>Quésaco ?</h4>
 		<p>Le mouvement du <i>Web Revival</i> est une initiative virtuelle soutenue par diverses communautées sur Internet. L'origine et les motivations initiales sont assez floues, et chaque acteur du mouvement en a sa propre vision, mais dans les grandes lignes, l'objectif du Web Revival est de lutter contre un Internet régi par les grandes entreprises, et contre la centralisation des réseaux sociaux. C'est une cause que j'ai à coeur de soutenir en ajoutant ma contribution à travers mon propre site web.</p>
 		<h4>GeoCities</h4>
-		<p>En 1994, avant l'ubiquité informatique, est né GeoCities, un service gratuit d'hébergement de sites web. Jusqu'en 2009, des utilisateurs pouvaient créer des sites pour tout et n'importe quoi et surtout créer des liens vers les sites d'autres utilisateurs, principe même du World Wide Web. À la fermeture de GeoCities en 2009, au moins 38 millions de pages étaient diffusées à travers le service. Depuis, plusieurs entités cherchent à sauvegarder ce patrimoine virtuel, dont l'<a class="text-link link-color" href="https://archive.org">Internet Archive</a> et <a class="text-link link-color" href=https://geocities.restorativland.org">The Geocities Gallery</a>. Ce dernier est un des projet de Kyle Drake, créateur du contemporain de GeoCities, <a class="text-link link-color" href="https://neocities.org">Neocities</a>, lancé en 2013. Neocities est aussi un service d'hébergement gratuit et open source, qui offre (pour la version gratuite) 1Go de stockage par site web. En avril 2024, il héberge près de 765 600 sites (source: Wikipedia), la plupart du temps rattachés au mouvement du Web Revival.</p>
+		<p>En 1994, avant l'ubiquité informatique, est né GeoCities, un service gratuit d'hébergement de sites web. Jusqu'en 2009, des utilisateurs pouvaient créer des sites pour tout et n'importe quoi et surtout créer des liens vers les sites d'autres utilisateurs, principe même du World Wide Web. À la fermeture de GeoCities en 2009, au moins 38 millions de pages étaient disponible à travers le service. Depuis, plusieurs entités cherchent à sauvegarder ce patrimoine virtuel, dont l'<a class="text-link link-color" href="https://archive.org">Internet Archive</a> et <a class="text-link link-color" href=https://geocities.restorativland.org">The Geocities Gallery</a>. Ce dernier est un des projet de Kyle Drake, créateur du contemporain de GeoCities, <a class="text-link link-color" href="https://neocities.org">Neocities</a>, lancé en 2013. Neocities est aussi un service d'hébergement gratuit et open source, qui offre (pour la version gratuite) 1Go de stockage par site web. En avril 2024, il héberge près de 765 600 sites (source: Wikipedia), la plupart du temps rattachés au mouvement du Web Revival.</p>
 		<h4>Yesterweb</h4>
 		<p>Un autre acteur du Web Revival est la communauté <a class="text-link link-color" href="https://yesterweb.org">Yesterweb</a>, active de 2021 à 2023. Bien que les forums soient fermés depuis mai 2023, Yesterweb a posé de solides bases dans son manifeste au sujet d'Internet, des communautés virtuelles, et des enjeux sociaux au sein de ces communautés. En plus de promouvoir les communautés indépendantes et décentralisées, Yesterweb critique le "Web 3.0", une bulle spéculative autour des cryptomonnaies, de la blockchain, et des NFT.</p>
 		<h4>Melonland</h4>
diff --git a/style.css b/style.css
index ea2b9cb..cafe2df 100644
--- a/style.css
+++ b/style.css
@@ -107,7 +107,7 @@ section#presentation {
 }
 
 #id-pic:hover {
-	filter: drop-shadow(#ff7676 0 0 50px);
+	filter: drop-shadow(#f62c2c 0 0 50px);
 }
 
 h1, h2 {
@@ -140,7 +140,7 @@ h1:hover,h2:hover {
 .timestamp {
 	position: relative;
 	padding: 5px 15px 5px 35px;
-	background: repeating-radial-gradient(circle farthest-corner at calc(0.5em + 8px) 50%, #8db6ff, #8db600 60%);
+	background: repeating-radial-gradient(circle farthest-corner at calc(0.5em + 8px) 50%, pink, salmon, #f04040);
 	display: inline-block;
 	width: auto;
 	border-radius: 40px;
@@ -158,9 +158,9 @@ h1:hover,h2:hover {
 	content: '';
 	width: 1em;
 	height: 1em;
-	background: #8db600;
+	background: salmon;
 	border-radius: 100%;
-	border: 1px solid #8db6ff;
+	border: 1px solid pink;
 	left: 7px;
 }
 
@@ -337,6 +337,11 @@ h3.skill, .skill-cats h4 {
 	}
 }
 
+hr {
+	border: none;
+	border-top: 2px dashed #f62c2c;
+}
+
 .citation {
     text-align: center;
     font-weight: bold;
-- 
cgit v1.2.3