-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (145 loc) · 7.02 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
<!DOCTYPE html>
<head>
<title>Random Blends 2016</title>
<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="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">
<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>
<article id="site-logo-wrapper" class="site-content-block">
<div id="site-logo-content">
<img id="site-logo" src="assets/images/random-blends.png">
<h4>A student showcase of digital media and interactive art</h2>
<h5>24 March | 4pm - 10pm (Last Admission at 9PM)<br>
25-27 March | 10am - 7pm (Last Admission at 6PM)<br>
ArtScience Museum | Free Admission</h5>
<button onclick="window.location.href='./visit'" class="site-default-button">Plan Your Visit</button>
</div>
</article>
<article id="explore" class="site-content-block">
<h2 class="header-font site-content-block-title underline">Explore</h2>
<div class="site-large-wrapper">
<div class="site-large-image-wrapper">
<img src="./assets/images/featuredArtists.jpg">
</div>
<h3 class="header-font">Featured Artists</h3>
<p>Take a closer look into the art and minds of some of our featured artists. Dive right in and get to know them.</p>
<button onclick="window.location.href='./featured-artists'" class="site-default-button">View</button>
</div>
<div class="site-large-wrapper">
<div class="site-large-image-wrapper">
<img src="./assets/images/featuredArtwork.jpg">
</div>
<h3 class="header-font">Featured Artworks</h3>
<p>The 2016 Random Blends Featured Artists embody a range of medium and techniques. Find out more about these featured artworks.</p>
<button onclick="window.location.href='./featured-artworks'" class="site-default-button">View</button>
</div>
</article>
<article id="random-blend-of-sounds-wrapper" class="site-content-block">
<div id="play"></div>
<div id="random-blend-of-sounds-content">
<img id="random-blend-of-sounds-splash" src="assets/images/random-sounds.jpg">
<h5>An installation that aims to amalgamate the physical and virtual gallery spaces.</h5>
<button onclick="window.location.href='./sounds'" class="site-default-button">Play</button>
</div>
</article>
<article id="learn" class="site-content-block">
<h2 class="header-font site-content-block-title underline">Learn</h2>
<div class="site-large-wrapper">
<div class="site-large-image-wrapper">
<img src="./assets/images/pressroom.jpg">
</div>
<h3 class="header-font">Pressroom</h3>
<p>Get the latest updates about Random Blends 2016 from our pressroom and social media. Hear what others are talking about us.</p>
<button onclick="window.location.href='./pressroom'" class="site-default-button">Check it out</button>
</div>
<div class="site-large-wrapper">
<div class="site-large-image-wrapper">
<img src="./assets/images/audio-guide.jpg">
</div>
<h3 class="header-font">Audio Guide</h3>
<p>Listen to the narratives behind each work, and what our artists have to say about their inspirations and challenges.</p>
<button onclick="window.location.href='./audioguide'" class="site-default-button">Try it</button>
</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>
<!-- <div id="map"></div> -->
<!-- <article class="site-content-block">
<h2 class="site-content-block-title underline">Blah blah</h2>
<div class="site-mosaic-wrapper">
<div class="site-mosaic-item site-mosaic-text"><h3 class="heading-underline">test</h3></div>
<img class="site-mosaic-item site-mosaic-image" src="assets/images/dummy.jpg">
</div>
<div class="site-mosaic-wrapper">
<div class="site-mosaic-item site-mosaic-text">The brown fox jumps over the lazy dog.</div>
<img class="site-mosaic-item site-mosaic-image" src="assets/images/dummy.jpg">
</div>
<div class="site-mosaic-wrapper">
<div class="site-mosaic-item site-mosaic-text">The brown fox jumps over the lazy dog.</div>
<img class="site-mosaic-item site-mosaic-image" src="assets/images/dummy.jpg">
</div>
</article> -->
<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>