-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (141 loc) · 8.05 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
<!DOCTYPE html>
<html lang="en_GB">
<head>
<title>GRAYSCALE</title>
<link rel="author" href="humans.txt" />
<meta name="description" content="">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/index.css">
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/p5.min.js"></script>
<script src="js/vendor/p5.dom.js"></script>
<script src="js/vendor/smooth-scroll.js"></script>
<script src="js/load-partials.js"></script>
<script src="js/scrollfade.js"></script>
<script src="js/clickdown.js"></script>
<script src="js/menuhide.js"></script>
<script src="js/load.js"></script>
<script src="js/gallery.js"></script>
</head>
<body>
<div id="fb-root">
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8&appId=1013695032082288";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</div>
<div id="container">
<div id="head">
<div header id="menu-container">
<div id="menu">
<div id="dropdown">
<span id="menu-content" class="pc">e</span>
<span id="menu-content" class="mobile">e</span>
<div id="menu-show">
<div id="menu-items">
<span id="items"><a data-scroll href="#about" class="about">about</a></span>
<span id="items"><a data-scroll href="#gallery" class="gallery">gallery</a></span>
<span id="items"><a data-scroll href="#vimeo" class="video">video</a></span>
<span id="items"><a data-scroll href="#interview" class="mitch">interview</a></span>
<!-- <span id="items"><a data-scroll href="#event" class="tickets">tickets</a></span> -->
</div>
</div>
</div>
</div>
<div id="title">
<a data-scroll href="#startpage" id="menu-content" class="pc">grayscale</a>
<a data-scroll href="#startpage" id="menu-content" class="mobile">gs</a>
</div>
</div>
<div id="startpage">
<!-- <div id="hide-thing">
</div> -->
<div id="down">
<a data-scroll href="#content"><img src="img/down.png" /></a>
</div>
<div id="grayscale-container">
<!-- <div id="grayscale-thing"></div> -->
<!-- <iframe src="https://www.openprocessing.org/sketch/407987/"></iframe> -->
</div>
</div>
</div>
<div id="content">
<div id="section" class="about">
<div id="about">
<h1 class="section-heads">
ABOUT
</h1>
<p>Grayscale is a new series of events that aims to highlight audio-visual art in Ireland. The first event will take place in the Pillar Room, an ornate 18th century function room beneath the Rotunda Hospital in Dublin, on the 11th of March 2017.</p>
<p><a href="http://www.clucluclu.xyz" target="_blank">CLU</a> is an audio-visual collaboration between Kevin Freeney and Sean Cooley. Based in Dublin, the pair have been working together at home and abroad for the past 5 years. They present an innovative mix of boundary-blurring music and cutting-edge visual performance.</p>
<p><a href="https://soundcloud.com/mrmitchmusic" target="_blank">Mr. Mitch</a> [<a href="http://gobstopper-records.co.uk" target="_blank">Gobstopper</a>] is a highly respected producer and DJ hailing from London. Over the past 7 years he has been consistently pushing the boundaries of instrumental electronic music, and Boxed, the monthly club night he co-founded in 2012, has become a flashpoint for forward-thinking, open-minded music lovers.</p>
<p><a href="http://www.rachelnoble.com" target="_blank">Rachel Noble</a> is a freelance visual artist living and working in London, often finding herself involved in the underground music scene.
</p>
</div>
</div>
<div id="section" class="gallery">
<div id="gallery">
<h1 class="section-heads">
GALLERY
</h1>
<div id="gal-post">
<img src="gallery/MRI_HUMAN_MALE.gif" />
<p>Artist: Dillon O'Sullivan</p>
</div>
<div id="gal-post">
<img src="gallery/GRAYSCALE_Poster_Overview.png" />
<p>Artist: Magnus Mudrack</p>
</div>
</div>
</div>
<div id="section" class="gallery">
<div id="vimeo">
<iframe src="https://player.vimeo.com/video/206395986?color=999&title=0&byline=0" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="vimeo"></iframe>
</div>
</div>
<div id="section" class="interview">
<div id="interview">
<h1 class="section-heads">INTERVIEW WITH MR. MITCH </span></h1>
<img src="img/image00.jpg">
<p>Since his first single dropped in 2010, Miles Mitchell has been pushing against the boundaries of what’s possible in grime. As an instrumental producer and DJ, Mitchell has helped redefine grime as something more than the central figure of the MC. Rather than filling the vacuum left by the absence of a vocalist, the music plays with negative space, a sense of weightlessness which sometimes spills into the euphoric. </p>
<p><i>Devout</i>, his second album for legendary electronic label Planet Mu, is about to appear. It’s a step in a new direction for Mitchell, featuring a host of collaborators and, for the first time, his own vocals. It’s a soft album, a late-night headphone listen, that tackles the theme of fatherhood in a major way. Whether you could still call it a grime album is almost irrelevant – <i>Devout</i> is something new, something still undefined. More than anything, it’s the sound of a musician growing more comfortable with his own story and his own sound. </p>
<a class="moreclick">click for more</a>
<div id="interview-content"></div>
</div>
</div>
<!-- <div id="section" class="event">
<div id="event-container">
<iframe id="eventbrite" src="https://eventbrite.ie/tickets-external?eid=32070865823&ref=etckt" frameborder="0" height="360" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
</div>
</div> -->
<div id="footer">
<a class="me" href="humans.txt" target="_blank">humans.txt</a>
<div data-href="https://www.facebook.com/grayscaledublin/" data-colorscheme="dark" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true" class="fb-like">
</div>
</div>
</div>
</body>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-93088831-1', 'auto');
ga('send', 'pageview');
</script>
<script>
smoothScroll.init({
selector: '[data-scroll]', // Selector for links (must be a class, ID, data attribute, or element tag)
selectorHeader: '[header]', // Selector for fixed headers (must be a valid CSS selector) [optional]
speed: 1000, // Integer. How fast to complete the scroll in milliseconds
easing: 'easeInOutCubic', // Easing pattern to use
offset: 32, // Integer. How far to offset the scrolling anchor location in pixels
});
</script>
</html>