diff --git a/assets/css/main.css b/assets/css/main.css index 3f93117..4139159 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2455,7 +2455,7 @@ input, select, textarea { } table tbody tr:nth-child(2n + 1) { - background-color: #fafafa; + background-color: #303030; } table td { @@ -2825,7 +2825,7 @@ input, select, textarea { /* Main */ #main > section { - border-top: solid 6px #f4f4f4; + border-top: solid 6px #156ab5; } #main > section > .container { @@ -2843,7 +2843,7 @@ input, select, textarea { border-top: 0; color: #c0c0c0; overflow: hidden; - padding: 4em 0 2em 0; + padding: 0em 0 0em 0; } #footer .copyright { diff --git a/assets/js/table.js b/assets/js/table.js new file mode 100644 index 0000000..66b18ec --- /dev/null +++ b/assets/js/table.js @@ -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)); +})); \ No newline at end of file diff --git a/index.html b/index.html index 2fd02ef..2d91e6d 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,9 @@ @@ -36,7 +38,7 @@
- +
@@ -50,7 +52,16 @@
- + +
+
+

Historique

+

Les quinze derniers titres diffusés sont :

+ +
+
+ +

Programmation

@@ -59,7 +70,226 @@
-
+ +
+
+

Détail des playlists

+

Voici toutes les playlists disponibles sur Natsuki ainsi que ce qu'elles contiennent. Vous pouvez suggérer des séries sur notre Discord.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PlaylistSérieDate d'ajout
Jeux vidéoTowerFall Ascension2022/07
Jeux vidéoAdvance Wars - Duel Strike2022/07
Jeux vidéoBlack Desert Online2022/07
Jeux vidéoBlack Desert Online (Remastered)2022/07
Jeux vidéoEternal Senia2022/07
Jeux vidéoNieR:Automata2022/07
Jeux vidéoThe Elder Scrolls V ; Skyrim2022/07
Jeux vidéoThe Witcher 32022/07
Jeux vidéoDofus 1.x2022/07
Jeux vidéoGuardian Tales2022/07
AnimésAir Gear2022/07
AnimésAo no Exorcist2022/07
AnimésFullmetal Alchemist2022/07
AnimésFullmetal Alchemist - Brotherhood2022/07
AnimésMonogatari Series2022/07
AnimésHai to Gensou no Grimgar2022/07
AnimésSoul Eater2022/07
AnimésACCA: 13-ku Kansatsu-ka2022/07
AnimésMahou Shoujo Madoka☆Magica2022/07
AnimésDevilman - Crybaby2022/07
AnimésMondaiji-tachi ga Isekai kara Kuru Sou Desu yo2022/07
AnimésJun La voix du Coeur2022/07
AnimésOverlord2022/07
AnimésRWBY2022/07
AnimésRe:CREATORS2022/07
AnimésPrincess Principal2022/07
AnimésMade in Abyss2022/07
AnimésSamurai Champloo2022/07
AnimésGhost in the Shell2022/07
AnimésSubete ga F ni Naru: THE PERFECT INSIDER2022/07
AnimésShingeki no Kyojin2022/07
AnimésBaccano2022/07
AnimésGreat Teacher Onizuka2022/07
AnimésTo Aru Series2022/07
AnimésTengen Toppa Gurren Lagann2022/07
AnimésSora Yori Mo Tooi Basho2022/07
AnimésViolet Evergarden2022/07
AnimésL'Ère des Cristaux2022/07
AnimésHibike! Euphonium2022/07
AnimésLiz et l'Oiseau Bleu2022/07
+
+
+