forked from bestbug456/tinnitushunt
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
308 lines (271 loc) · 18.8 KB
/
index.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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<meta property="og:title" content="La mappa degli acufeni, registrati e fai vedere quanti siamo!" />
<meta property="og:url" content="http://tinnitushunt.com" />
<meta property="og:description" content="Quando c’è silenzio senti dei rumori all’interno delle tue orecchie? Soffri di #acufeni?" />
<meta property="og:site_name" content="TinnitusHunt" />
<meta property="og:image" content="img/tinnitushunt.png">
<title>Tinnitus Hunt - La mappa di chi soffre di acufeni per la ricerca!</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--Some usefull link (style js etc) -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&key=AIzaSyDht1kCAjGYsnSJw3-J_G4MjSLlCw188rg&libraries=places"></script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://requirejs.org/docs/release/2.1.11/minified/require.js"></script>
<link href="css/main.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300' rel='stylesheet' type='text/css'>
<script src="js/geocoder.js"></script>
<script defer src="js/socialLogin.js"></script>
<script src="js/facebookSdk.js"></script>
<script src="js/facebookLogin.js"></script>
<script src="js/pageEditor.js"></script>
<script src="js/formData.js"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js" type="text/javascript"></script>
<!-- Mailchimp -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<!-- ShareThis Code for tinnitushunt.com -->
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
<script type="text/javascript" src="js/shareThis.js"></script>
<!-- Hotjar Tracking Code for tinnitushunt.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:73953,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- GoogleAnlytics Tracking Code for tinnitushunt.com -->
<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-67447953-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Bugfix login chrome on iOs -->
<script type="text/javascript">
function login() {
if( navigator.userAgent.match('CriOS') ){
window.open('https://www.facebook.com/dialog/oauth?client_id='+1841808729377706+'&redirect_uri='+ document.location.href +'&scope=email,public_profile', '', null);
document.getElementById('openModal').innerHTML = "Profilo";
$('#closeLogin').click();
}
else
FB.login(function(response) {
if (response.status === 'connected') {
document.getElementById('forms-top').style.display = "inline";
document.getElementById('openModal').innerHTML = "Profilo";
document.getElementById('soff').style.display = "none";
document.getElementById('sin').style.display = "inline";
$('#closeLogin').click();
$('#userProfile').modal();
getDataForm(response.id);
};
}, {scope: 'email,public_profile'});
}
</script>
<!-- typeform layer -->
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}id=id+'_';if(!gi.call(d,id)){qs=ce.call(d,'link');qs.rel='stylesheet';qs.id=id;qs.href=b+'share-button.css';s=gt.call(d,'head')[0];s.appendChild(qs,s)}})()</script>
</head>
<body>
<div id='panel' class="row text-center">
<div id="soff"><p class="textMenu"><img src="img/TinnitusHuntLogo.png" style="width: 20px;"> La mappa degli acufeni, soffri di acufeni? Aiuta la ricerca.</p></div>
<div id="sin"><p class="textMenu"> <img src="img/TinnitusHuntLogo.png" style="width: 20px;"> La mappa degli acufeni.</p></div>
<div>
<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#forms" id="forms-top">Questionari</a>
<a href="#" class="btn btn-lg btn-success" onclick="verifyLogin()" id="openModal">Partecipa</a>
<a href="https://ricerca.typeform.com/report/OHG0is/yCWS" class="typeform-share btn btn-lg btn-success" data-mode="1" target="_blank" >Statistiche</a>
<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#about" id="about-top">Contatti</a>
</div>
</div>
<div class="modal fade" id="userProfile" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myName"></h4><br>
<p id="welcomeText">I tuoi dati non verranno mai condivisi pubblicamente se non in forma anonima ed aggregata. Con la registrazione autorizzi al trattamento dei tuoi dati personali secondo la normativa vigente.</p>
</div>
<div class="modal-body">
<p>Indirizzo email</p>
<input class="margin-modal-text input-text-width form-control" type="email" id="email">
<p>Indirizzo (via, piazza) <span class="avvisi">Verrà visualizzato sulla mappa senza associazione con i tuoi dati personali.</span></p>
<input class="margin-modal-text input-text-width form-control" type="text" id="indirizzo">
<input type="checkbox" id="contatto"> Lascio la mia disponibilità per essere contattato da istituti di ricerca che collaborano con TinnitusHunt.com per essere informato sulla partecipazione a ricerche sull'acufene. (facoltativo) </input>
</div>
<div class="modal-footer" >
<button type="button" class="btn btn-default" data-dismiss="modal" id="CloseForm">Chiudi</button>
<button type="button" class="btn btn-primary" onclick="saveAddress()">Salva i tuoi dati</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="about" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myName">Contatti</h4><br>
</div>
<div class="modal-body">
<p>Tinnitus Hunt è un progetto open source realizzato da <a href="http://bbug.me" target="_blank">Danilo Giordani</a>- Sviluppatore, <a href="http://michelepierangeli.com" target="_blank">Michele Pierangeli</a> - Ideatore e <a href="https://www.linkedin.com/in/rossiirene" target="_blank">Irene Rossi</a> - Psicologa. </p>
<p>Se fai parte di un istituto che fa ricerche sull’acufene, vuoi sostenere il progetto o hai domande/proposte scrivi a: <a href="mailto:ciao@tinnitushunt.com">ciao@tinnitushunt.com</a></p>
<p> Il progetto è realizzato con collaborazione con <a href="https://www.facebook.com/groups/1475291859375234/" target="_blank">Associazione Italiana Tinnitus - Acufene</a>. </p>
<p> Se sei uno sviluppatore e vuoi aiutarci puoi contribuire su<a href="https://github.com/bestbug456/tinnitushunt" target="_blank"> GitHub</a>. </p>
<p> Seguici su <a href="https://www.facebook.com/tinnitushunt" target="_blank">Facebook</a> e <a href="https://twitter.com/tinnitushunt" target="_blank">Twitter</a>.
</p>
</div>
<div class="modal-footer" >
<button type="button" class="btn btn-default" data-dismiss="modal" id="CloseForm">Chiudi</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="forms" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myName">Lista dei questionari disponibili per aiutare la ricerca.</h4><br>
<p id="welcomeText">Alla fine di ogni questionario ti verranno inviati i risulati tramite e-mail. I tuoi dati non verranno mai condivisi pubblicamente se non in forma anonima ed aggregata. </p>
</div>
<div class="modal-body">
<p><strong>Racconta del tuo acufene</strong></p>
<p>Rispondendo a questo questionario partecipare alla sezione statistiche del sito. I tuoi dati verranno visualizzati in forma anonima. (14 domande) </p>
<p>Compila: <a class="typeform-share btn btn-primary linkForm" href="#" data-mode="1" target="_blank">Descrivi il tuo acufene</a></p>
<br>
<p><strong>Tinnitus Handicap Inventory (THI)</strong> </p>
<p>Versione italiana del questionario maggiormente utilizzato per valutare il grado di invalidità generato dall’acufene. (25 domande) <br><span class="avvisi">Pubblicato da: Monziani D., Genovese E., Marrara C., Gherpelli C., Pingani M., Forghieri M., Rigatelli M., Guadagnin T., Arslan E. (2008) Validity of the Italian adaptation of the TinnitusHandicap Inventory; focus on quality of life and psychological distress in tinnitus-sufferers. ACTA otorhinolaryngologica italica 2008;28:126-134</span></p>
<p>Compila: <a class="typeform-share btn btn-primary linkForm" href="#" data-mode="1" target="_blank">Tinnitus Handicap Inventory</a></p>
<br>
<p><strong>Mini Tinnitus Questionnaire 12</strong></p>
<p>Dodici domande che forniscono un risultato veloce e immediato sull’impatto dell’acufene sulla qualità della tua vita. (12 domande) <br><span class="avvisi">Pubblicato da: Wolfgang Hiller, Gerhard Goebel, International Journal of Audiology 2004; 43:600–604.</span></p>
<p>Compila: <a class="typeform-share btn btn-primary linkForm" href="#" data-mode="1" target="_blank">MiniTQ12</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="CloseForm">Chiudi</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="Thanks" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Grazie!</h4>
</div>
<div class="modal-body">
<p id="thanksMessage"></p>
<p> Dopo aver condiviso sui social e chiuso questa finestra poitrai accedere al menù "questionari" e valutare il livello del tuo acufene.</p>
<p>Condividi sui social cliccando sui pulsanti sottostanti:</p>
<div class="socialShareModal">
<span class="st_facebook_large"></span>
<span class="st_twitter_large" st_title="Quando c’è silenzio senti dei rumori all’interno delle tue orecchie? Soffri di #acufeni?" st_via="TinnitusHunt" st_url="http://tinnitushunt.com"></span>
<span class="st_linkedin_large"></span>
<span class="st_googleplus_large"></span>
<span class="st_email_large"></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="closeThanks">Chiudi</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="socialLogin" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Missione</h4>
</div>
<div class="modal-body">
<p>TinnitusHunt propone di censire le persone con problemi di acufene ed ha un duplice obiettivo:<br>
- Sensibilizzare sull’incidenza di questo disturbo tramite la mappa degli acufeni.<br>
- Creare un registro a cui iscriversi per partecipare a ricerche sugli acufeni.<br>
- Proporre questionari individuali per la valutazione del grado dell'acufene.<br>
<br>
L’acufene, o tinnito, è un disturbo uditivo caratterizzato dalla percezione di rumori in assenza di sorgenti sonore esterne. <br> Questo comporta la soggettiva assenza di silenzio, in quanto vengono costantemente percepiti suoni all’interno dell’orecchio.
<p><span class="avvisi">Viene richiesta la registrazione con Facebook per verificare l'univocità della persona. Tinnitushunt non diffonderà alcun alcun dato personale tramite Facebook.</span></p>
</p>
<div align="center">
<a href="#" class="btn btn-lg btn-primary" style="margin-top: 10px;" onclick="login();"><img src="img/fb-icon.png" height="18px" width="18px" /> Soffro di acufeni, accedi con Facebook</a>
<a href="#" class="btn btn-lg btn-primary" style="margin-top: 10px;" onclick="noAcufene()">Non soffro di acufeni</a>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="closeLogin">Chiudi</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="noAcufene" tabindex="-1" role="dialog" aria-labelledby="addInfo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Non soffro di acufeni</h4>
</div>
<div class="modal-body">
<p>Il 17% circa della popolazione mondiale soffre di acufeni, nonostante la maggior parte non ne parli per paura di non essere compreso. A livello mondiale non è ancora stata trovata una cura per questo fastidioso disturbo, che spesso compromette significativamente la vita delle persone sofferenti, portando vissuti di ansa, paura e nei casi più gravi persino al suicidio. <br>
<br>
Se vuoi aiutarci a creare più consapevolezza condividi questo sito con amici e familiari e fai un piccolo esperimento:</br>
<strong>Chiedi a 5 persone se quando c’è silenzo, ad esempio prima di addormentarsi, sentono dei suoni nelle proprie orecchie non attribuibili all’esterno. E' probabile che uno di loro ti risponda di si.</strong>
</p>
<p>Condividi sui social network ed aiutaci a diffondere queste informazioni, clicca sui pulsanti qui sotto:</p>
<div class="socialShareModal">
<span class="st_facebook_large"></span>
<span class="st_twitter_large" st_title="Quando c’è silenzio senti dei rumori all’interno delle tue orecchie? Soffri di #acufeni?" st_via="TinnitusHunt" st_url="http://tinnitushunt.com"></span>
<span class="st_linkedin_large"></span>
<span class="st_googleplus_large"></span>
<span class="st_email_large"></span>
</div>
<br>
<br>
<div id="mc_embed_signup">
<form action="//tinnitushunt.us11.list-manage.com/subscribe/post?u=5ea1aa0a4d937518b7ec2004f&id=b6d10c7f9d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Iscriviti alla newsletter per rimanere aggiornato sulle iniziative di TinnitusHunt</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Indirizzo email <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-NAME">Nome e Cognome</label>
<input type="text" value="" name="NAME" class="" id="mce-NAME">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- 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;"><input type="text" name="b_8239053e3b2a0a6788384c3ee_4e0e64c87a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Iscriviti" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='NAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="closeLogin">Chiudi</button>
</div>
</div>
</div>
</div>
<div id="map-canvas"></div>
<div id="acufenizzati"></div>
</body>
</html>