174 lines
10 KiB
HTML
174 lines
10 KiB
HTML
<!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">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular.min.js"></script>
|
|
</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>« 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 !</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">Liste des séries</a></li>
|
|
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
|
|
<li><a href="#faq">FAQ</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="https://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 hebdomadaire (c'est généralement la même programmation toutes les semaines).</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>
|
|
</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 plus de 9.900 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 jingles ont été co-réalisés par mes amis <b>Némotaku</b> & <b>Corsairsocket</b>.</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>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- tableau -->
|
|
<section id="tableau">
|
|
<div class="container">
|
|
<h3>Liste des séries</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 ng-app="sortTable" ng-controller="mainCtrl as main" class="container">
|
|
<div class="filter-table">
|
|
<input type="text" placeholder="Rechercher" ng-model="searchDatas"/>
|
|
</div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th ng-click="main.changeSortType('categorie')">Catégorie
|
|
<span ng-show="main.isSortType('categorie') " ng-class="{'down' : main.isOrderedReverse(), 'up': !main.isOrderedReverse()}"></span>
|
|
</th>
|
|
<th ng-click="main.changeSortType('serie')">Série
|
|
<span ng-show="main.isSortType('serie') " ng-class="{'down' : main.isOrderedReverse(), 'up': !main.isOrderedReverse()}"></th>
|
|
<th ng-click="main.changeSortType('actualisation')">Actualisation
|
|
<span ng-show="main.isSortType('actualisation') " ng-class="{'down' : main.isOrderedReverse(), 'up': !main.isOrderedReverse()}"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="listedatas in main.listedatas | filter: searchDatas | orderBy: main.orderType : main.orderReverse">
|
|
<td>{{ listedatas.categorie }}</td>
|
|
<td>{{ listedatas.serie }}</td>
|
|
<td>{{ listedatas.actualisation }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ -->
|
|
<section id="faq">
|
|
<div class="container">
|
|
<h3>FAQ</h3>
|
|
<h4>Le lecteur ne s'affiche pas sur le site, que faire ?</h4>
|
|
<li>Pensez à vérifier que votre navigateur ne bloque pas l'utilisation de Javascript.</li>
|
|
<li>Pensez à vérifier que votre navigateur ne bloque pas les cookies tiers.</li>
|
|
<li>Pensez à vérifier que votre navigateur soit bien à jour.</li>
|
|
<li>Essayez de vider le cache de votre navigateur et de forcer l'actualisation (ctrl + F5) de la page.</li>
|
|
<p>Si malgré cela le lecteur ne s'affiche toujours pas, vous pouvez télécharger le fichier <code>.m3u</code> et le lire avec votre lecteur multimédia (PotPlayer, VLC, etc.). Si l'écoute est toujours impossible, n'hésitez pas à venir sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">le Discord de notre association</a>, dans le salon <code>#cila</code>, nous ferons au mieux pour vous aider à résoudre votre soucis.</p>
|
|
<h4>Votre webradio diffuse des B.O. en entier et non juste les génériques des animés ?</h4>
|
|
<p>Oui c'est exact ! Il y a des génériques dans nos listes de diffusion puisqu'elles sont inclues généralement dans les bandes originales, cepandant, cela reste un faible pourcentage de la totalité des pistes audios. Si vous souhaiter n'écouter que des génériques, nous vous invitons à vous tourner vers d'autres stations. Nous souhaitons offrir quelque chose de nouveau.</p>
|
|
<h4>J'ai vu une erreur dans vos ID3Tag, où puis-je le signaler ?</h4>
|
|
<p>Nous savons que le remplissage de nos ID3Tag est loin d'être parfait. Nous essayons chaque jour de les améliorer, vous pouvez cependant nous notifier sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">le Discord de notre association</a>, dans le salon <code>#cila</code>, ce que vous avez repéré afin de nous aider à traiter cela au plus vite.</p>
|
|
<h4>Puis-je proposer des B.O. d'animés/films/jeux vidéo ?</h4>
|
|
<p>Bien entendu ! Pour cela, rendez-vous sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">le Discord de notre association</a>, dans le salon <code>#cila</code>, nous étudierons chaque demande.</p>
|
|
<h4>Avez-vous une application pour mobile ?</h4>
|
|
<p>Non, nous n'en disposons pas actuellement, toutefois, notre site est accessible et devrait fonctionner sans problème sur le navigateur de votre mobile. Le fichier <code>.m3u</code> devrait également pouvoir se lire avec n'importe-quelle application multimédia installée.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<section id="footer">
|
|
<div class="container">
|
|
<ul class="copyright">
|
|
<li>© <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="https://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>
|
|
<script src="assets/js/listedatas.js"></script>
|
|
</body>
|
|
</html> |