fix small issues

index.html

@@ -25,7 +25,8 @@
 	</header>
 	<main>
 		<div class="main-side">
-			<a href="https://open.spotify.com/track/2dLLR6qlu5UJ5gk0dKz0h3?si=dce69b1c4a26487d" class="element elmnt1">
+			<a href="https://open.spotify.com/track/2dLLR6qlu5UJ5gk0dKz0h3?si=dce69b1c4a26487d" class="element elmnt1"
+				target="_blank">
 				<img src="_content/picture2.jpg" alt="thumbnail">
 				<div>
 					<h2>Royals</h2>
@@ -34,7 +35,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/search/numb%20link" class="element elmnt2">
-				<img src="_content/picture1.jpg" alt="thumbnail">
+				<img src="_content/picture1.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Numb</h2>
 					<p>Numb - Linkin Park<br><u><img class="icon" src="_content/spotify-icon.png"
@@ -42,7 +43,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/6xWFzrQE9KIioQSYXlVN2t?si=a8ebcfbc70804976" class="element elmnt1">
-				<img src="_content/picture3.jpg" alt="thumbnail">
+				<img src="_content/picture3.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Red</h2>
 					<p>Red - Survive said the prophet <br><u><img class="icon" src="_content/spotify-icon.png"
@@ -50,7 +51,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/2lXu7SNGIKHJ8EV2EetYFa?si=f29c10aab5964beb" class="element elmnt2">
-				<img src="_content/picture4.jpeg" alt="thumbnail">
+				<img src="_content/picture4.jpeg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>命に嫌われて</h2>
 					<p>命に嫌われている。- Majiko<br><u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien
@@ -58,7 +59,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/1x5sYLZiu9r5E43kMlt9f8?si=631da71145414cc0" class="element elmnt1">
-				<img src="_content/picture5.jpg" alt="thumbnail">
+				<img src="_content/picture5.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Symphony</h2>
 					<p>Symphony - Clean Bandit (feat. Zara Larsson) <br><u><img class="icon"
@@ -66,7 +67,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/7djl4lZ6guZYAckDsfzrfs?si=e9c779cc72644f81" class="element elmnt2">
-				<img src="_content/picture6.jpg" alt="thumbnail">
+				<img src="_content/picture6.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Reckoning song</h2>
 					<p>Reckoning song (cover) - Asaf Avidan, The Mojos <br><u><img class="icon"
@@ -74,7 +75,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/1hwJKpe0BPUsq6UUrwBWTw?si=71cfd097e58349b0" class="element elmnt1">
-				<img src="_content/picture7.jpg" alt="thumbnail">
+				<img src="_content/picture7.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Boulevard of Broken Dreams</h2>
 					<p>Boulevard of Broken Dreams - Green Day<br><u><img class="icon" src="_content/spotify-icon.png"
@@ -82,7 +83,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/album/3zpPQp0SG0voOUtkovK7O5" class="element elmnt2">
-				<img src="_content/picture8.jpg" alt="thumbnail">
+				<img src="_content/picture8.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Centuries</h2>
 					<p>Centuries - Fall Out Boy <br><u><img class="icon" src="_content/spotify-icon.png"
@@ -90,7 +91,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/2U5kSevItDmL0XzSDyemRp?si=dff1294e198f4439" class="element elmnt1">
-				<img src="_content/picture9.jpg" alt="thumbnail">
+				<img src="_content/picture9.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Le temps est bon</h2>
 					<p>Le temps est bon - Bon Entendeur <br><u><img class="icon" src="_content/spotify-icon.png"
@@ -98,7 +99,7 @@
 				</div>
 			</a>
 			<a href="https://open.spotify.com/track/62yJjFtgkhUrXktIoSjgP2?si=8de8d5f411a04de7" class="element elmnt2">
-				<img src="_content/picture10.jpg" alt="thumbnail">
+				<img src="_content/picture10.jpg" alt="thumbnail" target="_blank">
 				<div>
 					<h2>Radioactive</h2>
 					<p>Radioactive - Imagine Dragons<br><u><img class="icon" src="_content/spotify-icon.png"
@@ -112,20 +113,22 @@
 				<p>Voici un site ma foi très peu utile et pertinent afin de rendre un travail un minimum
 					complété. Ce site n'a pas vraiment d'objectif. Dans l'état actuel des choses le système de connexion
 					et d'inscription requiert de "simuler" un serveur ou d'en être sur un réel. Par conséquent ce
-					système n'est pas mis en place ou effectif. <a
+					système n'est pas mis en place ou effectif. <a href="https://minivoltrush.alwaysdata.net/signup.php"
-						href="https://minivoltrush.alwaysdata.net/signup.php">Sur mon "test" de site à ce lien</a>, ce
+						target="_blank">Sur mon "test" de site à ce lien</a>, ce
 					système fonctionne très bien. Cependant je n'assume plus son contenu ^-^.</p>
 			</aside>
 			<aside>
 				<h2>Fun Fact</h2>
-				<p>Je me suis souvenu qu'il fallait faire <a href="index.html">ce site</a> uniquement le dimanche soir
+				<p>Je me suis souvenu qu'il fallait faire <a href="index.html" target="_blank">ce site</a> uniquement le
+					dimanche soir
 					précédent la rentrée du
 					Lundi 8 Novembre.</p>
 				<p>Faire un lien un minimum esthétique c'est long. -_-</p>
 			</aside>
 			<aside>
 				<h2>Image aléatoire</h2>
-				<p>Un site du nom de <a href="https://picsum.photos">picsum</a> affiche une image aléatoire. Rien de
+				<p>Un site du nom de <a href="https://picsum.photos" target="_blank">picsum</a> affiche une image
+					aléatoire. Rien de
 					plus.
 				</p>
 				<img src="https://picsum.photos/400/240" alt="random-pic" height="240" width="400">
@@ -133,7 +136,8 @@
 		</div>
 	</main>
 	<footer>
-		<a href="#mentions-legales">Mentions légales + points d'amélioration.</a> <br> Mise en page par SERNY Sacha.
+		<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
+		SERNY Sacha.
 	</footer>
 </body>
 

style/style_home.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["styles_home.scss"],"names":[],"mappings":"AAAQ;AAER;EACI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA","file":"style_home.css"}

style/style_index.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["styles_index.scss"],"names":[],"mappings":"AAAQ;AACA;AACA;AACR;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACD;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAED;EASC;EACA;EACA;EACA;;AAXA;EACC;EACA;EACA;;AASD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAoEA;EACA;EACA;EACA;EACA;;AAvEA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAaL;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA","file":"style_index.css"}

style/style_main.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["styles_main.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;;AAIH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AAIF;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;;;AAGF;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;;;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC","file":"style_main.css"}

style_log.css

@@ -1,78 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap";
-@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap";
-
-main {
-    padding: 5px 20%;
-    height: 79vh;
-}
-form {
-    display: flex;
-    justify-content: center;
-    font-family: "Roboto", sans-serif;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-}
-form .names {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    margin: 5px 0px;
-    align-items: inherit;
-}
-form .form_p_contents {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-}
-form .form_p_contents p a {
-    font-size: 14px;
-    color: #696969;
-    text-decoration: none;
-}
-form .form_p_contents p a:hover {
-    font-size: 14px;
-    color: #696969;
-    text-decoration: none;
-}
-form {
-    margin: 5px 0px;
-    font-size: 24px;
-}
-label {
-    letter-spacing: -1px;
-}
-input {
-    border: 0px;
-    background-color: #24252a;
-    color: rgb(255, 0, 0);
-    border-radius: 3.5px;
-    margin-left: 2px;
-    padding: 3px;
-    font-size: 18px;
-    
-}
-input:focus {
-    outline: 1px solid #24252a ;
-    transition: 0.2s;
-    text-decoration: underline;
-    background-color: #edf0f1;
-    color: #24252a;
-    
-}
-input[type="submit"] {
-    border: 0px;
-    background-color:  #24252a;
-    color: #edf0f1;
-    font-family: "Montserrat", sans-serif;
-    padding: 10px;
-    font-weight: 700;
-    letter-spacing: 3px;
-}
-input[type="submit"]:hover {
-    transition: 0.2s;
-    outline: 4px solid #24252a;
-    color: #24252a;
-    background-color: #edf0f1;
-}