Skip to content

Instantly share code, notes, and snippets.

@Bardyl

Bardyl/gist:a65bfbd5deb96cd7deb2

Created May 23, 2014 21:52
Show Gist options
  • Save Bardyl/a65bfbd5deb96cd7deb2 to your computer and use it in GitHub Desktop.
Save Bardyl/a65bfbd5deb96cd7deb2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Premiers pas dans la sagasphère</title>
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41810171-1', 'netophonix.com');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="netotabs">
<ul>
<li id="nt-Netophonix"><a href="http://www.netophonix.com/">Netophonix</a></li>
<li><a href="http://forum.netophonix.com/">Forum</a></li>
<li><a href="http://wiki.netophonix.com">Wiki</a></li>
<li><a href="http://chat.netophonix.com">Chat</a></li>
<li><a href="http://netophonix.com/decouverte" id="nt-selected">Découverte</a></li>
</ul>
</div>
<div id="main-content">
<div id="presentation">
<h2>Bienvenue.</h2>
<p>Des <strong>Sagas mp3</strong> ? Mais c'est quoi ?</p>
<p>Peut-être avez-vous déjà entendu parler du <strong>Donjon de Naheulbeuk</strong> au détour d'un salon... Peut-être avez-vous entendu parler de <strong>Reflets d'Acide</strong> ou encore des <strong>Aventuriers du Survivaure</strong>... Des histoires racontées sous format audio où vous devez faire parler votre imagination pour imaginer les scènes, les personnages etc.</p>
<p>Et si je vous disais que depuis quelques années, cet art se développe de plus en plus chaque jour ? Si je vous apprenais qu'à l'heure actuelle, il existe des centaines de <strong>sagas mp3</strong> de tous types référencées sur le web ?</p>
<p>Mais du coup, par quoi commencer ? Des sagas à écouter en priorité ? Pas vraiment non, tout ce dont vous avez besoin, c'est de vous laisser guider et de télécharger les packs proposés en dessous. Ils contiennent les bases de votre <i>éducation</i> sagasphérique et pourront représenter pour vous les portes d'entrée à une nouvelle forme de vie : la <strong>saga mp3</strong></p>
<p>Vous avez déjà écouté les CDs et cherchez autre chose à écouter ? Consultez la liste des sagas mp3
<p class="inform">Tenez-vous au courant de l'actualité des CDs</p>
<p class="form">
<form action="index.php" method="post">
<input type="mail" placeholder="Votre adresse mail" name="mail" />
<input type="submit" name="submit" value="envoyer" />
</form>
</p>
</div>
<div id="cds">
<ul class="titles">
<li><a href="#joutes2011" class="active">CD Découverte #1</a></li>
<li><a href="#joutes2012">CD Découverte #2</a></li>
<li><a href="#geekopolis2013">CD Découverte #3</a></li>
</ul>
<div class="cd" id="joutes2011">
<div class="cd-left">
<img src="img/pochette1.jpg" alt="Pochette CD Découverte 1" />
</div>
<div class="cd-right">
<ul>
<li>01. Matrick - La Matruc (<a href="http://matruc.free.fr/matrick/">Mitch DSM</a>)<span>05:13</span></li>
<li>02. Cauchemar (<a href="http://www.naerween.com/">Merween</a>)<span>03:18</span></li>
<li>03. Synapse (<a href="http://www.flopod.fr/">Flo</a>)<span>01:28</span></li>
<li>04. Le Donjon de Naheulbeuk (<a href="http://www.penofchaos.com/warham/donjon.htm">Pen of Chaos</a>)<span>08:10</span></li>
<li>05. Le stéréotype du vieux (<a href="">LSN</a>)<span>04:14</span></li>
<li>06. Phone (<a href="http://www.freaks-show.com/fictions-audios/anciennes-creations/phone">Tostaky</a>)<span>05:19</span></li>
<li>07. Reflets d'Acide (<a href="http://synopsite.com/">JBX</a>)<span>05:45</span></li>
<li>08. Johnny Babrioli (<a href="http://wiki.netophonix.com/Jeu_de_mixage_-_Bandes-annonces">Aspic</a>)<span>02:57</span></li>
<li>09. Dernière Fantaisie (<a href="http://strawblog.free.fr/df/">Paxel</a>)<span>04:12</span></li>
<li>10. Les stéréotypes (<a href="http://forum.netophonix.com/viewpost99521.html">Johoward</a>)<span>03:02</span></li>
<li>11. Chez le psy (<a href="http://www.magoyond.com/chezlepsy">Magoyond</a>)<span>05:10</span></li>
<li>12. Chtar Wars (<a href="http://ledemondurire.free.fr/Creations/Sagas/CW/Chtarwars.php">Durendal</a>)<span>06:10</span></li>
<li>13. Access Saga (<a href="http://misterfox.fr/site/access-saga/">Misterfox</a>)<span>06:55</span></li>
<li>14. Halloween (<a href="">Dychollin</a>)<span>01:43</span></li>
<li>15. L'épervier (<a href="http://www.lepervier-saga.com/">Gecko S.A.M</a>)<span>01:21</span></li>
<li>16. La IIIème légion (<a href="http://www.iiiemelegion.net/site/">Bertrand & Guillaumme</a>)<span>05:31</span></li>
<li>17. Histoirette d'un homme (<a href="http://elaboile.free.fr/squill/?page_id=2">Squill</a>)<span>05:56</span></li>
<li>18. Les examens oraux (<a href="http://www.kradukman-production.com/">Kradukman</a>)<span>07:15</span></li>
<li>19. Le mp3 c'est cool (<a href="http://latnel.com/sagas.php?saga=1">Latnel</a>)<span>00:12</span></li>
</ul>
<p class="dl"><a href="cd/CDDecouverte01.zip">Télécharger ce pack !</a></p>
</div>
</div>
<div class="cd" id="joutes2012">
<div class="cd-left">
<img src="img/pochette2.jpg" alt="Pochette CD Découverte 2" />
</div>
<div class="cd-right">
<ul>
<li>01. Les aventuriers du Survivaure (<a href="http://knarfworld.net/">Knarf</a>)<span>03:55</span></li>
<li>02. Synapse (<a href="http://flopod.fr">Flo</a>)<span>01:31</span></li>
<li>03. Kingdom Paf (<a href="http://www.kingdompaf.com/">Isthun</a>)<span>05:04</span></li>
<li>04. Masque profane (<a href="http://octovosdraak.jimdo.com/cr%C3%A9ations-mp3/les-profanations/">Octovos Draak</a>)<span>07:12</span></li>
<li>05. Le Donjon de Naheulbeuk (<a href="http://www.penofchaos.com/warham/donjon.htm">Pen of Chaos</a>)<span>04:16</span></li>
<li>06. L'appartement (<a href="http://www.studiotjp.com/appartement/">François TJP</a>)<span>04:14</span></li>
<li>07. La IIIème légion (<a href="http://www.iiiemelegion.net/site/">Bertrand et Guillaume</a>)<span>05:30</span></li>
<li>08. Café et Lembas (<a href="http://www.cafelembas.com/">Dean et Reivax</a>)<span>01:01</span></li>
<li>09. Night club (<a href="http://www.kradukman-production.com/">Kradukman</a>)<span>09:28</span></li>
<li>10. Nightmare Rhapsody (<a href="http://naerween.com/merween/mp3.html">Merween</a>)<span>06:56</span></li>
<li>11. L'ombre des Loas (<a href="http://radiophonies.belisairhouse.net/?page_id=21">Bohort</a>)<span>06:20</span></li>
<li>12. Tanirm le batard assoiffé (<a href="http://diwancorp.fr/tlba/">Diwan</a>)<span>04:41</span></li>
<li>13. Poséïdome (<a href="http://www.audiodramax.com/poseidome">David Uystpruyst</a>)<span>02:19</span></li>
<li>14. Les affaires pas très normales (<a href="http://www.zocradio.info/spip.php?rubrique47">Welf et Lili</a>)<span>05:03</span></li>
<li>15. Dernière Fantaisie (<a href="http://strawblog.free.fr/df/">Paxel</a>)<span>08:33</span></li>
<li>16. Siberian Rescue 2 (<a href="http://duketotchi.fr/spip.php?page=article&id_article=47">Aslag</a>)<span>03:34</span></li>
</ul>
<p class="dl"><a href="cd/CDDecouverte02.zip">Télécharger ce pack !</a></p>
</div>
</div>
<div class="cd" id="geekopolis2013">
<div class="cd-left">
<img src="img/pochette3.jpg" alt="Pochette CD Découverte 3" />
</div>
<div class="cd-right">
<ul>
<li>01. Les aventuriers du Survivaure (<a href="http://knarfworld.net/">Knarf</a>)<span>03:48</span></li>
<li>02. L'épervier (<a href="http://www.lepervier-saga.com/">Team Epervier</a>)<span>03:52</span></li>
<li>03. Le mot du jour (<a href="http://drwolf.fr/sagas-mp3/le-mot-du-jour-2/">DrWolf</a>)<span>02:32</span></li>
<li>04. Chez le Psy (<a href="http://www.magoyond.com/chezlepsy">Magoyond</a>)<span>05:12</span></li>
<li>05. Kaïros (<a href="http://horine-prod.net/realisations/kairos">Horine</a>)<span>06:33</span></li>
<li>06. Reflets d'acide (<a href="http://synopsite.com/">JBX</a>)<span>05:49</span></li>
<li>07. Chtar Wars (<a href="http://ledemondurire.free.fr/Creations/Sagas/CW/Chtarwars.php">Durendal</a>)<span>06:12</span></li>
<li>08. Le donjon de Naheulbeuk (<a href="http://www.penofchaos.com/warham/donjon.htm">Pen of Chaos</a>)<span>04:18</span></li>
<li>09. Finesse Fantastique (<a href="http://www.finessefantastique.com/">Luciole</a>)<span>05:10</span></li>
<li>10. Le guide du voyageur galactique (<a href="http://www.voyageurgalactique.com/">Nicolas Botti</a>)<span>05:03</span></li>
<li>11. A ghost's Life (<a href="http://aghostslife.jimdo.com/">Max Demian</a>)<span>04:23</span></li>
<li>12. Adoprixtoxis (<a href="http://adoprixtoxis.com/">Nico & Matt</a>)<span>08:27</span></li>
<li>13. Les magiciens de Néosia (<a href="http://silvercherry.free.fr/Neosia/">SilverCherry</a>)<span>08:32</span></li>
<li>14. La légende de Xantah (<a href="http://www.xantah.com/">Nico & Matt</a>)<span>06:21</span></li>
<li>15. Siberian Rescue 2 (<a href="http://duketotchi.fr/spip.php?page=article&id_article=47">Aslag</a>)<span>03:35</span></li>
</ul>
<p class="dl"><a href="cd/CDDecouverte03.zip">Télécharger ce pack !</a></p>
</div>
</div>
</div>
<div id="foot">
<p>CD découverte hébergés par Netophonix. Projet à l'initiative de Bardyl. Pochettes dessinées par Noodle.<br />
Les oeuvres sont la propriété de leurs auteurs respectifs. - Netophonix, 2014</p>
</div>
<script>
$('.cd').fadeOut(0);
$('#joutes2011').fadeIn(0);
$('.titles li a').on('click', function(){
$('#cds ul.titles a').removeClass('active');
$(this).addClass('active');
var link = $(this).attr('href');
$('.cd').fadeOut(0);
$(link).fadeIn(0);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment