-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmodal_content.html
260 lines (256 loc) · 17.4 KB
/
modal_content.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!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><a href="https://www.paypal.com/donate?hosted_button_id=JYUZVFAGMGXD4" class="link" target="_blank" rel="noopener noreferrer">En m'offrant un thé/bière/autre</a> ;)
</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>