ajout de la liste des séries présentes
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
+ajout des 15 derniers morceaux joués
This commit is contained in:
parent
c4286ea61a
commit
92b5b84ba2
@ -2455,7 +2455,7 @@ input, select, textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
table tbody tr:nth-child(2n + 1) {
|
table tbody tr:nth-child(2n + 1) {
|
||||||
background-color: #fafafa;
|
background-color: #303030;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td {
|
table td {
|
||||||
@ -2825,7 +2825,7 @@ input, select, textarea {
|
|||||||
/* Main */
|
/* Main */
|
||||||
|
|
||||||
#main > section {
|
#main > section {
|
||||||
border-top: solid 6px #f4f4f4;
|
border-top: solid 6px #156ab5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main > section > .container {
|
#main > section > .container {
|
||||||
@ -2843,7 +2843,7 @@ input, select, textarea {
|
|||||||
border-top: 0;
|
border-top: 0;
|
||||||
color: #c0c0c0;
|
color: #c0c0c0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 4em 0 2em 0;
|
padding: 0em 0 0em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer .copyright {
|
#footer .copyright {
|
||||||
|
14
assets/js/table.js
Normal file
14
assets/js/table.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
/*VERSION FACTORISEE*/
|
||||||
|
const compare = (ids, asc) => (row1, row2) => {
|
||||||
|
const tdValue = (row, ids) => row.children[ids].textContent;
|
||||||
|
const tri = (v1, v2) => v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ? v1 - v2 : v1.toString().localeCompare(v2);
|
||||||
|
return tri(tdValue(asc ? row1 : row2, ids), tdValue(asc ? row2 : row1, ids));
|
||||||
|
};
|
||||||
|
|
||||||
|
const tbody = document.querySelector('tbody');
|
||||||
|
const thx = document.querySelectorAll('th');
|
||||||
|
const trxb = tbody.querySelectorAll('tr');
|
||||||
|
thx.forEach(th => th.addEventListener('click', () => {
|
||||||
|
let classe = Array.from(trxb).sort(compare(Array.from(thx).indexOf(th), this.asc = !this.asc));
|
||||||
|
classe.forEach(tr => tbody.appendChild(tr));
|
||||||
|
}));
|
237
index.html
237
index.html
@ -24,7 +24,9 @@
|
|||||||
<nav id="nav">
|
<nav id="nav">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#ecoute" class="active">Écouter</a></li>
|
<li><a href="#ecoute" class="active">Écouter</a></li>
|
||||||
|
<li><a href="#historique" class="active">Historique de diffusion</a></li>
|
||||||
<li><a href="#programme">Programmation</a></li>
|
<li><a href="#programme">Programmation</a></li>
|
||||||
|
<li><a href="#tableau">Détail des playlists</a></li>
|
||||||
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
|
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
@ -36,7 +38,7 @@
|
|||||||
<!-- Main -->
|
<!-- Main -->
|
||||||
<div id="main">
|
<div id="main">
|
||||||
|
|
||||||
<!-- One -->
|
<!-- écoute -->
|
||||||
<section id="ecoute">
|
<section id="ecoute">
|
||||||
<div class="image main" data-position="center">
|
<div class="image main" data-position="center">
|
||||||
<img src="images/90847226_p0.jpg" alt="" />
|
<img src="images/90847226_p0.jpg" alt="" />
|
||||||
@ -50,7 +52,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Two -->
|
<!-- historique -->
|
||||||
|
<section id="historique">
|
||||||
|
<div class="container">
|
||||||
|
<h3>Historique</h3>
|
||||||
|
<p>Les quinze derniers titres diffusés sont :</p>
|
||||||
|
<iframe src="http://azuracast.mahoro-net.org/public/natsuki/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 300px; border: 0;"></iframe>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- programme -->
|
||||||
<section id="programme">
|
<section id="programme">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h3>Programmation</h3>
|
<h3>Programmation</h3>
|
||||||
@ -59,7 +70,226 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
<!-- tableau -->
|
||||||
|
<section id="tableau">
|
||||||
|
<div class="container">
|
||||||
|
<h3>Détail des playlists</h3>
|
||||||
|
<p>Voici toutes les playlists disponibles sur <b>Natsuki</b> ainsi que ce qu'elles contiennent. Vous pouvez suggérer des séries sur <a href="https://discord.gg/nBuZ9vJ">notre Discord</a>.</p>
|
||||||
|
<div class="table-wrapper">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Playlist</th>
|
||||||
|
<th>Série</th>
|
||||||
|
<th>Date d'ajout</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>TowerFall Ascension</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Advance Wars - Duel Strike</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Black Desert Online</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Black Desert Online (Remastered)</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Eternal Senia</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>NieR:Automata</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>The Elder Scrolls V ; Skyrim</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>The Witcher 3</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Dofus 1.x</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jeux vidéo</td>
|
||||||
|
<td>Guardian Tales</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Air Gear</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Ao no Exorcist</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Fullmetal Alchemist</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Fullmetal Alchemist - Brotherhood</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Monogatari Series</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Hai to Gensou no Grimgar</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Soul Eater</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>ACCA: 13-ku Kansatsu-ka</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Mahou Shoujo Madoka☆Magica</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Devilman - Crybaby</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Mondaiji-tachi ga Isekai kara Kuru Sou Desu yo</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Jun La voix du Coeur</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Overlord</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>RWBY</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Re:CREATORS</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Princess Principal</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Made in Abyss</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Samurai Champloo</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Ghost in the Shell</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Subete ga F ni Naru: THE PERFECT INSIDER</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Shingeki no Kyojin</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Baccano</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Great Teacher Onizuka</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>To Aru Series</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Tengen Toppa Gurren Lagann</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Sora Yori Mo Tooi Basho</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Violet Evergarden</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>L'Ère des Cristaux</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Hibike! Euphonium</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Animés</td>
|
||||||
|
<td>Liz et l'Oiseau Bleu</td>
|
||||||
|
<td>2022/07</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<section id="footer">
|
<section id="footer">
|
||||||
@ -80,6 +310,7 @@
|
|||||||
<script src="assets/js/breakpoints.min.js"></script>
|
<script src="assets/js/breakpoints.min.js"></script>
|
||||||
<script src="assets/js/util.js"></script>
|
<script src="assets/js/util.js"></script>
|
||||||
<script src="assets/js/main.js"></script>
|
<script src="assets/js/main.js"></script>
|
||||||
|
<script src="assets/js/table.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user