fix: colorscheme

2 files changed, 29 insertions, 17 deletions

diff --git a/index.html b/index.html
index 5e37c31..7b36eb0 100644
--- a/index.html
+++ b/index.html
@@ -30,9 +30,10 @@
 	membre d’un groupe de musique (voir le <a class="text-link" style="color: #400080" href="https://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>

+    </section>

+    <hr class="section-sep" id="formation">

 	<section>

-		<h2 id="formation">Mon parcours</h2>

+		<h2>Mon parcours</h2>

 		<div id="timeline">

 			<div id="labels">

 				<span class="work">Expériences professionnelles</span><br>

@@ -129,8 +130,9 @@
 			</div>

 		</div>

 	</section>

+    <hr class="section-sep" id="skills">

 	<section>

-		<h2 id="skills">Compétences</h2>

+		<h2>Compétences</h2>

 		<h3 class="skill">Informatique <small>(voir mon <a class="text-link" style="color: darkgrey" href="https://github.com/Laitram31">Github</a> et mes <a class="text-link" style="color: lime" href="https://git.marcellus.cc">autres repos</a>)</small></h3>

 		<div class="skill-cats">

 			<div>

@@ -178,16 +180,17 @@
 			</div>

 		</div>

 	</section>

+    <hr class="section-sep" id="contact">

 	<section>

-		<h2 id="contact">Contact</h2>

+		<h2>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>

+    <hr class="section-sep">

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

@@ -199,7 +202,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>

+		<hr class="sub-sep">

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

@@ -210,12 +213,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>

+		<hr class="sub-sep">

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

+		<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 ae21c06..01a9a63 100644
--- a/style.css
+++ b/style.css
@@ -10,8 +10,8 @@
 }

 

 body {

-	background: linear-gradient(74deg, skyblue, pink 65%, salmon);

-	padding: 0 12vw;

+	background: linear-gradient(74deg, #fffaf0, #fff6f0 80%, white);

+	padding: 0 7vw;

 	font-size: 1.1em;

 	font-family: tinos;

 }

@@ -24,7 +24,7 @@ header {
 }

 

 header {

-	filter: drop-shadow(white 2px 2px 0px);

+	filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white) drop-shadow(0 0 3px white);

 }

 

 header {

@@ -156,17 +156,17 @@ 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%, pink, salmon, #f04040);

+	background: repeating-radial-gradient(circle farthest-corner at calc(0.5em + 8px) 50%, lightgray, #858585);

 	display: inline-block;

 	width: auto;

 	border-radius: 40px;

-	border: 1px solid pink;

+	border: 1px solid #222;

 	margin-bottom: 30px;

 }

 

 .timestamp span {

 	font-family: Finkheavy;

-	filter: drop-shadow(2px 2px #fff1d0);

+	filter: drop-shadow(2px 2px #fffaf0);

 }

 

 .timestamp::before {

@@ -174,9 +174,9 @@ h1:hover,h2:hover {
 	content: '';

 	width: 1em;

 	height: 1em;

-	background: salmon;

+	background: #7b7b7b;

 	border-radius: 100%;

-	border: 1px solid pink;

+	border: 1px solid #2C2C2C;

 	left: 7px;

 }

 

@@ -353,9 +353,18 @@ h3.skill, .skill-cats h4 {
 	}

 }

 

-hr {

+hr.section-sep {

+    border: none;

+    border-top: 3px dashed grey;

+    margin-top: 4em;

+    margin-bottom: 4em;

+}

+

+hr.sub-sep {

 	border: none;

 	border-top: 2px dashed #f62c2c;

+    margin-left: 10%;

+    margin-right: 10%;

 }

 

 .citation {