|
|
@ -1,168 +1,167 @@ |
|
|
<<<<<<< HEAD |
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<html lang="fr"> |
|
|
|
|
|
|
|
|
<head> |
|
|
<head> |
|
|
<title>PopOp</title> |
|
|
<title>PopOp</title> |
|
|
<meta charset="UTF-8"> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<link href="style/style_index.css" rel="stylesheet"> |
|
|
<link href="style/style_index.css" rel="stylesheet"> |
|
|
<link href="style/style_main.css" rel="stylesheet"> |
|
|
<link href="style/style_main.css" rel="stylesheet"> |
|
|
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> |
|
|
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png"> |
|
|
</head> |
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
<header> |
|
|
<header> |
|
|
<h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1> |
|
|
<h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1> |
|
|
<ul> |
|
|
<ul> |
|
|
<li><a href="#unlinked">Top</a></li> |
|
|
<li><a href="#unlinked">Top</a></li> |
|
|
<li><a href="index.html">Musiques</a></li> |
|
|
<li><a href="index.html">Musiques</a></li> |
|
|
<li><a href="reading.html">Lectures</a></li> |
|
|
<li><a href="reading.html">Lectures</a></li> |
|
|
</ul> |
|
|
</ul> |
|
|
<div> |
|
|
<div> |
|
|
<a href="sign_in.php">Se connecter</a> |
|
|
<a href="sign_in.php">Se connecter</a> |
|
|
<a href="sign_up.php">S'inscrire</a> |
|
|
<a href="sign_up.php">S'inscrire</a> |
|
|
</div> |
|
|
</div> |
|
|
</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"> |
|
|
target="_blank"> |
|
|
<img src="_content/picture2.jpg" alt="thumbnail"> |
|
|
<img src="_content/picture2.jpg" alt="thumbnail"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Royals</h2> |
|
|
<h2>Royals</h2> |
|
|
<p>Royals - Lorde<br></p> |
|
|
<p>Royals - Lorde<br></p> |
|
|
<p class="hidden">Ella Marija Lani Yelich-O'Connor dite Lorde, née le 7 novembre 1996 à Auckland, en |
|
|
<p class="hidden">Ella Marija Lani Yelich-O'Connor dite Lorde, née le 7 novembre 1996 à Auckland, en |
|
|
Nouvelle-Zélande, est une auteure-compositrice-interprétatrice et productrice néo-zélandaise. |
|
|
Nouvelle-Zélande, est une auteure-compositrice-interprétatrice et productrice néo-zélandaise. |
|
|
</p> |
|
|
</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<img src="_content/picture1.jpg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Numb</h2> |
|
|
<h2>Numb</h2> |
|
|
<p>Numb - Linkin Park<br></p> |
|
|
<p>Numb - Linkin Park<br></p> |
|
|
<p class="hidden">Linkin Park est un groupe de rock et de metal américain, originaire d'Agoura Hills |
|
|
<p class="hidden">Linkin Park est un groupe de rock et de metal américain, originaire d'Agoura Hills |
|
|
en Californie. Il est formé en 1996.</p> |
|
|
en Californie. Il est formé en 1996.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<img src="_content/picture3.jpg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Red</h2> |
|
|
<h2>Red</h2> |
|
|
<p>Red - Survive said the prophet <br></p> |
|
|
<p>Red - Survive said the prophet <br></p> |
|
|
<p class="hidden">Survive Said The Prophet est un groupe de rock alternatif japonais originaire de |
|
|
<p class="hidden">Survive Said The Prophet est un groupe de rock alternatif japonais originaire de |
|
|
Tōkyō. Il est actuellement composé de 5 membres : Yosh, Yudai, Ivan, Tatsuya et Show.</p> |
|
|
Tōkyō. Il est actuellement composé de 5 membres : Yosh, Yudai, Ivan, Tatsuya et Show.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<img src="_content/picture4.jpeg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>命に嫌われて</h2> |
|
|
<h2>命に嫌われて</h2> |
|
|
<p>命に嫌われている。- Majiko<br></p> |
|
|
<p>命に嫌われている。- Majiko<br></p> |
|
|
<p class="hidden">majiko (まじ娘) est un auteur-compositeur-interprète japonais. Elle a commencé sa |
|
|
<p class="hidden">majiko (まじ娘) est un auteur-compositeur-interprète japonais. Elle a commencé sa |
|
|
carrière en faisant des reprises de chansons sur Nico Nico Douga.</p> |
|
|
carrière en faisant des reprises de chansons sur Nico Nico Douga.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</a> |
|
|
<a href="https://open.spotify.com/track/1x5sYLZiu9r5E43kMlt9f8?si=631da71145414cc0" class="element"> |
|
|
<a href="https://open.spotify.com/track/1x5sYLZiu9r5E43kMlt9f8?si=631da71145414cc0" class="element"> |
|
|
<img src="_content/picture5.jpg" alt="thumbnail" target="_blank"> |
|
|
<img src="_content/picture5.jpg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Symphony</h2> |
|
|
<h2>Symphony</h2> |
|
|
<p>Symphony - Clean Bandit (feat. Zara Larsson)></p> |
|
|
<p>Symphony - Clean Bandit (feat. Zara Larsson)></p> |
|
|
<p class="hidden">Clean Bandit est un groupe de musique électronique anglais, fondé à Cambridge en |
|
|
<p class="hidden">Clean Bandit est un groupe de musique électronique anglais, fondé à Cambridge en |
|
|
2009. Il est composé de trois membres : Grace Chatto, Luke Patterson et Jack Patterson.</p> |
|
|
2009. Il est composé de trois membres : Grace Chatto, Luke Patterson et Jack Patterson.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<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</p> |
|
|
<p>Reckoning song (cover) - Asaf Avidan, The Mojos</p> |
|
|
<p class="hidden">Asaf Avidan est un auteur-compositeur-interprète israélien né le 23 mars 1980 à |
|
|
<p class="hidden">Asaf Avidan est un auteur-compositeur-interprète israélien né le 23 mars 1980 à |
|
|
Jérusalem.</p> |
|
|
Jérusalem.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</a> |
|
|
<a href="https://open.spotify.com/track/1hwJKpe0BPUsq6UUrwBWTw?si=71cfd097e58349b0" class="element elmnt2"> |
|
|
<a href="https://open.spotify.com/track/1hwJKpe0BPUsq6UUrwBWTw?si=71cfd097e58349b0" class="element elmnt2"> |
|
|
<img src="_content/picture7.jpg" alt="thumbnail" target="_blank" width="150" height="150"> |
|
|
<img src="_content/picture7.jpg" alt="thumbnail" target="_blank" width="150" height="150"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Boulevard of..</h2> |
|
|
<h2>Boulevard of..</h2> |
|
|
<p>Boulevard of Broken Dreams - Green Day</p> |
|
|
<p>Boulevard of Broken Dreams - Green Day</p> |
|
|
<p class="hidden">Green Day est un groupe de punk rock américain, originaire de Berkeley, en |
|
|
<p class="hidden">Green Day est un groupe de punk rock américain, originaire de Berkeley, en |
|
|
Californie.</p> |
|
|
Californie.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<img src="_content/picture8.jpg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Centuries</h2> |
|
|
<h2>Centuries</h2> |
|
|
<p>Centuries - Fall Out Boy</p> |
|
|
<p>Centuries - Fall Out Boy</p> |
|
|
<p class="hidden">Fall Out Boy (FOB) est un groupe de rock américain, originaire de Wilmette, près |
|
|
<p class="hidden">Fall Out Boy (FOB) est un groupe de rock américain, originaire de Wilmette, près |
|
|
de Chicago.</p> |
|
|
de Chicago.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<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 </p> |
|
|
<p>Le temps est bon - Bon Entendeur </p> |
|
|
<p class="hidden">Bon Entendeur est le nom d’un collectif musical français, fondé en 2012 par Arnaud |
|
|
<p class="hidden">Bon Entendeur est le nom d’un collectif musical français, fondé en 2012 par Arnaud |
|
|
Bonet.</p> |
|
|
Bonet.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</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" target="_blank"> |
|
|
<img src="_content/picture10.jpg" alt="thumbnail" target="_blank"> |
|
|
<div> |
|
|
<div> |
|
|
<h2>Radioactive</h2> |
|
|
<h2>Radioactive</h2> |
|
|
<p>Radioactive - Imagine Dragons<br></p> |
|
|
<p>Radioactive - Imagine Dragons<br></p> |
|
|
<p class="hidden">Imagine Dragons est un groupe de pop rock américain, originaire de Las Vegas, dans |
|
|
<p class="hidden">Imagine Dragons est un groupe de pop rock américain, originaire de Las Vegas, dans |
|
|
le Nevada.</p> |
|
|
le Nevada.</p> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
<u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien (légal)</u> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="main-contents"> |
|
|
<div class="main-contents"> |
|
|
<aside> |
|
|
<aside> |
|
|
<h2>À propos...</h2> |
|
|
<h2>À propos...</h2> |
|
|
<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. Sur mon "test" de <a |
|
|
système n'est pas mis en place ou effectif. Sur mon "test" de <a |
|
|
href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">site à ce lien</a>, ce |
|
|
href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">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" target="_blank">ce site</a> uniquement le |
|
|
<p>Je me suis souvenu qu'il fallait faire <a href="index.html" target="_blank">ce site</a> uniquement le |
|
|
dimanche soir |
|
|
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" target="_blank">picsum</a> affiche une image |
|
|
<p>Un site du nom de <a href="https://picsum.photos" target="_blank">picsum</a> affiche une image |
|
|
aléatoire. Rien de |
|
|
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"> |
|
|
</aside> |
|
|
</aside> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
</main> |
|
|
<footer> |
|
|
<footer> |
|
|
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par |
|
|
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par |
|
|
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> |
|
|
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a> |
|
|
</footer> |
|
|
</footer> |
|
|
</body> |
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
|
======= |
|
|
======= |
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<html lang="fr"> |
|
|
|
