-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·150 lines (131 loc) · 6.77 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
---
layout: default
section_id: home
---
<div class='full-front-page parallax' style='background-image: url(images/headers/lights.jpg); color: #fff;'>
<div class='row index_page'>
<img src='images/logo-white-noDate.png' class="header-image">
</div>
<div class='twelve columns'>
{% include section-header.html title="" color="#fff" tagline="September 3-8, 2017" class="big" %}
</div>
<div class='four spacing'></div>
</div>
<div class='full index-header-text' style="background: #41a491;">
<div class='row' >
<h2 class='intro-text'>Theme 2017:</h2>
<h2 class='intro-text body'>Politics and ethics in<br>media and art technology</h2>
<!-- <p style="size: 2.5em; color: white; padding: 10px;">One line about the thing in general.</p> -->
</div>
</div>
<div class='full'>
<div class='row'>
<div class='medium-12 columns'>
<!-- <h3>inter/sections 2017</h3> -->
<p class="header-line">Following the rise of unprecedented activism and political protests in the past year, Inter/sections 2017 explores how artists and technologists use different networks, databases, and systems to raise awareness of ethical and political issues around technologies.</p>
<p>Through a week-long programme of interactive artwork, we will engage with topics ranging from the ethics of data privacy to the political effects of social media. Free workshops and talks with artists and technology activists will question how current political systems impact evolving technologies and introduce ways that technology can subvert them.</p>
</div>
</div>
</div>
<div class='front-page-section symposium'>
<div class='row'>
<div class="large-12 columns">
<div class='row'>
<div class='twelve columns'>
{% include section-header.html title="Symposium" color="#fff" tagline="" class="big" %}
</div>
</div>
</div>
</div>
</div>
<!-- Start the two columns of content: -->
<div class='front-page-section'>
<div class='row iframe-flex'>
<div class='medium-6 columns'>
<h3>The Inter/sections Symposium</h3>
<p>Inter/sections culminates in a Symposium on Friday 8 September. This is a day-long event for discussion and exchange between academia, industry and activists. Featuring keynote speakers who are experts in emerging trends in science and media, the Inter/sections Symposium creates a space to debate new ethical frameworks for emerging technologies. The Symposium includes lightning talks from researchers, a hands-on workshop run by the TCCE (The Culture Capital Exchange) exploring ethics, art and technology, as well as a panel on Work Ethics in the Age of Automation. Attendance is free, but booking is essential as lunch will be provided.</p>
<a href='symposium.html' class='button-link'>Read more</a><a href="https://www.eventbrite.co.uk/e/intersections-symposium-tickets-35385982426" class="button-link register-now" style='margin-left: 1em'>Book your place (Eventbrite)</a>
<div class='spacing'></div>
</div>
<div class='medium-6 columns iframe-content'>
<!-- <p>iframe here from Vimeo, must auto-float to 100% of parent element</p> -->
<iframe src="https://player.vimeo.com/video/185704156" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- End two content columns -->
</div><!-- end row -->
</div><!-- end full front-page-section symposium -->
<div class='front-page-section events'>
<div class='row'>
<div class="large-12 columns">
<div class='row'>
<div class='twelve columns'>
{% include section-header.html title="Events" color="#fff" tagline="" class="big" %}
</div>
</div>
</div>
</div>
</div>
<div class='front-page-section'>
<div class='row iframe-flex'>
<!-- Start the two columns of content: -->
<div class='medium-6 columns'>
<h3>A week of events</h3>
<p>Inter/sections is an annual meeting place for curious people interested in exploring new frontiers in media, art and technology. Through a week-long programme of free events, the 80-strong cohort of the Media and Arts Technology (MAT) at Queen Mary University of London invite you to think, talk and experiment. Events include a family Cryptoparty, an exhibition of interactive artwork and a Symposium.</p>
<a href="events.html" class="button-link">Read more</a>
<div class='spacing'></div>
</div>
<div class='medium-6 columns iframe-content'>
<img src="{{ site.url }}/images/headers/panel.jpg"
</div>
<!-- End two content columns -->
</div><!-- end row -->
</div><!-- end full front-page-section symposium -->
<div class='front-page-section exhibition'>
<div class='row'>
<div class="large-12 columns">
<div class='row'>
<div class='twelve columns'>
{% include section-header.html title="Exhibition" color="#fff" tagline="" class="big" %}
</div>
</div>
</div>
</div>
</div>
<div class='front-page-section'>
<div class='row iframe-flex'>
<!-- Start the two columns of content: -->
<div class='medium-6 columns'>
<h3>Exhibition of media art</h3>
<p>Approaching the theme of Ethics and Politics in Media and Arts Technology from a more experimental and artistic perspective, our curated exhibition showcases the work of internationally renowned designers and artists alongside our own PhD students' mixed media artworks.</p>
<p>We also present work by Will Hurt and Yosuke Ushigome. Will's artwork, commissioned for Inter/sections, draws visitors' attention to built environments, while Yosuke's invites visitors to explore shared economies.</p>
<a href="exhibition.html" class="button-link">Read more</a>
<div class='spacing'></div>
</div>
<div class='medium-6 columns iframe-content'>
<iframe src="https://player.vimeo.com/video/186455106" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- End two content columns -->
</div><!-- end row -->
</div><!-- end full front-page-section symposium -->
<div class='row'>
<div class='large-12 columns'>
<div class='mod modTestimonials'>
<div class='row'>
<div class='small-12 columns'>
<div class='items centered-text'>
{% for testimonial in page.testimonials %}
<div class='item'>
<p class='quote'>"{{testimonial.quote}}"</p>
<p class='author'>- {{testimonial.author}}</p>
<div class='two spacing'></div>
</div>
{% endfor %}
</div>
</div>
<div class='spacing'></div>
</div>
</div>
</div>
</div>
</div>
{% include our-supporters.html %}