-
Notifications
You must be signed in to change notification settings - Fork 0
/
sounds.html
105 lines (93 loc) · 4.47 KB
/
sounds.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
<!DOCTYPE html>
<head>
<title>Random Blends 2016 | Random Blends of Sound</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- STYLESHEETS -->
<!-- Boostrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans|Playfair+Display' rel='stylesheet' type='text/css'>
<!-- Our Stylesheets -->
<link rel="stylesheet" href="assets/stylesheets/main.css" type='text/css'>
<link rel="stylesheet" href="assets/stylesheets/random-blends-of-sound.css" type='text/css'>
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png"/>
<!-- JQuery -->
<script src="assets/javascripts/jquery-2.2.1.min.js"></script>
<script src="assets/javascripts/oridomi.min.js"></script>
<!-- JAVASCRIPTS -->
<script src="assets/javascripts/navbar.js"></script>
<!-- Boostrap -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<!-- Our Javascripts -->
</head>
<body>
<!-- Menu Button -->
<button class="site-menu-expand-button site-menu-button">
<div class="empty-container"></div>
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
</button>
<!-- Folding Menu -->
<div class="site-menu-wrapper">
<div class="site-menu">
<h1 class="header-font site-menu-header underline">Menu</h1>
<ul class="site-menu-list">
<!-- IMPORTANT WHEN ADDING: CHANGE THE FIRST CLASS OF EACH ITEM ACCORDINGLY -->
<a href="./"><li class="item-one site-menu-item"><h4>Home</h4></li></a>
<a href="./#explore"><li class="item-two site-menu-item"><h4>Explore</h4></li></a>
<a href="./#play"><li class="item-three site-menu-item"><h4>Play</h4></li></a>
<a href="./#learn"><li class="item-four site-menu-item"><h4>Learn</h4></li></a>
<a href="./interactive-map"><li class="item-five site-menu-item"><h4>Map</h4></li></a>
<a href="./audioguide"><li class="item-six site-menu-item"><h4>Audio Guide</h4></li></a>
<a href="./contact-us"><li class="item-seven site-menu-item"><h4>Contact Us</h4></li></a>
<a href="./visit"><li class="item-eight site-menu-item"><h4>Getting Here</h4></li></a>
<a href="./2015"><li class="item-nine site-menu-item"><h4>RB2015</h4></li></a>
</ul>
<button class="site-menu-collapse-button site-menu-button">
<span class="glyphicon glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
</button>
</div>
</div>
<!-- START HERE -->
<article id="random-blends-of-sound-wrapper" class="site-content-block">
<div class="audio-wrapper">
<h2 class="header-font site-content-block-title underline">Random Blends of Sound</h2>
<h3>Day one</h3>
<audio controls loop id="sound" src="assets/audio-tour-clips/sounds.wav"></audio>
<h3>Day two</h3>
<audio controls loop id="sound" src="assets/audio-tour-clips/rbos2.wav"></audio>
<h3>Day three</h3>
<audio controls loop id="sound" src="assets/audio-tour-clips/rbos3.wav"></audio>
<p>
<i>Random Blends of Sound</i> is an installation that aims to amalgamate the physical and virtual gallery spaces.
<br>
During the exhibition weekend, a microphone is set up in the exhibition space and records sounds from guests, which are picked apart, processed and pieced back together at the end of the day.
</p>
</div>
</article>
<footer>
<div class="sponsors-wrapper">
<h2 class="header-font">PROUDLY PRESENTED BY:</h2>
<div class="cnm-image-wrapper">
<img src="./assets/images/nus-cnm-logo.png" class="cnm-logo">
</div>
<h2 class="header-font">VENUE SPONSOR:</h2>
<div class="sponsors-image-wrapper">
<img src="./assets/images/asm-logo.png" class="asm-logo">
</div>
<h2 class="header-font">OFFICIAL PROJECTOR SPONSOR:</h2>
<div class="sponsors-image-wrapper">
<img src="./assets/images/epson-logo.jpg" class="epson-logo">
</div>
</div>
</footer>
<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-75602196-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>