Browse Source

fix small issues

master
SERNY Sacha 3 years ago
parent
commit
5ab0f33161
  1. 34
      index.html
  2. 1
      style/style_home.css.map
  3. 1
      style/style_index.css.map
  4. 1
      style/style_main.css.map
  5. 78
      style_log.css

34
index.html

@ -25,7 +25,8 @@
</header> </header>
<main> <main>
<div class="main-side"> <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"> <img src="_content/picture2.jpg" alt="thumbnail">
<div> <div>
<h2>Royals</h2> <h2>Royals</h2>
@ -34,7 +35,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/search/numb%20link" class="element elmnt2"> <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> <div>
<h2>Numb</h2> <h2>Numb</h2>
<p>Numb - Linkin Park<br><u><img class="icon" src="_content/spotify-icon.png" <p>Numb - Linkin Park<br><u><img class="icon" src="_content/spotify-icon.png"
@ -42,7 +43,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/6xWFzrQE9KIioQSYXlVN2t?si=a8ebcfbc70804976" class="element elmnt1"> <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> <div>
<h2>Red</h2> <h2>Red</h2>
<p>Red - Survive said the prophet <br><u><img class="icon" src="_content/spotify-icon.png" <p>Red - Survive said the prophet <br><u><img class="icon" src="_content/spotify-icon.png"
@ -50,7 +51,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/2lXu7SNGIKHJ8EV2EetYFa?si=f29c10aab5964beb" class="element elmnt2"> <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> <div>
<h2>命に嫌われて</h2> <h2>命に嫌われて</h2>
<p>命に嫌われている。- Majiko<br><u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien <p>命に嫌われている。- Majiko<br><u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien
@ -58,7 +59,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/1x5sYLZiu9r5E43kMlt9f8?si=631da71145414cc0" class="element elmnt1"> <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> <div>
<h2>Symphony</h2> <h2>Symphony</h2>
<p>Symphony - Clean Bandit (feat. Zara Larsson) <br><u><img class="icon" <p>Symphony - Clean Bandit (feat. Zara Larsson) <br><u><img class="icon"
@ -66,7 +67,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/7djl4lZ6guZYAckDsfzrfs?si=e9c779cc72644f81" class="element elmnt2"> <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> <div>
<h2>Reckoning song</h2> <h2>Reckoning song</h2>
<p>Reckoning song (cover) - Asaf Avidan, The Mojos <br><u><img class="icon" <p>Reckoning song (cover) - Asaf Avidan, The Mojos <br><u><img class="icon"
@ -74,7 +75,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/1hwJKpe0BPUsq6UUrwBWTw?si=71cfd097e58349b0" class="element elmnt1"> <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> <div>
<h2>Boulevard of Broken Dreams</h2> <h2>Boulevard of Broken Dreams</h2>
<p>Boulevard of Broken Dreams - Green Day<br><u><img class="icon" src="_content/spotify-icon.png" <p>Boulevard of Broken Dreams - Green Day<br><u><img class="icon" src="_content/spotify-icon.png"
@ -82,7 +83,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/album/3zpPQp0SG0voOUtkovK7O5" class="element elmnt2"> <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> <div>
<h2>Centuries</h2> <h2>Centuries</h2>
<p>Centuries - Fall Out Boy <br><u><img class="icon" src="_content/spotify-icon.png" <p>Centuries - Fall Out Boy <br><u><img class="icon" src="_content/spotify-icon.png"
@ -90,7 +91,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/2U5kSevItDmL0XzSDyemRp?si=dff1294e198f4439" class="element elmnt1"> <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> <div>
<h2>Le temps est bon</h2> <h2>Le temps est bon</h2>
<p>Le temps est bon - Bon Entendeur <br><u><img class="icon" src="_content/spotify-icon.png" <p>Le temps est bon - Bon Entendeur <br><u><img class="icon" src="_content/spotify-icon.png"
@ -98,7 +99,7 @@
</div> </div>
</a> </a>
<a href="https://open.spotify.com/track/62yJjFtgkhUrXktIoSjgP2?si=8de8d5f411a04de7" class="element elmnt2"> <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> <div>
<h2>Radioactive</h2> <h2>Radioactive</h2>
<p>Radioactive - Imagine Dragons<br><u><img class="icon" src="_content/spotify-icon.png" <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 <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 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 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> système fonctionne très bien. Cependant je n'assume plus son contenu ^-^.</p>
</aside> </aside>
<aside> <aside>
<h2>Fun Fact</h2> <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 précédent la rentrée du
Lundi 8 Novembre.</p> Lundi 8 Novembre.</p>
<p>Faire un lien un minimum esthétique c'est long. -_-</p> <p>Faire un lien un minimum esthétique c'est long. -_-</p>
</aside> </aside>
<aside> <aside>
<h2>Image aléatoire</h2> <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. plus.
</p> </p>
<img src="https://picsum.photos/400/240" alt="random-pic" height="240" width="400"> <img src="https://picsum.photos/400/240" alt="random-pic" height="240" width="400">
@ -133,7 +136,8 @@
</div> </div>
</main> </main>
<footer> <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> </footer>
</body> </body>

1
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"}

1
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"}

1
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"}

78
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;
}
Loading…
Cancel
Save