minor: minor changes

6 files changed, 33 insertions, 12 deletions

diff --git a/en/aboutme.html b/en/aboutme.html
index 34c2384..c259bed 100644
--- a/en/aboutme.html
+++ b/en/aboutme.html
@@ -8,9 +8,8 @@
 		<a href="../moa.html" class="language">🇫🇷</a>
 		<div class="content">
 			Marcellus is my pseudonym, for obvious reasons I won't be giving my real name.<br>
-			I'm usually not that good at talking about myself, but for once I would like to make an effort. I'm a IT student at EPITA, musician since my childhood, big brother, and that's about it (I believe so). I had the idea of making this little website while watching a school friend's projects, <a href="https://ratakor.com">Ratakor</a>, who's taught me a lot of things about libre and open source systems. He's kind of like a mentor to me, although we are in the same class.
+			I'm usually not that good at talking about myself, but for once I would like to make an effort. I'm a IT student at EPITA, musician since my childhood, big brother, and that's about it (I believe so). I had the idea of making this little website while watching a school friend's projects, <a class="text-link" href="https://ratakor.com">Ratakor</a>, who's taught me a lot of things about libre and open source systems. He's kind of like a mentor to me, although we are in the same class.
 			I hope you enjoy taking a look at my website, have a good day !
-		<a href=index.html>Return</a>
 		</div>
 		<a href="index.html" class="footer">Return</a>
 	</body>
diff --git a/en/music.html b/en/music.html
index 229f13c..f191221 100644
--- a/en/music.html
+++ b/en/music.html
@@ -39,12 +39,12 @@
 			<hr class="sub-sep">
 			<h2>The Running Gags</h2>
 			<p>At the end of summer 2022, I started looking for a group closer to my student appartment. This is how I met The Running Gags. They decided to take me immediately at the end of the test rehearsal, and guess what, we're still playing together today! We had our first gig on june 17, 2023.</p>
-			<div class="liens"><a style="color: darkblue" href="https://www.facebook.com/profile.php?id=100092628580525">&gt;Facebook&lt;</a> <a style="color:#f00062" href="https://www.instagram.com/les_running_gags/">&gt;Instagram&lt;</a></div>
+			<div class="liens"><a class="text-link" style="color: darkblue" href="https://www.facebook.com/profile.php?id=100092628580525">Facebook</a> <a class="text-link" style="color:#f00062" href="https://www.instagram.com/les_running_gags/">Instagram</a></div>
 			<hr class="section-sep">
 			<h1>Compositions & productions</h1>
 			<p>When the inspiration comes, I take notes on a piece of paper, then end up writing it on Guitar Pro. I'd like to switch to MuseScore, mainly because it's a free software, but I find it very unintuitive. Ultimately, when I'm done composing, I record everything through Ableton, and finish with the mix.<br>
 			I have done a few productions, but the one I've worked the most on is a second semester project OST.<br>
-			You can find most of my productions on <a style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>&gt;SoundCloud&lt;</a></p>
+			You can find most of my productions on <a class="text-link" style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>SoundCloud</a></p>
 		</div>
 		<a href="index.html" class="footer">Return</a>
 	</body>
diff --git a/info.html b/info.html
index 847ae6d..728085f 100644
--- a/info.html
+++ b/info.html
@@ -8,13 +8,13 @@
 		<a href="en/it.html" class="language">🤮🇬🇧</a>
 		<div class="content">
 			<h1>Projets</h1>
-			<p><a href="https://github.com/Laitram31" style="color:#333333">La plupart de mes projets sont trouvables sur &gt;Github&lt;.</a></p>
+			<p>La plupart de mes projets sont trouvables sur <a class="text-link" href="https://github.com/Laitram31" style="color:#333333">Github</a>.</p>
 			<hr class="section-sep">
 			<h1>Mes machines</h1>
 			<p>
 				<ul>
 					<li>PCs : J'utilise un Dell Inspiron 7390 2n1 sous Windaube (ouais je sais, je suis pas prêt à faire la transition complète) comme PC portable, et un Asus X550 sous Artix Linux comme PC fixe.</li>
-					<li>Son : J'utilise une M-AUDIO Solo comme carte son, reliée à 2 enceintes ou mon casque audio. (Voir mon <a href="musique.html#matos" style="color:salmon">&gt;matériel de musique&lt;</a>)</li>
+					<li>Son : J'utilise une M-AUDIO Solo comme carte son, reliée à 2 enceintes ou mon casque audio. (Voir mon <a class="text-link" href="musique.html#matos" style="color:salmon">matériel de musique</a>)</li>
 				</ul>
 			</p>
 		</div>
diff --git a/moa.html b/moa.html
index bb273c1..9c2484f 100644
--- a/moa.html
+++ b/moa.html
@@ -8,10 +8,11 @@
 	<body>
 		<a href="en/aboutme.html" class="language">🤮🇬🇧</a>
 		<div class="content">
-		Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem <br>
+			Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem <br>
 		D'habitude, je suis pas spécialement doué pour parler de moi, mais bon, j'ai envie de faire l'effort pour une fois.
 		<br>
-		Je suis étudiant en informatique à l'EPITA, musicien depuis l'enfance, grand frère, euuuh c'est tout (je crois). J'ai eu l'idée de faire ce petit site/blog perso en regardant les projets (et notamment le site) d'un ami de l'école, <a class="ratakor" href="https://ratakor.com">Ratakor</a>, qui m'a appris pas mal de trucs sur l'utilisation des systèmes libres et open source. C'est un peu mon mentor, même si on est de la même promo.<br>
+		Je suis étudiant en informatique à l'EPITA, musicien depuis l'enfance, grand frère, euuuh c'est tout (je crois).<br>
+		J'ai eu l'idée de faire ce petit site/blog perso en regardant les projets (et notamment le site) d'un ami de l'école, <a style="color: darkorchid;" class="text-link" href="https://ratakor.com">Ratakor</a>, qui m'a appris pas mal de trucs sur l'utilisation des systèmes libres et open source. C'est un peu mon mentor, même si on est de la même promo.<br>
 		En explorant le site de Ratakor, je suis tombé sur sa webring, et une chose en entraînant une autre, j'ai découvert le concept des webrings, ainsi que des blogs personnels très inspirants, le thread lainchan sur les webrings, et la pensée derrière tout ça. Ca m'a donné envie de créer moi aussi mon propre site, d'en faire ma propre safe place.<br>
 		J'espère que vous aurez plaisir à faire le tour de mon site, et bonne journée!<br><br>
 		<iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=Jem&dob=1687547484&gender=f&element=Fire&pet=https%3A%2F%2Fmedia.discordapp.net%2Fattachments%2F1030791827500052502%2F1121879891751747734%2Fjemjr.png&map=hills.jpg&background=&tablecolor=black&textcolor=black" frameborder="0"></iframe>
diff --git a/musique.html b/musique.html
index 0239374..3b9a19e 100644
--- a/musique.html
+++ b/musique.html
@@ -39,12 +39,12 @@
 			<hr class="sub-sep">
 			<h2>Les Running Gags</h2>
 			<p>À la fin de l'été 2022, j'ai commencé à chercher un groupe plus proche de mon logement étudiant. C'est comme ça que j'ai trouvé les Running Gags. Ils ont décidé de me prendre directement à la fin de la répète de test, et on joue encore ensemble aujourd'hui. Nous avons donné notre premier concert le 17 juin 2023</p>
-			<div class="liens"><a style="color: darkblue" href="https://www.facebook.com/profile.php?id=100092628580525">&gt;VisageLivre&lt;</a> <a style="color:#f00062" href="https://www.instagram.com/les_running_gags/">&gt;Instagram&lt;</a></div>
+			<div class="liens"><a class="text-link" style="color: darkblue" href="https://www.facebook.com/profile.php?id=100092628580525">VisageLivre</a> <a class="text-link" style="color:#f00062" href="https://www.instagram.com/les_running_gags/">Instagram</a></div>
 			<hr class="section-sep">
 			<h1>Compositions & productions</h1>
 			<p>Quand l'inspiration vient, je note ça sur un coin de papier, puis je reporte mes notes dans Guitar Pro. Je voudrais passer sur MuseScore, principalement parce que c'est un logiciel libre, mais l'utilisation est très peu intuitive. Ultimement, en fin de composition, j'enregistre tout via Ableton, puis je termine en faisant le mixage.<br>
 			J'ai quelques productions à mon actif, mais celle sur laquelle j'ai le plus travaillé est la BO du projet de groupe du 2è semestre.
-			La plupart des mes productions sont trouvables sur <a style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>&gt;SoundCloud&lt;</a></p>
+			La plupart des mes productions sont trouvables sur <a class="text-link" style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>SoundCloud</a></p>
 		</div>
 		<a href=index.html class="footer">Retour</a>
 	</body>
diff --git a/style.css b/style.css
index a35c74a..24c7abb 100644
--- a/style.css
+++ b/style.css
@@ -20,11 +20,15 @@ body.index{
 .language{
 	text-decoration:none;
 	font-size:1.2em;
-	position: absolute;
+	position: fixed;
 	right:8px;
 	top: 2px;
 }
 
+br{
+	margin-bottom: 5px;
+}
+
 .links{
 	display: flex;
 	justify-content: center;
@@ -57,8 +61,20 @@ a{
 	color: inherit;
 }
 
+a.text-link::before{
+	content: ">"
+}
+
+a.text-link::after{
+	content: "<";
+}
+
 .link:hover {
 	opacity: 0.6;
+	/*animation-name: heylisten;
+	animation-duration: 1.5s;
+	animation-timing-function: linear;
+	animation-iteration-count: infinite;*/
 }
 
 .link span{
@@ -104,7 +120,7 @@ a{
 
 .sub-sep{
 	border: none;
-	border-top: 3px dotted blue;
+	border-top: 3px dotted rgba(0, 0, 255, 0.6);
 }
 
 .footer{
@@ -156,6 +172,11 @@ a{
 	}
 }
 
+@keyframes heylisten{
+	50%{
+		transform: scale(1.05,1.05);
+	}
+}
 
 @font-face{
 	font-family:Cousine;