Natsuki/index.html
Esenjin 5d575b96e3
All checks were successful
continuous-integration/drone/push Build is passing
ajout playlist "classique"
2022-08-05 19:12:33 +02:00

412 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Natsuki</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Natsuki">
<meta property="og:image" content="https://cila.camelia-studio.org/natsuki/images/5027375.png">
<meta property="og:description" content="Natsuki est la webradio de l'association Camélia Studio, destinée aux fans de japanimation ! Les bandes-originales de vos animés favoris sont à l'écoute ici 24/7 !">
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="https://cila.camelia-studio.org/natsuki/images/favicon.ico">
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/5027375.png" alt="" /></span>
<h1 id="logo"><a href="#">Natsuki</a></h1>
<p>«&#8239;Natsuki&#8239;» est la webradio de l'association «&#8239;Camélia Studio&#8239;», destinée aux fans de japanimation&#8239;! Les bandes-originales de vos animés favoris sont à l'écoute ici 24/7&#8239;!</p>
</header>
<nav id="nav">
<ul>
<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="#asavoir">Bon à savoir</a></li>
<li><a href="#tableau">Détail des musiques</a></li>
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
</ul>
</nav>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- écoute -->
<section id="ecoute">
<div class="image main" data-position="center">
<img src="images/90847226_p0.jpg" alt="" />
</div>
<div class="container">
<header class="major">
<h2>Natsuki</h2>
<p>La webradio passionnée !</p>
</header>
<iframe src="https://azuracast.mahoro-net.org/public/natsuki/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>
<a href="http://azuracast.mahoro-net.org/public/natsuki/playlist.m3u" class="button primary small">.m3u</a>
</div>
</section>
<!-- historique -->
<section id="historique">
<div class="container">
<h3>Historique</h3>
<p>Les quinze derniers titres diffusés sont :</p>
<iframe src="https://azuracast.mahoro-net.org/public/natsuki/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 500px; border: 0;"></iframe>
</div>
</section>
<!-- programme -->
<section id="programme">
<div class="container">
<h3>Programmation</h3>
<p>Voici notre calendrier complet*, vous fait-il envie ?</p>
<iframe src="https://azuracast.mahoro-net.org/public/natsuki/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 1180px; border: 0;"></iframe>
<p>* <i>Généralement la plannification reste sensiblement identique d'une semaine à l'autre. À noter que des changements peuvent survenir de mannière plus ou moins régulière, pensez à vérifier de temps à autre.</i></p>
</div>
</section>
<!-- à savoir -->
<section id="asavoir">
<div class="container">
<h3>Bon à savoir</h3>
<p>Quelques détails indispensables (donc inutiles) à connaître à propos de cette webradio :</p>
<ul>
<li>Son nom provient de <a href="https://anilist.co/character/88923/Natsuki-Nakagawa" target="_blank">Natsuki Nakagawa</a>.</li>
<li>Vous n'entendrez jamais deux fois la même musique en 24h.</li>
<li>Il y a actuellement <b>3.811</b> titres disponibles à l'écoute.</li>
<li>Le film <a href="https://anilist.co/anime/100178/Liz-to-Aoi-Tori/" target="_blank">Liz et l'oiseau bleu</a> est à voir absolument !</li>
<li>Les pubs ont été enregistrées par les adhérents de l'association.</li>
<li>Les jingles ont été réalisés par des amis.</li>
<li>Cette station existe grâce au gestionnaire de webradio <a href="https://www.azuracast.com" target="_blank">AzuraCast</a> (auto-hébergé par <a href="https://shelter.mahoro-net.org" target="_blank">Shelter</a>).</li>
<li>Nous diffusons depuis le 19 juillet 2022.</li>
<li>Vous pouvez vous rendre sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre Discord</a> afin de discuter de ce projet, nous faire vos retours, proposer des séries ou encore nous signaler des soucis ou des erreurs que vous auriez remarqué.</li>
<li>Nous savons que le remplissage de nos ID3 Tag n'est pas optimal, nous améliorons un peu cela chaque jour, mais comprenez qu'il s'agit d'un travail long et fastidieux.</li>
</ul>
</div>
</section>
<!-- tableau -->
<section id="tableau">
<div class="container">
<h3>Détail des musiques</h3>
<p>Voici toutes les séries disponibles sur <b>Natsuki</b>. Si vous le désirez, vous pouvez nous en suggérer sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre Discord</a> (salon <i>#cila</i>).</p>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Catégorie ⇵</th>
<th>Nom de la série / du jeu vidéo ⇵</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>
<tr>
<td>Classique</td>
<td>Antonio Vivaldi</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Camille SaintSaëns</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Claude Debussy</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Franz Schubert</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Frédéric Chopin</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Giuseppe Verdi</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Hector Berlioz</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Johann Sebastian Bach</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Ludwig van Beethoven</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Maurice Ravel</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Pyotr Ilyich Tchaikovsky</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Richard Wagner</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Robert Schumann</td>
<td>2022/08</td>
</tr>
<tr>
<td>Classique</td>
<td>Wolfgang Amadeus Mozart</td>
<td>2022/08</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>&copy; <a href="https://azuracast.mahoro-net.org/public/natsuki" target="_blank">Natsuki</a>, par <a href="https://camelia-studio.org/" target="_blank">Camélia Studio</a>.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a>. Illustrations, bannière par <a href="https://www.pixiv.net/en/artworks/90847226" target="_blank">tototo</a>, profil par <a href="https://chan.sankakucomplex.com/post/show/5027375" target="_blank">むっしゅ</a>.</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/table.js"></script>
</body>
</html>