-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
408 lines (405 loc) · 23.9 KB
/
index.html
File metadata and controls
408 lines (405 loc) · 23.9 KB
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
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="apple-touch-icon" sizes="57x57" href="./fav/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./fav/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./fav/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./fav/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./fav/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./fav/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./fav/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./fav/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./fav/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./fav/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./fav/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./fav/favicon-16x16.png">
<link rel="manifest" href="./fav/manifest.json">
<meta name="msapplication-TileColor" content="#2a2c2d">
<meta name="msapplication-TileImage" content="./fav/ms-icon-144x144.png">
<meta name="theme-color" content="#2a2c2d">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="https://sound.codes/radio/img/logo.png" type="image/x-icon">
<title>Acoustic History of Goa, India</title>
<link href="./style.css" rel="stylesheet" />
</head>
<body>
<aside>
<div class="container">
<p>
Hi there - let’s cross heritage spaces! Kaan (a binaural microphone by
sound.codes) is currently “listening” to the old Bärenzwinger of Berlin,
transplanting the acoustics of this former bear pit into ancient
heritage spaces of Goan history in order to let you experience India's
past. This is possible through the unique acoustic data that endured
through time and has been collected and stored in form of “acoustic
signatures” (or acoustic reverb values). Because every space has its
unique acoustic properties, due to the combination of its dimensions,
architectural design and the use of construction materials - with our
ears we can stroke the boundaries of these spaces and go on a journey
through time…
</p>
<!-- <button id="playPause">Enter</button> -->
<button id="playPause" disabled>Loading...</button>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none" opacity=".1"/><path d="M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z"/></svg>
</div>
</aside>
<p>
<img src="https://sound.codes/radio/img/logo.png" class="logo" />
</p>
<main>
<img src="https://sound.codes/radio/img/kaan.png" class="logo" />
<section>
<article calss="left">
<img src="https://sound.codes/radio/img/saas.png" alt="SAAS" width="50%">
</article>
<article class="right">
Navigate through time and space by clicking through the images -
transplanting the acoustics of the bear pit.
</article>
</section>
<p></p>
<ul>
<li>
<input
type="radio"
name="ir"
value="1"
id="ir1"
/>
<label
for="ir1"
data-title="Arvelem Caves"
data-text="Located in the Bicholim Taluka near the Arvalem falls, these caves can be traced back to the 6th and 7th century BCE. Its construction points to origins that could have been made either by Buddhist monks or Brahmins. The caves consist of five hollow chambers carved out of a single laterite rock – believed to have sheltered the Pandavas during their exile."
>
<img src="https://sound.codes/radio/img/arvelem.jpg" alt="Arvelem Caves" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="2"
id="ir2"
/>
<label
for="ir2"
data-title="Auagada Underground Water Tank"
data-text="Constructed in 1612, Aguada is considered to be one of the most formidable and impregnable of the Portuguese forts in India. A classic example of Portuguese architecture, the fort was built upon the natural terrain of laterite stone which made it even harder to be breached. On the fort stands a four-storey Portuguese lighthouse that was erected in 1864 – it is the oldest of its kind in Asia. The fort has an enormous cistern – also, one of the biggest in Asia at that time with a capacity of over 20,00,000 gallons of water. The fort is divided in two spaces: the upper part functioned as the fort and watering station, while the lower part served as a safe berth for Portuguese ships. Whereas the upper part has a moat, underground water storage chamber, gunpowder room, light house and bastions, it also has a secret escape passage that could be used during war or emergency events."
>
<img src="https://sound.codes/radio/img/aguada.jpg" alt="Auagada Underground Water Tank" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="3"
id="ir3"
/>
<label
for="ir3"
data-title="Cabo De Rama"
data-text="Also known as The Cape of Rama, this ancient fortress was built by Hindu rulers. Over time, Muslims, Portuguese, English succeeded one another in the possession of this amazing architecture masterpiece. The Fort has elaborate defences complete with a moat, gatehouse and several bastions. Many of the bastions still have large cannons lying strewn above them. Apart from housing a large water tank, the fort has a well and two springs from which cold and hot water used to emerge through two different nozzles. This historic fort also consists of ruins which may have once been the quarters of the troops stationed at the fort. It was used as a prison till 1955 after which, it was abandoned. Inside the fort lies the church of Santo Antonio which is in excellent condition and continues to be visited by devotees."
>
<img src="https://sound.codes/radio/img/cabo.jpg" alt="Cabo De Rama" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="4"
id="ir4"
/>
<label
for="ir4"
data-title="Basilica of Bom Jesus"
data-text="Built in 1605, the church is the first Minor Basilica in India, regarded as one of the best examples of baroque architecture in the country. The basilica houses the mortal remains of Saint Francis Xavier who was a close companion of Saint Ignatius Loyola. The floor of the church is laid out with marble embedded with precious stones. The imposing facade built out of black granite is an exquisite combination of the Doric, Corinthian and composite styles – its simplicity is remarkable. The interior of the church is built in Mosaic-Corinthian style. Part of the building was partially burned down in 1633 and was rebuilt in 1783."
>
<img src="https://sound.codes/radio/img/bom-jesu.jpg" alt="Basilica of Bom Jesus" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="5"
id="ir5"
/>
<label
for="ir5"
data-title="Rivona Caves"
data-text="Rivona caves are one of the finest spatial examples of Buddhist influence in Goa. This laterite structure is believed to be a natural cave but which was inhabited until the 6–7th century. A distinguished feature of these caves is a ‘’Pitha’’ which supposedly served as a seat for a teacher. The influence of Buddhism is very evident not only through the design and architecture, but also through the spiritual serenity that Rivona caves offer as an experience."
>
<img src="https://sound.codes/radio/img/rivona1.jpg" alt="Rivona Caves" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="6"
id="ir6"
/>
<label
for="ir6"
data-title="Rivona Cave 2"
data-text="The first impression that greets you at the entrance of the Rivona caves is a 16th century stepped well, that has an idol of the Hindu monkey god, Hanuman. It’s a 3 chambered structure with the outer and the middle chambers probably being natural structures. Along the middle chamber, a cistern is located to the left which has a natural feed from the top while steps are carved opposite to the cistern which lead you out to the top of the structure. The inner chamber is the meditation chamber. This cave showcases the relation of the early buddhism and tantric brahminical or tantra yoginis tradition of Hinduism."
>
<img src="https://sound.codes/radio/img/rivona2.jpg" alt="Rivona Cave 2" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="7"
id="ir7"
/>
<label
for="ir7"
data-title="Tambdi Surla Mahadev"
data-text="A 12th-century Shaivite temple of Lord Mahadeva continues to be an active space of Hindu worship. It was built in the Hemadpanti traditional style with basalt, carried across the mountains from the Deccan plateau and carved by skilled craftsmen. The temple consists of the garbhagriha (sanctum sanctorum), antarala (antechamber or foyer) and a mandapa (outdoor hall) with four pillars of Nandi (Shiva’s bull deity) built with basalt. These four pillars embellished with intricate carvings of elephants, are hooked to chains that support a stone ceiling decorated with finely carved Ashokan lotus flowers."
>
<img src="https://sound.codes/radio/img/tambdi.jpg" alt="Tambdi Surla Mahadev" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="8"
id="ir8"
/>
<label
for="ir8"
data-title="Se Cathedral"
data-text="The Se Cathedral was built to commemorate the victory of the Portuguese under Afonso de Albuquerque. As the day of the victory happened to be on the feast of Saint Catherine, the cathedral was dedicated to her. The construction of the church was completed in 1619 and it was consecrated in 1640. Showcasing Portuguese-Manueline styled architecture style, the exterior is Tuscan, whereas the interior is Corinthian. The main altar is dedicated to Catherine of Alexandria, and there are several old paintings on either side of it. On the right is a Chapel of the Cross of Miracles, where according to local legends, a vision of Christ appeared in 1619. The Se Cathedral’s tower houses a large bell known as the “Golden Bell” which derived its name on account of its rich golden colour. It is considered as one of the largest churches in Goa, and one of the finest in the world."
>
<img src="https://sound.codes/radio/img/se.jpg" alt="Se Cathedral" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="9"
id="ir9"
/>
<label
for="ir9"
data-title="Shantadurga Temple"
data-text="This is the biggest and one of the most important temples in Goa. It is dedicated to Goddess Shantadurga – the goddess of peace. Initially located at Cavelossim but after the Portuguese invasion, the temple was under imminent threat of being destroyed. In 1564, the deity was shifted to Kavlem. A small laterite mud shrine was built to install the deity in its new location. The mud-shrine was converted into a beautiful temple whose foundation stone was laid in 1730 during the reign of Maratha ruler Shahu Raje of Satara. Constructed in Indo-Portuguese style, the temple was completed in 1738 and was last renovated in 1966."
>
<img src="https://sound.codes/radio/img/shantadurga.jpg" alt="Shantadurga Temple" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="10"
id="ir10"
/>
<label
for="ir10"
data-title="São Jacinto Church"
data-text="The chapel’s existence can be traced prior to 1731 but it underwent reconstruction in 1789. It is also known by the name of St.Hyacinth Church and was granted its status as an independent parish in 1853. The feast of the Church is celebrated with a devout following on the last Sunday of September."
>
<img src="https://sound.codes/radio/img/sao-church.jpg" alt="São Jacinto Church" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="11"
id="ir11"
/>
<label
for="ir11"
data-title="São Jacinto Lighthouse"
data-text="Built sometime in the year 1900 on the island of Sao Jacinto, this lighthouse functioned as a rear source of light to an entrance range. Approximately 12 meters in height, the round stone tower was abandoned and has been inactive for many years."
>
<img src="https://sound.codes/radio/img/sao_light.jpg" alt="São Jacinto Lighthouse" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="12"
id="ir12"
/>
<label
for="ir12"
data-title="Safa Masjid"
data-text="The arabic word ‘Safa’ literally means clean, chaste and pure and the title befits this beautiful structure which is devoid of any mindless extravagance and grandeur. It was built in 1560 by the Bijapuri ruler Ibrahim Adil Shah. The most interesting part of the Safa Masjid complex is the huge tank with 44 ‘hammams’ (hot air baths) dotting its four inner sides with typical Islamic Mehrab-style arcs. The tank has a flight of stairs constructed in the essential Hindu bathing ‘ghats’ style. This green rectangular tank holds a mirror to the small mosque which stands elegantly facing it, both built with laterite stone masonry. Safa Masjid is an illustrious fusion of Indo-Islamic architectural styles and as a space, it remains a celebrated venue during the annual festivals of Eid-Ul-Adha and Eid-Ul-Zuha."
>
<img src="https://sound.codes/radio/img/safa.jpg" alt="Safa Masjid" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="13"
id="ir13"
/>
<label
for="ir13"
data-title="Our Lady of Penha De Franca"
data-text="The church was built in the year 1626, entirely sponsored by a local widow named Ana De Azavedo. Within twenty six years of its establishment, the whole building of the Penha de Franca church deteriorated into ruins. It was rebuilt in 1655 and was awarded the status of a national monument in 1932."
>
<img src="https://sound.codes/radio/img/prenha.jpg" alt="Our Lady of Penha De Franca" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="14"
id="ir14"
/>
<label
for="ir14"
data-title="Namazgah"
data-text="An unconventional mosque with Persian roots, the Namazgah is an open-air prayer area. Its breathtaking architecture combines the finest features of Persian and Mughal structural design, bestowing upon us a rare piece of Turko-Persian architecture in India. Adjoining the enclosure’s entrance are long balconies which have keen similarities to the balcoes (singular balcao) found in Goan Portuguese homes, realising a parallel blend of Islamic and Portuguese architecture. Namazgah mosque was built by Prince Akbar to commemorate a battle which he and the Marathas, led by Sambhaji, fought against the Portuguese in 1683."
>
<img src="https://sound.codes/radio/img/namazgah.jpg" alt="Namazgah" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="15"
id="ir15"
/>
<label
for="ir15"
data-title="Margaon Caves"
data-text="Hidden behind the church wall, forgotten in time, lies a singular cave – an individual remnant of the erstwhile Margaon cave complex. The abandoned cave has for company, an active Shiva temple adorned with carvings on its head (roof), a linga (sculpture symbolising the deity), and an idol of Nandi (the deity of a Bull associated with Lord Shiva)."
>
<img src="https://sound.codes/radio/img/margaon.jpg" alt="Margaon Caves" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="16"
id="ir16"
/>
<label
for="ir16"
data-title="Lamgau Caves"
data-text="Lamgau caves of Goa are two manmade caves constructed out of decomposed laterite rock. Nestled amidst a dense growth of Areca palms, these caves were constructed by Buddhist monks and later inhabited by Hindu saints. The transition from Buddhist to Hindu religion becomes evident as one sees a stone cut Shiv lingam and a statue of Nandi (the bull) in the courtyard. Rock carvings adorn the ceilings of these caves which once served as a prominent spot for meditation and learning."
>
<img src="https://sound.codes/radio/img/lamgau.jpg" alt="Lamgau Caves" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="17"
id="ir17"
/>
<label
for="ir17"
data-title="Kurdi Mahadev Temple"
data-text="This 11th century temple was initially constructed on the banks of River Salaulim, almost a 17km distance from its present location. However, the temple’s building was painstakingly reconstructed brick by brick at its current location over a period of 11 long years. This translocation was done during the construction of the Salaulim dam when the entire village around the original site was submerged under water. The temple, now comprises of a garbhagriha (sanctum sanctorum) and a porch constructed in basalt and laterite rock. Being in close proximity to the dam, a clearly audible hum in its ambience appends the history of its transplantation to the acoustics of the temple."
>
<img src="https://sound.codes/radio/img/kurdi.jpg" alt="Kurdi Mahadev Temple" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="18"
id="ir18"
/>
<label
for="ir18"
data-title="Corjuem Fort"
data-text="The fort has the distinction of being one of the only two inland forts that survived into the 21st century. Constructed in 1551, this fort was originally home to the Desai’s of Sankhali. It was later traded into Maratha hands eventually being captivated by Portuguese rulers. The fort was subsequently rebuilt by the Portuguese to boost their defence along Panjim. In the early 1800s, the fort was used as a Military School and had in its armoury, a battery of four guns. The fort has a well, living quarters for the defenders and a chapel dedicated to St. Anthony. Swathes of the exceptionally beautiful Goan countryside landscapes surround the fort making this robust fort, a favourite among photographers."
>
<img src="https://sound.codes/radio/img/corjuem.jpg" alt="Corjuem Fort" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="19"
id="ir19"
/>
<label
for="ir19"
data-title="Chapel of St Catherine"
data-text="The Chapel of St Catherine traces back to 1510 and is one of the oldest Christian structures in Asia. Built by Afonso de Albuquerque over the demolition of an Adil Shahi mosque, the chapel was granted cathedral status by Pope John Paul III. This site also marks the point from where Albuquerque entered the city. With a pale yellow exterior, the chapel is built with laterite stones and has rectangular window panes as remnants of the Old Portuguese style. This small yet elegant chapel is one of the most historically significant structures of Goa."
>
<img src="https://sound.codes/radio/img/catherine.jpg" alt="Chapel of St Catherine" />
</label>
</li>
<li>
<input
type="radio"
name="ir"
value="20"
id="ir20"
/>
<label
for="ir20"
data-title="Church of St Cajetan"
data-text="Built in Corinthian style of architecture, the church was completed, both externally and internally, in 1661. The church resembles a Greek cross and is built with laterite blocks plastered with lime. The facade has two towers on either side. Two octagonal rooms are surmounted by domicile roofs on either side of the main altar. Apart from the chief altar, the Church of St. Cajetan has six other altars. The altars have been intricately carved showcasing a distinctive sense of artistry. They are gilded in Baroque style with twisted shafts and are adorned with figures of angels."
>
<img src="https://sound.codes/radio/img/cajetan.jpg" alt="Church of St Cajetan" />
</label>
</li>
<li id="content">
<button>X</button>
<div class="container">
<!--<img src=""/> -->
<h4></h4>
<p></p>
</div>
</li>
</ul>
<footer class="footer">
<br><br>
<br><br>
Thanks to Archeology survey of India and Goa state archives and archeology for supporting the Archeoacoustic conservation.<br><br>
A very special thanks to Shazeb Arif Shaikh and The Story of Foundation.<br><br>
Thanks to Modi Digital <br><br>
Super special thanks to <a href="https://samarthgulati.com" target="_blank" style="text-decoration: none"; hover="background-color: #16e1ff;
color: #2a2c2d">Samarth</a> and Shailendra for technical assistance.<br><br>
Big hug and thanks to <a href="http://sarahbahr.weebly.com/" target="_blank" style="text-decoration: none">Sarah Bahr</a> for helping with the equipments and language. <br><br>
Big thanks and hugs to the curatorial team of Hauke Zießler, Alexandra Neuß and Ulrike Riebel.<br><br>
<br>
Exhibition opens<br>
Thursday, 09. July 2020<br>
4 - 10 pm <br>
and everyday till 10/25/2020<br>
Bärenzwinger<br>
Im Köllnischen Park<br>
10179 Berlin<br>
<a href="https://www.baerenzwinger.berlin/Programm/sound-nodes/" target="_blank" style="text-decoration: none">»Deutsch Link«</a><br>
<br>
<br>
<center>
<a href="https://sound.codes" style="text-decoration: none">Home Page</a></center>
</footer>
</main>
<audio id="source" crossorigin="anonymous"></audio>
<script src="./format-date.js"></script>
<script src="./Spectrogram.js"></script>
<script src="./AudioConvolver.js"></script>
<script src="./script.js"></script>
</body>
</html>