-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
executable file
·189 lines (148 loc) · 11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Noise-Planet - Scientific tools for environmental noise assessment">
<meta name="author" content="Gwendall Petit (Lab-STICC - CNRS UMR 6285 / DECIDE Team)">
<meta name="author" content="Judicael Picaut (Univ Eiffel / UMRAE)">
<title>Noise-Planet - Scientific tools for environmental noise assessment</title>
<!-- Bootstrap core CSS -->
<link href="./assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="shortcut icon" href="./assets/ico/favicon.png">
<link href="./assets/css/main.css" rel="stylesheet">
<link href="./assets/css/font-awesome.min.css" rel="stylesheet">
<link href="./assets/css/animate-custom.css" rel="stylesheet">
<link href='./assets/css/lato.css' rel='stylesheet' type='text/css'>
<link href='./assets/css/raleway.css' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main" class="txlive">
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- NAVIGATION BAR -->
<script src="./navbar.js"></script>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" id="home" name="home">
<header class="clearfix">
<img class="img-responsive" style="display: inline;" src="./assets/img/logos/noise_planet.png" height="148px" width="229px" alt="Logo Noise-Planet" />
<p style="font-size:40px; color:#333;"><b>Noise-Planet</b></p>
<p style="font-size:30px; color:#333;">Scientific tools for environmental noise assessment</p>
</header>
</div><!-- /headerwrap -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== Tools ==== -->
<br>
<div class="container" id="tools" name="tools">
<div class="row white centered">
<div class="col-lg-4 centered">
<a href="./noisecapture.html"><img src="./assets/img/logos/Logo_noisecapture.png" height="120px" width="120px" alt="NoiseCapture" title="NoiseCapture"></a>
<br>
<h4><b>NoiseCapture</b></h4>
<a href="https://github.com/Universite-Gustave-Eiffel/NoiseCapture/releases/latest"><img src="https://img.shields.io/github/tag/Universite-Gustave-Eiffel/noisecapture.svg" alt="NoiseCapture last release"></a><br>
<a href="https://github.com/Universite-Gustave-Eiffel/noisecapture/subscription"><img src="https://img.shields.io/github/watchers/Universite-Gustave-Eiffel/noisecapture.svg?style=social&label=Watch" alt="Watch NoiseCapture"></a>
<a href="https://github.com/Universite-Gustave-Eiffel/noisecapture/fork"><img src="https://img.shields.io/github/forks/Universite-Gustave-Eiffel/noisecapture.svg?style=social&label=Fork" alt="Fork NoiseCapture"></a>
<p><a href="./noisecapture.html">A free & open-source Android application to measure and share noise environnement</p></a>
</div><!-- col-lg-4 -->
<div class="col-lg-4 centered">
<a href="./map.html"><img src="./assets/img/map/map.png" height="120px" width="120px" alt="Community Map" title="Community map"></a>
<br>
<h4><b>Community Map</b></h4><br><br>
<p><a href="./map.html">An interactive map viewer, to display noise data collected by the user community</p></a>
</div><!-- col-lg-4 -->
<div class="col-lg-4 centered">
<a href="./noisemodelling.html"><img src="./assets/img/logos/Logo_noisemodelling.png" height="120px" alt="NoiseModelling" title="NoiseModelling"></a>
<br>
<h4><b>NoiseModelling</b></h4>
<a href="https://github.com/Universite-Gustave-Eiffel/NoiseModelling/releases/latest"><img src="https://img.shields.io/github/release/Universite-Gustave-Eiffel/NoiseModelling.svg" alt="NoiseCapture last release"></a><br>
<a href="https://github.com/Universite-Gustave-Eiffel/NoiseModelling/subscription"><img src="https://img.shields.io/github/watchers/Universite-Gustave-Eiffel/noisemodelling.svg?style=social&label=Watch" alt="Watch NoiseModelling"></a>
<a href="https://github.com/Universite-Gustave-Eiffel/NoiseModelling/fork"><img src="https://img.shields.io/github/forks/Universite-Gustave-Eiffel/noisemodelling.svg?style=social&label=Fork" alt="Fork NoiseModelling"></a>
<p><a href="./noisemodelling.html">A free & open-source (GIS compliant) library to compute noise maps</p></a>
</div><!-- col-lg-4 -->
</div><!-- row -->
</div><!-- Container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== GREYWRAP ==== -->
<div class="container" id="greywrap" name="greywrap">
<div class="row">
<!-- About -->
<div class="col-lg-4 callout">
<i class="fa fa-volume-up fa-4x" aria-hidden="true"></i>
<h2>Noise annoyance</h2>
<p align="justify">
According to World Health Organization, <i><a target="_blank" href="https://www.who.int/europe/health-topics/noise#tab=tab_1">the excessive noise seriously harms human health and interferes with people's daily activities at school, at work, at home and during leisure time. It can disturb sleep, cause cardiovascular and psychophysiological effects, reduce performance and provoke annoyance responses and changes in social behaviour".</a></i>
<b>The reduction of noise pollution is therefore a major challenge for society.</b>
</p>
</div><!-- col-lg-4 -->
<!-- Explore noise maps -->
<div class="col-lg-4 callout">
<i class="fa fa-map fa-4x" aria-hidden="true"></i>
<h2>Explore noise maps</h2>
<p align="justify">
Explore noise maps produced within the project. See maps <b><a href="./map.html">at this page</a></b>.
<br><br>
<a href="./map.html">
<img src="./assets/img/map/map_thumbnail.png" alt data-caption="Noise map" width="100%" title="Explore noise maps">
</a>
</p>
</div><!-- col-lg-4 -->
<!-- Download data -->
<div class="col-lg-4 callout">
<i class="fa fa-download fa-4x" aria-hidden="true"></i>
<h2>Download data</h2>
<p align="justify">
Some of the data produced in this project are distributed in an open way under the <a href="https://opendatacommons.org/licenses/odbl/" target="_blank">ODbL</a> licence. See our data section at:
<br><br>
<a href="http://data.noise-planet.org/index.html">
<img class="img-responsive" style="display: inline;" src="./assets/img/logos/data_en.png" alt="Logo data" title="Download data" />
</a>
</p>
</div><!-- col-lg-4 -->
</div><!-- row -->
<br>
<div class="row">
<!-- Research -->
<div class="col-lg-6 callout">
<i class="fa fa-cogs fa-4x" aria-hidden="true"></i>
<h2>Made by research</h2>
<p align="justify">The aim of this website is to <b>propose new tools, based on scientific researches, for the environmental noise assessment</b>. The Noise-Planet project is led by two public <b>French research teams</b>, recognized in their field of expertise, the Joint Research Unit in Environmental Acoustics (<a href="https://www.umrae.fr/" target="_blank">UMRAE</a>) for environmental noise research and the <a href="https://labsticc.fr/en/teams/decide" target="_blank">DECIDE Team</a> (Lab-STICC - CNRS UMR 6285) for Geographic Information Sciences</p>
</div><!-- col-lg-4 -->
<!-- Contribute -->
<div class="col-lg-6 callout">
<i class="fa fa-code fa-4x" aria-hidden="true"></i>
<h2>Contribute</h2>
<p align="justify">
Because Noise-Projet deals with <b>Open Science</b>, they are <b>many ways to contribute</b> to the project: contribute to the <a href="https://github.com/Universite-Gustave-Eiffel/" target="_blank"> source codes</a>, report issues, propose <a href="https://explore.transifex.com/LAE/" target="_blank">new translations</a>, write documentation, contribute to the data collection, give us your feedback...
<br>
Any questions? Please <b><a href="./contact.html">contact us</a></b>.
</p>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- Container -->
<br>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- FOOTER & CREDITS-->
<!-- Include content present in the "footer_credits.js" file -->
<script src="./footer_credits.js"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="./assets/js/jquery.min.js"></script>
<script type="text/javascript" src="./assets/js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="./assets/js/html5shiv.js"></script>
<script src="./assets/js/respond.min.js"></script>
<![endif]-->
<!-- Transifex script -->
<script type="text/javascript">window.liveSettings={api_key:"4c31aac0398149cf971660ee00d6106b"};</script>
<script type="text/javascript" src="//cdn.transifex.com/live.js"></script>
<!-- for GitHub widget -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./assets/js/retina.js"></script>
<script type="text/javascript" src="./assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="./assets/js/jquery-func.js"></script>
</body>
</html>