Natsuki/index.html

85 lines
2.9 KiB
HTML
Raw Normal View History

2022-07-19 11:13:38 +00:00
<!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>
2022-07-19 11:52:14 +00:00
<title>Natsuki</title>
2022-07-19 11:13:38 +00:00
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
2022-07-19 12:57:41 +00:00
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
2022-07-19 11:13:38 +00:00
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
2022-07-19 11:52:14 +00:00
<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>
2022-07-19 11:13:38 +00:00
</header>
<nav id="nav">
<ul>
2022-07-19 11:52:14 +00:00
<li><a href="#ecoute" class="active">Écouter</a></li>
<li><a href="#programme">Programmation</a></li>
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
2022-07-19 11:13:38 +00:00
</ul>
</nav>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
2022-07-19 11:52:14 +00:00
<section id="ecoute">
2022-07-19 11:13:38 +00:00
<div class="image main" data-position="center">
2022-07-19 11:52:14 +00:00
<img src="images/90847226_p0.jpg" alt="" />
2022-07-19 11:13:38 +00:00
</div>
<div class="container">
<header class="major">
2022-07-19 11:52:14 +00:00
<h2>Natsuki</h2>
<p>La webradio passionnée !</p>
2022-07-19 11:13:38 +00:00
</header>
2022-07-19 12:23:45 +00:00
<iframe src="http://azuracast.mahoro-net.org/public/natsuki/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>
2022-07-19 11:13:38 +00:00
</div>
</section>
<!-- Two -->
2022-07-19 11:52:14 +00:00
<section id="programme">
2022-07-19 11:13:38 +00:00
<div class="container">
2022-07-19 11:52:14 +00:00
<h3>Programmation</h3>
<p>Voici le calendrier complet, qu'avez-vous envie d'écouter ?</p>
2022-07-19 12:23:45 +00:00
<iframe src="http://azuracast.mahoro-net.org/public/natsuki/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 800px; border: 0;"></iframe>
2022-07-19 11:13:38 +00:00
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
2022-07-19 11:52:14 +00:00
<li>&copy; <a href="http://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></li>
2022-07-19 11:13:38 +00:00
</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>
</body>
</html>