-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmodal_content.min.html
1 lines (1 loc) · 12.8 KB
/
modal_content.min.html
1
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bienvenue sur Apiscore</title> <meta name="description" content="Bienvenue sur Apiscore"> <meta name="author" content="Nicolas Matton (Apiscore)"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link rel="stylesheet" href="assets/css/styles.css"> <!--Bootstrap Scripts--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js"></script> <script src="https://riversun.github.io/jsframe/jsframe.js"></script></head><body><button id="bt_close" type="button" class="third btn"> OK, c'est parti ! </button> <nav id="sideNav" class="navbar navbar-expand-sm navbar-dark fixed-top bg-red bg-primary"><a href="#page-top" class="navbar-brand js-scroll-trigger"></a> <div id="navbarSupportedContent" class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item"><a href="#bienvenue" class="nav-link js-scroll-trigger">Bienvenue</a></li> <li class="nav-item"><a href="#utilisation" class="nav-link js-scroll-trigger">Utilisation</a></li> <li class="nav-item"><a href="#about" class="nav-link js-scroll-trigger">A propos</a></li> <li class="nav-item"><a href="#contact" class="nav-link js-scroll-trigger">Contact</a></li> <li class="nav-item"><a href="#contribute" class="nav-link js-scroll-trigger">Contribuer</a></li> </ul> </div> </nav> <div class="container-fluid p-0"> <section id="bienvenue" class="resume-section p-3 p-lg-5 d-flex align-items-center"> <div class="w-100"> <h1 data-type="header" id="ihdo2" class="mb-0">Apiscore </h1> <div class="subheading mb-5">Evaluez votre environnement apicole ! </div> <div class="row"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 py-3"> <p id="ic4saj">Pour un rucher existant, avant d'en installer un ou par simple curiosité, évaluez les paramètres principaux qui influence la qualité de l'environnement pour la filière apicole</p> </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 py-3"> <p id="ib0jcq">Avant d’installer un rucher, il est bon d'estimer la capacité de milieu dans laquelle on l'installe à absorber les nouvelles colonies. Une large partie des critères à évaluer sont observable localement (diversité des espèces aux alentours, présence d'autres ruchers, etc.). </p> <div>Apiscore se veut <b>complémentaire </b>à cette évaluation locale en fournissant une vue objective, à la portée de butinage d'une ruche.</div> <p></p> </div> </div> <div class="social-icons"> </div> <div class="container-fluid py-5"> <p id="iyouao">Vous trouverez ci-dessous plus de détails sur l'utilisation du site, et comment en faire bon usage pour évaluer la qualité de votre environnement apicole !</p> <section class="py-5"> <div class="row justify-content-center"> <div class="col-md-8 text-center"> <p class="lead text-secondary mb-1">Inscrivez vous pour rester informé de l'évolution du site, des mises à jour et bien d'autre contenus !</p> <!-- Formulaire d'inscription MailChimp --> <form action="https://locla.us7.list-manage.com/subscribe/post?u=dd6851bcf491dd2d710030c75&id=85588c3f44" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div class="input-group mb-2"> <input type="email" value="" name="EMAIL" class="form-control form-control-lg" id="mce-EMAIL" placeholder="[email protected]" required> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_dd6851bcf491dd2d710030c75_85588c3f44" tabindex="-1" value=""></div> <div class="input-group-append"><input type="submit" value="S'inscrire" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary btn-lg"></div> </div> </form> <!--Fin du formulaire d'inscription MailChimp--> </div> </div> </section> </div> </div> </section> <hr class="m-0" /> <section id="utilisation" class="resume-section p-3 p-lg-5 d-flex justify-content-center"> <div class="w-100"> <h2 data-type="header" class="mb-5">Utilisation </h2> <div class="container-fluid py-5"> L'utilisation de l'application est simple ! Naviguez sur la carte jusqu'à l'endroit que vous désirez analyser, cliquez et choisissez la couche. Le graphe de statistiques se met à jour ! Visualisez la longueur de haies dans la zone en cliquant sur l'icone en haut à droite de la zone de graphe. Visualisez l'utilisation d'Apiscore en 15 secondes Ci-dessous!</div> <div class="container-fluid py-5" style="display: flex; justify-content: center; align-items: center;"> <img src="assets/img/info.gif" style="max-width: 90%;" alt="Comment utiliser Apiscore ?"> </div> </div> </section> <hr class="m-0" /> <section id="about" class="resume-section p-3 p-lg-5 d-flex align-items-center"> <div class="w-100"> <h2 data-type="header" class="mb-5">A propos & comment faire bon usage des résultats ?</h2> <div class="container-fluid py-5"> <p id="i31zlh">Le projet Apiscore a démarré d'une volonté de connaitre le type d'environnement floral qui compose les allentour d'une ruche, et plus particulièrement la présence (ou non) de certaines cultures telle que le colza. La question a rapidement été étendue à la qualité de l'environnement de manière générale. <div>Créé par passion et désir de partager des informations disponnibles au public, Apiscore est né.</div> <div>Un article paru dans le numéro 194 (Juillet-Aout 2020) "Abeilles & Cie." (édité par le CARI asbl) a alors motivé l'idée de poursuivre le projet, initialement limité à un usage restreint. </div> <div>Afin de pouvoir faire le meilleur usage possible des résultats, Il est conseillé de consulter l'article cité précédemment</div> <div><br /></div> <div>Développé pendant les temps libres à coté d'un temps plein et d'autres activités, le site a mis un peu de temps à se développer. Mais je suis preneur de tout commentaire, question, remarque, suggestion d'amélioration (voir <a href="#contribute">ici</a>))</div> </p> </div> </div> </section> <section id="contact" class="resume-section p-3 p-lg-5 d-flex align-items-center"> <div class="w-100"> <h2 data-type="header" class="mb-5">Contact </h2> <div class="container py-5"> <p id="ioy259"> </p> <div id="iek3ie">Pour soumettre une idée, émettre une suggestion, ca se passe <a href="https://mijqd9hql4r.typeform.com/to/eniMgYMZ" class="link">ici</a> </div> <div id="i70q7h">Pour un bug/problème sur les données ou l'interface, merci de soumettre un ticket sur <a href="https://github.com/nmatton/apiscore/issues" target="_blank" class="link">github</a> </div>Pour toute autre question, remplissez le formulaire ci-dessous, je vous répondrez dès que possible. <p> </p> <div class="card"> <div class="card-header">Formulaire de contact </div> <div id="iayvw" class="card-body"> <form action="assets/php/form-to-email.php" name="contact" method="POST" id="contact_form"> <div class="form-group"><label for="exampleInputEmail" id="iddixg">Votre Email:</label><input type="email" id="email" name = "email" placeholder="[email protected]" class="form-control" /></div> <div class="form-group"><label for="exampleInputName">Votre nom:</label><input type="text" name="name" id='name' placeholder="Michel Dupont" class="form-control" /></div> <div class="form-group"><label for="exampleInputMessage">Votre message:</label><textarea name="message" id='message' rows="5" class="form-control"></textarea></div><button type="button" id ="submit" name='submit' value="submit" class="btn btn-primary send">Envoyer</button> </form> </div> </div> </div> </div> </section> <hr class="m-0" /> <section id="contribute" class="resume-section p-3 p-lg-5 d-flex align-items-center"> <div class="w-100"> <h2 data-type="header" class="mb-5">Contribuer </h2> <div class="container py-5"> <p id="in4x0l">Ce site web a été développée par passion et hobby, de nombreuses optimisations et améliorations sont possibles. Malheureusement, tout cela prends du temps, de l'énergie et des ressources. </p> <div id="idsu76"> Il est cependant possible de contribuer de plusieurs manières </div> <ul class="fa-ul"> <li id="i97i03"><i class="fa-li fa fa-check-square"> </i>M'envoyer vos idées ou suggestions pour améliorer le site <a href="https://mijqd9hql4r.typeform.com/to/eniMgYMZ" class="link">en quelques clics</a>. Les idées reçues et évolutions à venir <a href="https://trello.com/b/rGPIJJiQ/apiscore" class="link">sont répertoriées ici</a> </li> <li id="ib00yl"><i draggable="true" data-highlightable="1" id="iqvfv4" class="fa-li fa fa-check-square"> </i>Contribuer au développement en rapportant les bug ou soumettant un PR sur <a href="https://github.com/nmatton/apiscore">github</a> </li> <li id="itl7ta"><i draggable="true" data-highlightable="1" class="fa-li fa fa-check-square"> </i>En partageant le site autour de vous </li> <li id="ifve0h"><i draggable="true" data-highlightable="1" id="iorniu" class="fa-li fa fa-check-square"> </i>En m'offrant un thé/bière/autre ;) </li> </ul> </div> </div> </section> <hr class="m-0" /> <hr class="m-0" /> <section id="awards" class="p-3 p-lg-5 d-flex align-items-center"> <div class="w-100"> <h2 data-type="header" id="iq2ix" class="mb-5 h2">Apiscore : EvalueZ votre environnement apicole </h2> <div class="container-fluid"> <footer class="py-3"> <div class="container"> <div class="row d-flex justify-content-between flex-column flex-lg-row align-items-center"> <ul class="nav justify-content-center my-3 my-lg-0"> <li class="nav-item"><a href="#bienvenue" class="nav-link">Retour en haut</a></li> <li class="nav-item"><a href="#contact" class="nav-link">Contact</a></li> <li class="nav-item"><a href="https://mijqd9hql4r.typeform.com/to/eniMgYMZ" class="nav-link">Soumettre une idée</a></li> <li class="nav-item"></li> </ul><a href="https://github.com/nmatton/apiscore" target="_blank" class="btn btn-secondary"><i class="fab fa-github"> </i></a> <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> </div> <div class="w-100 border-top my-3"> </div> </div> <div class="d-flex flex-column flex-sm-row align-items-center justify-content-sm-between"> <p class="mb-0 small text-muted">© 2021 Apiscore. License GPL v3</p><a href="https://www.gnu.org/licenses/gpl-3.0.html" target="_blank" id="ii7n4s">Terms and conditions</a> </div> </div> </footer> </div> <div class="container-fluid"></div> </div> </section> </div> <script> (function($) { const jsFrame = new JSFrame(); function showToast() { jsFrame.showToast({ align: 'bottom', html: 'Demande envoyée ! Nous y répondrons prochainement',duration: 5000, }); } $("#submit").click(function(e){ console.log($("#email").val()) jQuery.post("assets/php/form-to-email.php", { email:$("#email").val(), name:$("#name").val(), message:$("#message").val(), submit:'submit' }, function(data, textStatus){ if( data == 1) { alert("Une erreur s'est produite, merci de contacter l'administrateur ([email protected]). Désolé !"); e.preventDefault(); } else { showToast(); e.preventDefault(); } }); }); "use strict"; $('body').addClass('page-top'); $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; } } }); $('.js-scroll-trigger').click(function() { $('.navbar-collapse').collapse('hide'); }); $('body').scrollspy({ target: '#sideNav' }); })(jQuery); </script></body></html>