Skip to content
Snippets Groups Projects
Commit 3f19a6aa authored by siick's avatar siick
Browse files

Modification du site en php pour faciliter gestion des éléments récurrents

parent 96fd57b0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 882 additions and 28 deletions
CGU.html
+ 1
− 1
View file @ 3f19a6aa
......@@ -107,7 +107,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
CGU.php 0 → 100644
+ 117
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | CGU</title>
<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" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Adhésion -->
<section class="wrapper style1">
<div class="inner">
<a href="index.html"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></a>
<h1>Conditions générales d'utilisation du site Onirik</h1>
<hr>
<p>
En utilisant ce site, toute personne physique ou structure s’oblige au respect des présentes CGU qu’elle est réputée avoir lues et acceptées. Onirik se réserve le droit de faire évoluer parfois les CGU.
</p>
<h3>Conditions</h3>
<p>
<ul>
<li>L’utilisation de ce site se fait à vos propres risques. Le site est fourni tel quel.</li>
<li>Vous ne devez pas modifier un autre site afin de signifier faussement qu’il est associé avec Onirik.</li>
<li>Onirik ne peut pas et ne sera pas responsable de toutes pertes ou dommages résultant de votre non-respect de cette obligation de sécurité.</li>
<li>Vous êtes responsable de tout contenu affiché et de l’activité que vous produisez.</li>
<li>Vous êtes responsable de tout contenu que vous téléversez sur le serveur et vous ne devez en aucun cas téléverser du contenu susceptible de transgresser les lois françaises.</li>
<li>Vous ne pouvez pas utiliser le site Onirik à des fins illégales ou non autorisées.</li>
<li>Vous ne devez pas transgresser les lois de votre pays.</li>
</ul>
</p>
<p>
<ul>
<li>Vous comprenez et acceptez que Onirik ne puisse être tenue responsable pour les contenus publiés par d'autres sur ses services.</li>
<li>Vous comprenez et acceptez que si vous ne respectez pas les conditions de cette page, vos données peuvent être effacées sans préavis.</li>
<li>Vous comprenez que la mise en ligne de ce site ainsi que de son contenu implique une transmission (en clair ou chiffrée, suivant les services) sur divers réseaux.</li>
<li>Vous ne devez pas transmettre des vers, des virus ou tout autre code de nature malveillante.</li>
</ul>
<ul>
Onirik ne garantit pas que :
<li>Son site répondra à vos besoins spécifiques</li>
<li>Son site sera exempts de bugs</li>
<li>Les erreurs sur le site seront corrigées.</li>
</ul>
<ul>
Onirik effectue des sauvegardes journalières de son sites et de sa base de données. Celles-ci sont archivées sur un serveur en france fourni par Scaleway. Chaque sauvegarde est gardée 2 jours. Chaque semaine une sauvegarde est faite sur un disque dur externe personnel.<br>
Bien que Onirik a une politique de sauvegarde, il ne faut pas oublier que son site est fourni TEL QUEL. Les données sont susceptible d'être supprimées à n'importe quel moment. Prévoyez des sauvegardes de votre côté.<br>
<br>
Vous comprenez et acceptez que Onirik ne puisse être tenu responsable de tous dommages directs, indirects, ou fortuits, comprenant les dommages pour perte de profits, de clientèle, d’accès, de données ou d’autres pertes intangibles (même si Onirik est informé de la possibilité de tels dommages) et qui résulteraient de :
<li>l’utilisation ou de l’impossibilité d’utiliser le site</li>
<li>l’accès non autorisé ou altéré de la transmission des données</li>
<li>les déclarations ou les agissements d’un tiers sur le site</li>
<br>
L’échec de Onirik à exercer ou à appliquer tout droit ou disposition des Conditions Générale d’Utilisation ne constitue pas une renonciation à ce droit ou à cette disposition. Les Conditions d’Utilisation constituent l’intégralité de l’accord entre vous et Onirik et régissent votre utilisation du service, remplaçant tous les accords antérieurs entre vous et Onirik (y compris les versions précédentes des Conditions Générales d’Utilisation).<br>
Les questions sur les conditions de service doivent être envoyées à l’adresse siick@onirik.io
</ul>
<ul>
<li>Onirik se réserve le droit, à tout moment de modifier ou d’interrompre, temporairement ou définitivement, le site avec ou sans préavis.</li>
<li>Onirik ne sera pas responsable envers vous ou tout tiers pour toute modification, suspension ou interruption du site.</li>
</ul>
</p>
<h3>Données personnelles</h3>
<p>
Conformément à l’article 34 de la loi « Informatique et Libertés », Onirik garantit à l’utilisateur un droit d’opposition, d’accès et de rectification sur les données nominatives le concernant. L’utilisateur a la possibilité d’exercer ce droit en contactant Onirik par mail à l'adresse siick@onirik.io.<br>
Le site ne récupèrent aucunes données nominatives à l'exception de l'adresse IP (dans les logs d'accès du serveur web) et le mail que l'utilisateur peut donner pour la newsletter.<br>
Tout comme d’autres sites en ligne, Onirik enregistre automatiquement certaines informations non nominatives concernant votre utilisation du site. Type de navigateur, date et heure de l’accès, URL de référence.<br>
Toutes ces données ne sont ni vendues, ni transmises à des tiers et peuvent être consultées uniquement en cas de problème majeur (consultation des logs en cas de problème du service, demande de la justice).
</p>
<p>Le service de newsletter est fourni par un prestataire externe nommé Sendinblue. <a href="https://fr.sendinblue.com/legal/privacypolicy/" target="_blank">La politique de confidentialité et protection des données à caractère personnel de Sendinblue est accessible en cliquant sur ce lien.</a></p>
<h1>Mentions léagles</h1>
<p>
Ce site est maintenu par L.Scarciello (a.k.a. Siick)
</p>
<h3>Informations légales</h3>
<p>
Ce site est la propriété d’une assocaition loi 1901 : Onirik<br>
L’éditeur de ce site est L.Scarciello.<br>
Ce site est hébergé par <a href="https://www.o2switch.fr/" target="_blank">o2switch</a> à Clermont-Ferrand, en France.<br>
Vous pouvez me contacter ici : siick@onirik.io.
</p>
<h3>Licence</h3>
<p>
Le nom 'Onirik' et le logo <img src="images/onirik_logo.png" height="20px" width="20px"> sont la propriété de l'association Onirik<br>
L’ensemble du contenu sous forme textuel de ce site est sous la licence <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>.<br>
Ce site est publié avec un design provenant de <a href="https://html5up.net" target="_blank">HTML5 UP</a> et adapté par <a href="https://laurentscarciello.fr" target="_blank">Siick</a>.<br>
Ce site est sur <a href="https://forge.tedomum.net/siick/onirik" target="_blank">le Gitlab</a> d'un <a href="https://chatons.org/" target="_blank">CHATON</a>, merci à <a href="https://tedomum.net/" target="_blank">TeDomum</a> pour l'accès à ce service.
</p>
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
agenda.html 0 → 100644
+ 109
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Qui sommes nous?</title>
<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" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Gallery -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Trombirik</h2>
<p id="first">Onirik c'est d'abord un groupe d'amis qui a une passion commune pour la musique électronique qui sort des sentiers battus et comme chacun a ses affinités musicales, cela permet à Onirik d'être un joli melting-pot musical toujours suprenant!</p>
<div class="items style1 medium onscroll-fade-in">
<section>
<span class="image"><img src="images/benass.jpg" height="100px" width="100px"></span>
<h3>Benass</h3>
<p>Fouilleur d'antiquité sur fond d'IDM le jour et diggeur de son à 175 BPM la nuit, C'est notre docteur Jekyll and Mister Hyde du groupe.</p>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/julien-michel-duret" target="_blank"><img class="jumplink" src="images/julem.jpg" height="100px" width="100px"></a>
</span>
<h3>Jüle:m</h3>
<p>Le cas typique d'élève qui dépasse le maître. Initié par les plus "vieux" d'Onirik, il est maintenant le dénicheur de nouvelles pépites le plus actif du groupe.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/julien-michel-duret" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/aestus7" target="_blank"><img class="jumplink" src="images/fourat.jpg" height="100px" width="100px"></a>
</span>
<h3>Fourat</h3>
<p>Sous ses airs de petit espiègle au coeur tendre se cache en fait un amoureux des beats obscurs et torturés.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/aestus7" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/siick" target="_blank"><img class="jumplink" src="images/siick.jpg" height="100px" width="100px"></a>
</span>
<h3>Siick</h3>
<p>Fruit de l'union d'une carte mère et d'un père processeur, il se berce dans la composition à l'aide des diverses sonorités de la musique électronique mais il a une préférence marquée pour la DnB et l'IDM alambiquée et/ou mélodique.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/siick" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image"><img src="images/julien.jpg" height="100px" width="100px"></span>
<h3>Julien</h3>
<p>Ce joli minois cache bien son jeu. C'est par pallette entière qu'il dévore aussi bien de la Techno sauvage que de l'IDM raffinée et ce depuis des années malgré l'avis de son médecin traitant.</p>
</section>
<section>
<span class="image"><img src="images/max.jpg" height="100px" width="100px"></span>
<h3>Max</h3>
<p>Sa fière moustache flotte du côté de Berlin et il s'abreuve continuellement de Techno minimale et mélodique mais aussi de House et de mousse.</p>
</section>
</div>
<div class="inner">
<ul class="icons">
<li><a href="#toppage"></span class="label"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></span></a></li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="mailto:contact@onirik.io" class="icon style2 fa-envelope" target="_blank"><span class="label">Email</span></a></li>
<li><a href="CGU.html" class="icon style2 fa-question-circle"><span class="label">CGU</span></a></li>
</ul>
<p>&copy; Onirik. Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a> & <a href="https://laurentscarciello.fr" target="_blank">Siick</p>
</div>
</footer>
</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>
\ No newline at end of file
agenda.php 0 → 100644
+ 95
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Qui sommes nous?</title>
<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" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Gallery -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Trombirik</h2>
<p id="first">Onirik c'est d'abord un groupe d'amis qui a une passion commune pour la musique électronique qui sort des sentiers battus et comme chacun a ses affinités musicales, cela permet à Onirik d'être un joli melting-pot musical toujours suprenant!</p>
<div class="items style1 medium onscroll-fade-in">
<section>
<span class="image"><img src="images/benass.jpg" height="100px" width="100px"></span>
<h3>Benass</h3>
<p>Fouilleur d'antiquité sur fond d'IDM le jour et diggeur de son à 175 BPM la nuit, C'est notre docteur Jekyll and Mister Hyde du groupe.</p>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/julien-michel-duret" target="_blank"><img class="jumplink" src="images/julem.jpg" height="100px" width="100px"></a>
</span>
<h3>Jüle:m</h3>
<p>Le cas typique d'élève qui dépasse le maître. Initié par les plus "vieux" d'Onirik, il est maintenant le dénicheur de nouvelles pépites le plus actif du groupe.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/julien-michel-duret" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/aestus7" target="_blank"><img class="jumplink" src="images/fourat.jpg" height="100px" width="100px"></a>
</span>
<h3>Fourat</h3>
<p>Sous ses airs de petit espiègle au coeur tendre se cache en fait un amoureux des beats obscurs et torturés.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/aestus7" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/siick" target="_blank"><img class="jumplink" src="images/siick.jpg" height="100px" width="100px"></a>
</span>
<h3>Siick</h3>
<p>Fruit de l'union d'une carte mère et d'un père processeur, il se berce dans la composition à l'aide des diverses sonorités de la musique électronique mais il a une préférence marquée pour la DnB et l'IDM alambiquée et/ou mélodique.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/siick" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image"><img src="images/julien.jpg" height="100px" width="100px"></span>
<h3>Julien</h3>
<p>Ce joli minois cache bien son jeu. C'est par pallette entière qu'il dévore aussi bien de la Techno sauvage que de l'IDM raffinée et ce depuis des années malgré l'avis de son médecin traitant.</p>
</section>
<section>
<span class="image"><img src="images/max.jpg" height="100px" width="100px"></span>
<h3>Max</h3>
<p>Sa fière moustache flotte du côté de Berlin et il s'abreuve continuellement de Techno minimale et mélodique mais aussi de House et de mousse.</p>
</section>
</div>
<div class="inner">
<ul class="icons">
<li><a href="#toppage"></span class="label"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></span></a></li>
</ul>
</div>
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
footer.php 0 → 100644
+ 15
− 0
View file @ 3f19a6aa
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="mailto:contact@onirik.io" class="icon style2 fa-envelope" target="_blank"><span class="label">Email</span></a></li>
<li><a href="CGU.html" class="icon style2 fa-question-circle"><span class="label">CGU</span></a></li>
</ul>
<p>&copy; Onirik. Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a> & <a href="https://laurentscarciello.fr" target="_blank">Siick</a></p>
</div>
</footer>
\ No newline at end of file
form-valid-confirm.html
+ 1
− 1
View file @ 3f19a6aa
......@@ -44,7 +44,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
form-valid-confirm.php 0 → 100644
+ 56
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Confirmation inscription newsletter</title>
<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" />
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script type="text/javascript">
function redirection() {
window.location.replace("https://onirik.io");
}
setTimeout("redirection()", 10000);
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<h1>Tu y es presque!</h1>
<p class="major">Ton inscription à la newsletter est bien prise en compte. Nous t'avons envoyé <b>un email de confirmation.</b> Il devrait être dans ta boîte d'ici quelques minutes. <b>N'oublie pas de vérifier tes spams si tu ne le vois pas ;)</b></p>
<p><i>Redirection automatique vers l'accueil après 10 secondes</i><p>
<ul class="actions stacked">
<li><a href="index.html" class="button big wide smooth-scroll-middle">Retour à l'accueil</a></li>
</ul>
</div>
<div class="image">
<img src="images/banner.jpg" alt="" />
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
index.html → index.php
+ 9
− 20
View file @ 3f19a6aa
......@@ -98,9 +98,9 @@
<div class="content">
<h2>Agenda</h2>
<p>Ici tu trouveras bientôt le calendrier de nos futurs evénements.</p>
<ul class="actions stacked">
<li><a href="" class="button">What's next?</a></li>
</ul>
<!-- <ul class="actions stacked">
<li><a href="agenda.html" class="button">What's next?</a></li>
</ul> -->
</div>
<div class="image">
<a href="#"><img src="images/agenda.jpg" alt="" /></a>
......@@ -127,9 +127,10 @@
<h2>Onirik in musik</h2>
<p>Laisse tes oreilles arpenter l'univers musical proposé par Onirik.
<ul>
<li>
<!-- <li>
En écoutant notre radio 24/7 (<a href="http://radio.onirik.io:8000/listen.m3u">Lien m3u |<a href="http://radio.onirik.io:8000/listen.xspf">Lien xspf</a>)<br>
</li>
</li> -->
<li>En parcourant notre playlist Spotify <a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li>
En écoutant nos mixes sur Soundcloud <br>
<iframe width="100%" height="100" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/762764698&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><br>
......@@ -228,21 +229,9 @@
</ul>
</div>
</section>
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="mailto:contact@onirik.io" class="icon style2 fa-envelope" target="_blank"><span class="label">Email</span></a></li>
<li><a href="CGU.html" class="icon style2 fa-question-circle"><span class="label">CGU</span></a></li>
</ul>
<p>&copy; Onirik. Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a> & <a href="https://laurentscarciello.fr" target="_blank">Siick</a></p>
</div>
</footer>
<?php include('footer.php'); ?>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
......
info.html
+ 1
− 1
View file @ 3f19a6aa
......@@ -119,7 +119,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
info.php 0 → 100644
+ 130
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Qui sommes nous?</title>
<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" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section id="toppage" class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<a href="index.html"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></a>
<h1>Onirik</h1>
<p class="major">Bienvenue chez toi et prend place pour découvrir notre monde... Onirik bien sûr!</p>
<ul class="actions stacked">
<li><a href="#second" class="button big wide smooth-scroll-middle">Mais sinon vous faites quoi?</a></li>
<li><a href="#first" class="button big wide smooth-scroll-middle">Et Onirik c'est qui?</a></li>
</ul>
</div>
<div class="image">
<img src="images/banner.jpg" alt="" />
</div>
</section>
<!-- Texte informatif -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2 id="second">Mais sinon vous faites quoi?</h2>
<p>Onirik est parti d'un constat simple entre amis. Nous n'avons pas assez l'occasion d'écouter et de faire des évenements sur Lyon dans les courants musicaux qui nous tiennent chacun à coeur. Et finalement, à force de se plaindre, nous nous sommes dit qu'il était temps de créer le changement que nous souhaitions voir dans le paysage musical.</p>
<h3>Onirik et la musik</h3>
<p>En voilà une histoire d'amour qui durera toujours! Chez Onirik, on vit la musique électronique, c'est viscéral, c'est un pilier pour nous tous. Mais là où Onirik se démarque des autres, c'est que dans les différents styles que chacun affectionne, nous recherchons toujours les artistes, les musiques qui proposent à l'auditeur une vision et une expérience plus conceptuelles, plus expérimentales, plus singulières. Pour Onirik la musique est synonyme de créativité, d'aventures sonores et visuelles. Elle est indépendante et a une vision révolutionnaire et constante de l'avenir. A vous mainteant de vivre ces nouveaux espaces sonores sur notre Soundcloud, dans notre playlist Spotify ou lors de nos futurs évenèments.</p>
<h3>A l'action!</h3>
<p>Les envolées lyriques c'est bien beau, mais comment tout cela se concrétise-t-il? Nous avons décidé d'être sur 3 axes :
<ul align="left">
<li align="left">L'organisation de soirées, de concerts pour faire bouger vos petites jambes avides de dance</li>
<li align="left">L'organistion de conférence avec les acteurs du milieu pour faire bouger vos petits neurones avides de savoir</li>
<li align="left">L'organistaion de formation de MAO pour qu'ensuite vous puissiez à votre tour faire bouger les jambes et les neurones des autres. \o/</li>
</ul>
</p>
<img src="images/meme_murphy.jpg" height="50%" width="50%">
</div>
</section>
<!-- Gallery -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Trombirik</h2>
<p id="first">Onirik c'est d'abord un groupe d'amis qui a une passion commune pour la musique électronique qui sort des sentiers battus et comme chacun a ses affinités musicales, cela permet à Onirik d'être un joli melting-pot musical toujours suprenant!</p>
<div class="items style1 medium onscroll-fade-in">
<section>
<span class="image"><img src="images/benass.jpg" height="100px" width="100px"></span>
<h3>Benass</h3>
<p>Fouilleur d'antiquité sur fond d'IDM le jour et diggeur de son à 175 BPM la nuit, C'est notre docteur Jekyll and Mister Hyde du groupe.</p>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/julien-michel-duret" target="_blank"><img class="jumplink" src="images/julem.jpg" height="100px" width="100px"></a>
</span>
<h3>Jüle:m</h3>
<p>Le cas typique d'élève qui dépasse le maître. Initié par les plus "vieux" d'Onirik, il est maintenant le dénicheur de nouvelles pépites le plus actif du groupe.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/julien-michel-duret" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/aestus7" target="_blank"><img class="jumplink" src="images/fourat.jpg" height="100px" width="100px"></a>
</span>
<h3>Fourat</h3>
<p>Sous ses airs de petit espiègle au coeur tendre se cache en fait un amoureux des beats obscurs et torturés.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/aestus7" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image">
<a href="https://soundcloud.com/siick" target="_blank"><img class="jumplink" src="images/siick.jpg" height="100px" width="100px"></a>
</span>
<h3>Siick</h3>
<p>Fruit de l'union d'une carte mère et d'un père processeur, il se berce dans la composition à l'aide des diverses sonorités de la musique électronique mais il a une préférence marquée pour la DnB et l'IDM alambiquée et/ou mélodique.</p>
<ul class="icons">
<li><a href="https://soundcloud.com/siick" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
</ul>
</section>
<section>
<span class="image"><img src="images/julien.jpg" height="100px" width="100px"></span>
<h3>Julien</h3>
<p>Ce joli minois cache bien son jeu. C'est par pallette entière qu'il dévore aussi bien de la Techno sauvage que de l'IDM raffinée et ce depuis des années malgré l'avis de son médecin traitant.</p>
</section>
<section>
<span class="image"><img src="images/max.jpg" height="100px" width="100px"></span>
<h3>Max</h3>
<p>Sa fière moustache flotte du côté de Berlin et il s'abreuve continuellement de Techno minimale et mélodique mais aussi de House et de mousse.</p>
</section>
</div>
<div class="inner">
<ul class="icons">
<li><a href="#toppage"></span class="label"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></span></a></li>
</ul>
</div>
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
inscription-newsletter.html
+ 1
− 1
View file @ 3f19a6aa
......@@ -150,7 +150,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
inscription-newsletter.php 0 → 100644
+ 186
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Newsletter</title>
<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" />
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- START - We recommend to place the below code in head tag of your website html -->
<style>
@font-face {
font-display: block;
font-family: Roboto;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 600;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 700;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}
#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: "Source Sans Pro", sans-serif;
color: #c0ccda;
border-width: px;
}
#sib-container input::placeholder {
text-align: left;
font-family: "Source Sans Pro", sans-serif;
color: #c0ccda;
border-width: px;
}
</style>
<link rel="stylesheet" href="https://assets.sendinblue.com/component/form/2ef8d8058c0694a305b0.css">
<link rel="stylesheet" href="https://assets.sendinblue.com/component/clickable/b056d6397f4ba3108595.css">
<link rel="stylesheet" href="https://assets.sendinblue.com/component/progress-indicator/f86d65a4a9331c5e2851.css">
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END - We recommend to place the above code in head tag of your website html -->
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- Seven -->
<section class="wrapper style1 align-center">
<div class="inner medium">
<h2>Newsletter</h2>
<p><a href="index.html"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></a></p>
<p>Si tu souhaites être informé de tous ce que fait l'association, donne nous ton mail ci-dessous. Promis, on en fera bon usage</p>
<!-- Begin Sendinblue Form -->
<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form" style="text-align: center;">
<div id="sib-form-container" class="sib-form-container">
<div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Source Sans Pro&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-width:px; border-color:#ff4949;max-width:540px; border-width:px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Nous n&#039;avons pas pu confirmer ton inscription.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Source Sans Pro&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-width:px; border-color:#13ce66;max-width:540px; border-width:px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Ton inscription est confirmée.
</span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--vertical">
<form id="sib-form" method="POST" action="https://7df546da.sibforms.com/serve/MUIEAFqhyXRHoCfkC8zn61cUjX1uzvQIdwZytgzykFRXu5Fhox1MIDI5X9A_GgJl6wfrOnPmmiZeYjvR-lWfSSdNSbwPI6WZ18jJy_NLplOHK8OXoDX7_3sCLRmG61hIJEh81Zumma2A7WdL3LIHTwc-nS_KAyWfsROU5AaHnCagVtZ9JndGBIZkKzA3zYWRryUPXVnpAidDIScT"
data-type="subscription">
<div style="padding: 16px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<div class="entry__field">
<input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Source Sans Pro&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-width:px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 16px 0;">
<div class="sib-form-block" style="text-align: center">
<button class="button" form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
/>
</svg>
S&#039;INSCRIRE
</button>
</div>
</div>
<div style="padding: 16px 0;">
<div class="sib-form-block" style="font-size:14px; text-align:center; font-family:&quot;Source Sans Pro&quot;, sans-serif; color:#333; background-color:transparent; border-width:px;">
<div class="sib-text-form-block">
<p>
<a href="#" target="_blank">Conditions générales et politique de confidentialité</a>
</p>
</div>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="fr">
</form>
</div>
</div>
</div>
<!-- END - We recommend to place the below code where you want the form in your website html -->
<a href="index.html">Retour à l'accueil du site</a>
</div>
</section>
<?php include('footer.php'); ?>
</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>
<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script>
window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que tu as fournies ne sont pas valides. Vérifie le format du champ et eassaye à nouveau.";
window.REQUIRED_ERROR_MESSAGE = "Tu dois renseigner ce champ. ";
window.GENERIC_INVALID_MESSAGE = "Les informations que tu as fournies ne sont pas valides. Vérifie le format du champ et essaie à nouveau.";
window.translation = {
common: {
selectedList: '{quantity} liste sélectionnée',
selectedLists: '{quantity} listes sélectionnées'
}
};
var AUTOHIDE = Boolean(0);
</script>
<script src="https://sibforms.com/forms/end-form/build/main.js"></script>
<script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
<!-- END - We recommend to place the above code in footer or bottom of your website html -->
</body>
</html>
\ No newline at end of file
nous-rejoindre.html
+ 5
− 3
View file @ 3f19a6aa
......@@ -58,9 +58,10 @@
<div class="inner">
<h2>Nous aider par le bénévolat</h2>
<p id="second">Onirik a toujours besoin de bras costauds et de têtes bien remplies pour mener à bien sa mission. Un seul formulaire à remplir et nous pourrons te compter parmi les bienfaiteurs d'Onirik.</p>
<ul class="actions stacked">
<!-- <ul class="actions stacked">
<li><a href="" class="button big wide smooth-scroll-middle">Formulaire bénévolat</a></li>
</ul>
</ul> -->
<p><i>Le formulaire sera bientôt disponible.</i></p>
</div>
</section>
......@@ -68,6 +69,7 @@
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Nous aider par le don</h2>
<p><i>Les donations arrivent bientôt.</i></p>
<p id="third">Chez Onirik ne dit jamais non quand l'amour (et aussi l'argent ^^) viennent jusqu'à nous. Quelque soit ton don, il sera toujours très utile et nous te remercions d'avance! Et n'oublie pas que si tu es très riche, c'est déductible de tes impôts donc ne nous oublie pas dans ton optimisation fiscale!</p>
<ul class="actions stacked">
<li><a href="" class="button big wide smooth-scroll-middle">Don par Paypal</a></li>
......@@ -87,7 +89,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
nous-rejoindre.php 0 → 100644
+ 99
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Rejoins nous!</title>
<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" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section id="toppage" class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<a href="index.html"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></a>
<h1>I am Onirik</h1>
<p class="major">Tu souhaites nous aider? On te laisse choisir de quelle manière !</p>
<ul class="actions stacked">
<li><a href="#first" class="button big wide smooth-scroll-middle">Je veux être adhérent!</a></li>
<li><a href="#second" class="button big wide smooth-scroll-middle">Je veux être bénévole!</a></li>
<li><a href="#third" class="button big wide smooth-scroll-middle">Je veux faire un don!</a></li>
<li><a href="" class="button big wide smooth-scroll-middle">Non, je veux juste cliquer...</a></li>
</ul>
</div>
<div class="image">
<img src="images/banner.jpg" alt="" />
</div>
</section>
<!-- Adhésion -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2 id="first">Adhérer à Onirik</h2>
<p><i>Les modalités d'inscription arrivent bientôt.</i></p>
<p>
Adhère à Onirik pour soutenir l'association mais sache qu'Onirik te le rendra bien!<br>
Tu profiteras des avantages réservés aux adhérents et tu seras à ton tour un représentant d'Onirik.<br>
Tu seras le premier prévenu et profiteras de tarifs préférentiels sur tous nos évenements.<br>
Tu profiteras également de promotion sur le merchandising<br>
Considère en gros que tu feras un petit pas pour l'homme et un grand pas pour Onirik<br>
Et à chaque évenement, nous tirerons au sort parmi nos adhérents pour faire gagner une belle surprise!
</p>
</div>
</section>
<!-- Don -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Nous aider par le bénévolat</h2>
<p id="second">Onirik a toujours besoin de bras costauds et de têtes bien remplies pour mener à bien sa mission. Un seul formulaire à remplir et nous pourrons te compter parmi les bienfaiteurs d'Onirik.</p>
<!-- <ul class="actions stacked">
<li><a href="" class="button big wide smooth-scroll-middle">Formulaire bénévolat</a></li>
</ul> -->
<p><i>Le formulaire sera bientôt disponible.</i></p>
</div>
</section>
<!-- Don -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Nous aider par le don</h2>
<p><i>Les donations arrivent bientôt.</i></p>
<p id="third">Chez Onirik ne dit jamais non quand l'amour (et aussi l'argent ^^) viennent jusqu'à nous. Quelque soit ton don, il sera toujours très utile et nous te remercions d'avance! Et n'oublie pas que si tu es très riche, c'est déductible de tes impôts donc ne nous oublie pas dans ton optimisation fiscale!</p>
<ul class="actions stacked">
<li><a href="" class="button big wide smooth-scroll-middle">Don par Paypal</a></li>
<li><a href="" class="button big wide smooth-scroll-middle">Don par Hello Asso</a></li>
</ul>
<p>Tu peux également envoyer un chèque ou nous faire un virement, pour cela contacte nous par mail à l'adresse <a href="mailto:contact@onirik.io">contact@onirik.io</a>.</p>
</div>
<div class="inner">
<ul class="icons">
<li><a href="#toppage"></span class="label"><img class="w3-spin" src="images/onirik_logo.png" height="50px" width="50px"></span></a></li>
</ul>
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
valid-email-link-confirm.html
+ 1
− 1
View file @ 3f19a6aa
......@@ -44,7 +44,7 @@
<div class="inner">
<ul class="icons">
<li><a href="https://soundcloud.com/onirik-fr" class="icon brands style2 fa-soundcloud" target="_blank"><span class="label">Soundcloud</span></a></li>
<li><a href="https://open.spotify.com/playlist/4MBmXsR9wwofDekdi1zFSh" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://open.spotify.com/playlist/4yLoNnVDAwlxANxk1DOsIf" class="icon brands style2 fa-spotify" target="_blank"><span class="label">Spotify</span></a></li>
<li><a href="https://twitter.com/onirik_lyon" class="icon brands style2 fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/onirikfr/" class="icon brands style2 fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/onirik.fr/" class="icon brands style2 fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
......
valid-email-link-confirm.php 0 → 100644
+ 56
− 0
View file @ 3f19a6aa
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ONIRIK | Confirmation lien mail inscription newsletter</title>
<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" />
<link rel="shortcut icon" type="image/png" href="images/onirik_logo.png"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script type="text/javascript">
function redirection() {
window.location.replace("https://onirik.io");
}
setTimeout("redirection()", 10000);
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<h1>Welcome @ Onirik</h1>
<p class="major">Ton email est vérifié! Bienvenue parmi nous \o/</p>
<p><i>Redirection automatique vers l'accueil après 10 secondes</i><p>
<ul class="actions stacked">
<li><a href="index.html" class="button big wide smooth-scroll-middle">Retour à l'accueil</a></li>
</ul>
</div>
<div class="image">
<img src="images/banner.jpg" alt="" />
</div>
</section>
<?php include('footer.php'); ?>
</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>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment