-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
248 lines (211 loc) · 9.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DQR147DLZ1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DQR147DLZ1'); </script>
<meta charset="utf-8" />
<meta name="author" content="" />
<meta name="description" content="" />
<title>acoustics.io :: construction noise calculator</title>
<script>document.documentElement.className = 'js';</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<!-- Force latest IE rendering engine & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Make IE recognise HTML5 elements for styling -->
<!--[if lte IE 8]>
<script src="temp_js/html5shiv.js"></script>
<noscript>
<strong>Warning!</strong>
Your browser does not support HTML5 so some elements on this page are simulated using JScript. Unfortunately your browser has JScript disabled. Please enable it in order to display this page.
</noscript>
<![endif]-->
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="css_build/site.min.css" />
<link rel="stylesheet" href="fonts/icons/style.css" />
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]>
<link rel="stylesheet" href="sub/bolt/css/bolt.ie.css" />
<link rel="stylesheet" href="css/site.classes_ie8.css" />
<link rel="stylesheet" href="css/site.classes.block_ie8.css" />
<link rel="stylesheet" href="sub/bolt/css/bolt.ie8.css" />
<![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="sub/bolt/css/bolt.ie7.css" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="sub/bolt/css/bolt.ie6.css" /><![endif]-->
</head>
<body>
<header>
<div class="site_wrap wrap">
<h1 class="site_title sitetitle_block block">acoustics.io</h1
><h2 class="page_title pagetitle_block block">Construction Noise Calculator</h2>
</div>
</header>
<div class="app_wrap site_wrap wrap">
<form class="sources_block block" data-view="form" data-data="form">
<div class="sources_wrap wrap">
<fieldset class="source_block" data-template="source">
<div class="name_block block">
<!--label for="name_{{pk}}">Name</label-->
<input type="text" class="name_input" name="name" value="Plant {{pk}}" id="name_{{pk}}" />
</div
><div class="data_block block">
<div class="level_block block">
<label for="level_{{pk}}" data-tip="#plant_noise_level">
Noise level
<span class="level_readout readout"></span>
</label>
<input type="range" class="level_input" value="70" min="40" max="140" name="level" id="level_{{pk}}"/>
<label data-tip="#ref_type">
Noise level type
</label>
<ul class="tabs_index index" data-tip="#ref_type">
<li>
<input type="radio" class="hidden" value="1" data-prop="leveltype" name="leveltype_{{pk}}" id="leveltypew_{{pk}}" />
<label class="first radio_button button" for="leveltypew_{{pk}}">SWL</label>
</li
><li>
<input type="radio" class="hidden" value="0" data-prop="leveltype" name="leveltype_{{pk}}" id="leveltypep_{{pk}}" checked />
<label class="last radio_button button" for="leveltypep_{{pk}}">SPL <span>at <input class="refdist_input" type="text" value="10" name="levelref" id="levelref_{{pk}}" /> m</span></label>
</li>
</ul>
</div
><div class="time_block block">
<label for="ontime_{{pk}}" data-tip="#per_on_time">
On Time
<span class="ontime_readout readout"></span>
</label>
<input type="range" class="ontime_input" value="100" min="0" max="100" step="1" name="time" id="time_{{pk}}" />
</div
><div class="env_block block">
<label for="dist_{{pk}}" data-tip="#distance">
Distance
<span class="dist_readout readout"></span>
</label>
<input type="range" class="dist_input" value="10" min="1" max="150" step="1" name="distance" id="dist_{{pk}}" />
<label for="barrier_{{pk}}" data-tip="#barrier">
Barrier attenuation
</label>
<ul class="tabs_index index" data-tip="#barrier">
<li>
<input type="radio" class="hidden" data-prop="barrier" name="barrier_{{pk}}" id="barrier_{{pk}}_0" value="0" checked />
<label class="first radio_button button" for="barrier_{{pk}}_0">0 dB</label>
</li
><li>
<input type="radio" class="hidden" data-prop="barrier" name="barrier_{{pk}}" id="barrier_{{pk}}_1" value="-5" />
<label class="radio_button button" for="barrier_{{pk}}_1">-5 dB</label>
</li
><li>
<input type="radio" class="hidden" data-prop="barrier" name="barrier_{{pk}}" id="barrier_{{pk}}_2" value="-10" />
<label class="last radio_button button" for="barrier_{{pk}}_2">-10 dB</label>
</li>
</ul>
</div>
</div
><div class="output_block block">
<div class="source_output"></div>
</div>
<a class="remove_button button" href="#remove">Remove</a>
</fieldset>
</div>
<ul class="actions_index index">
<li><button class="add_button">Add noise source</button></li>
</ul>
</form
><div class="total_block block">
<h2 class="cap_title">Total SPL at Receptor</h2>
<p class="total_output" data-view="total" data-data="total">70 dB</p>
<h2 class="cap_title">About this result</h2>
<p>
These calculations are based on the noise prediction methods contained in Annex F of BS 5228-1:2009.
They assume that the intervening ground is hard, and use the simple barrier attenuation method.
</p>
<p>
<a target="_blank" href="tutorial.html">More guidance and information</a>
</p>
<h2 class="cap_title">I need more help</h2>
<p>Need a more detailed report? Get in touch with <a href="http://goodhandacoustics.co.uk">Goodhand Acoustics</a>.</p>
</div>
</div>
<div class="top_tip tip" id="plant_noise_level">
Noise level of plant.
</div>
<div class="top_tip tip" id="ref_type">
<p>
Noise level is either a sound power level (SWL) or sound pressure level (SPL).
If noise level was measured on site it is likely a sound pressure level.
Enter the distance it was measured at.
</p>
</div>
<div class="top_tip tip" id="ref_distance">
Distance from plant that the sound pressure level was measured.
</div>
<div class="top_tip tip" id="per_on_time">
Percentage of the day the plant operates. For a 10-hour day, 10% represents 1 hour.
</div>
<div class="top_tip tip" id="distance">
Distance from plant to receptor, in metres.
</div>
<div class="top_tip tip" id="barrier">
<p>Attenuation of noise due to barriers.</p>
<p>If the noise source is visible from the receptor there is no attenuation, while a barrier that completely obscures line-of-sight is assumed to cause an attenuation of -10dB.</p>
</div>
<img src="images/silhouette.png" />
<footer>
<div class="site_wrap wrap">
<ul class="logo_index index">
<li>
Acoustics by
<a class="ga_logo_thumb logo_thumb thumb" target="_blank" href="http://goodhandacoustics.co.uk">Goodhand Acoustics</a>
</li
><li>
Website by
<a class="cr_logo_thumb logo_thumb thumb" target="_blank" href="http://cruncher.ch">Cruncher</a>
</li>
</ul>
<!--p>
acoustics.io is an open source project.
Contribute at <a href="http://github.com/cruncher/acoustics.io">github.com/cruncher/acoustics.io</a>.
</p-->
</div>
</footer>
<!--[if IE 7]>
<div class="dialog_layer layer active">
<div class="dialog">
<p>This web app can not run in Internet Explorer 7.</p>
<p>Please download a modern browser such as <a href="http://google.com/chrome">Google Chrome</a>, <a href="http://firefox.com/download">FireFox</a> or <a href="http://www.opera.com">Opera</a>.</p>
</div>
</div>
<![endif]-->
<script>
// Function.prototype.bind is the ES5 feature with by far the worst support. Use it
// to roughly detect ES5. http://kangax.github.com/es5-compat-table/
if(!Function.prototype.bind) {
document.write(unescape('%3Cscript src="temp_js/es5-shim.min.js"%3E%3C/script%3E'));
document.write(unescape('%3Cscript src="temp_js/es5-sham.min.js"%3E%3C/script%3E'));
}
</script>
<script src="js_build/site.min.js"></script>
<script>
(function(jQuery, undefined){
if (jQuery.support.inputTypes.range === true) { return; }
document.write(unescape('%3Cscript src="sub/jquery.skin/js/jquery.skin.js"%3E%3C/script%3E'));
})(jQuery);
</script>
<script>
window.noiseApp.data = {
form: {},
sources: [],
total: new noiseApp.models.Total({})
};
</script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39034261-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>