-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
348 lines (279 loc) · 17.5 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
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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image:src" content="">
<meta property="og:image" content="">
<meta name="twitter:title" content="ats@50: Art & Technology Studies">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/ats50.png" type="image/x-icon">
<meta name="description" content="Celebrating 50 years of Art & Technology Studies at The School of the Art Institute of Chicago.">
<title>ats@50: Art & Technology Studies</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link href="assets/fonts/style.css" rel="stylesheet">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Space+Grotesk:300,400,500,600,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Space+Grotesk:300,400,500,600,700&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section data-bs-version="5.1" class="menu menu2 cid-thD1SxWui5" once="menu" id="menu2-3o">
<nav class="navbar navbar-dropdown navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html"><img src="assets/images/ats50.png" alt="ats@50 logo" style="height: 5rem;"></a>
</span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="index.html#gallery3-2">Event Archive</a>
</li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="tours.html">Department Tours</a></li></ul>
<div class="icons-menu">
<a class="iconfont-wrapper" href="https://www.facebook.com/pg/saicartandtech" target="_blank">
<span class="p-2 mbr-iconfont socicon-facebook socicon"></span>
</a>
<a class="iconfont-wrapper" href="mailto:ats@saic.edu">
<span class="p-2 mbr-iconfont socicon-mail socicon"></span>
</a>
</div>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-secondary display-4" href="index.html#features17-1">Read the Publication</a></div>
</div>
</div>
</nav>
</section>
<section data-bs-version="5.1" class="header5 cid-thkFTBSu6N mbr-fullscreen" data-bg-video="https://www.youtube.com/watch?v=Plvh0Rhevyo" id="header5-0">
<div class="mbr-fallback-image disabled"></div>
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-7">
<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-3 display-1"><strong>ats@50</strong></h1>
<p class="mbr-text mbr-fonts-style mbr-white display-7">50 Years of Art & Technology Studies at The School of the Art Institute of Chicago<br></p>
<div class="mbr-section-btn mt-3"><a class="btn btn-white display-7" href="index.html#gallery3-2">Explore the Celebration →</a> <a class="btn btn-white-outline display-7" href="https://youtu.be/Plvh0Rhevyo"><span class="socicon socicon-youtube mbr-iconfont mbr-iconfont-btn" style="font-size: 20px;"></span>Watch the video</a>
<a class="btn btn-secondary-outline display-7" href="https://saic.edu/ats" target="_blank"><span class="mobi-mbri mobi-mbri-info mbr-iconfont mbr-iconfont-btn" style="font-size: 18px;"></span>Learn More</a></div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="content15 cid-thlx0RlUaJ" id="content15-1n">
<div class="container">
<div class="row justify-content-center">
<div class="card col-md-12 col-lg-12">
<div class="card-wrapper">
<div class="card-box align-left">
<p class="mbr-text mbr-fonts-style display-7"><strong>The first of its type in the United States</strong>, SAIC’s Art & Technology Studies department was established in 1969 with the introduction of a single course operating at the intersection of art, science, and technology. Since its inception, the program has continually pioneered the use of emerging technologies in contemporary art, developing new models of artistic practice and integrating these models into the curriculum of one of the world’s most influential art and design schools.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features16 cid-thkGzCxA85" id="features17-1">
<div class="container">
<div class="content-wrapper">
<div class="row align-items-center">
<div class="col-12 col-lg-6">
<div class="image-wrapper">
<img src="assets/images/ats50-publication.jpeg" alt="Photo of Lee Blalock’s Solenoid mask instr/augment (2018), by Sophia Barr Hayne.">
</div>
</div>
<div class="col-12 col-lg">
<div class="text-wrapper">
<h6 class="card-title mbr-fonts-style display-5">
<strong>ats@50: Art & Technology Studies 1969-2019</strong><strong><br></strong></h6>
<p class="mbr-text mbr-fonts-style mb-4 display-4">
Our <strong>80-page publication</strong> interweaving personal, historical, and scholarly accounts of the department, faculty, and alumni.<br><br>To receive a copy of <strong><em>ats@50</em></strong> please email <a href="mailto:ats@saic.edu" class="text-info">ats@saic.edu</a>.<br><br>Photo of <strong>Lee Blalock's</strong> <em>Solenoid mask instr/augment (2018)</em>, by <strong>Sophia Barr Hayne</strong>.</p>
<div class="mbr-section-btn mt-3"><a class="btn btn-black display-4" href="https://drive.google.com/file/d/1AuHEXHhIoLFASmhUh8Diz5SjFDADjwVl/view?usp=sharing" target="_blank"><span class="mobi-mbri mobi-mbri-download-2 mbr-iconfont mbr-iconfont-btn"></span>Download the PDF</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="gallery3 cid-thkHm7e1f8" id="gallery3-2">
<div class="container-fluid">
<div class="mbr-section-head">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Event Archive</strong></h4>
</div>
<div class="row mt-4">
<div class="item features-image сol-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img">
<a href="hacksaic.html"><img src="assets/images/hacksaic.png" alt="hackSAIC promo banner"></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7"><strong>hackSAIC</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7">24-hour art hackathon.<br><br><em>April 6, 8p to April 7, 10pm 2019</em><em><br></em><br>MacLean Building Ballroom<br>112 S. Michigan Avenue<br><br></p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="hacksaic.html" class="btn btn-primary item-btn display-7">Learn
more</a></div>
</div>
</div>
<div class="item features-image сol-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img">
<a href="spaceartsymposium.html"><img src="assets/images/spaceart-engage.png" alt="Space Art Symposium promo banner image"></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7">
<strong>Space Art Symposium</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7">
Sharp Building<br>37 S Wabash Ave.<br>The LeRoy Neiman Center</p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="spaceartsymposium.html" class="btn btn-primary item-btn display-7">Learn
more</a></div>
</div>
</div>
<div class="item features-image сol-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img">
<a href="tamikothiel.html"><img src="assets/images/tamiko-thiel-poster.jpeg" alt="Tamiko Theil poster" title=""></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7">
<strong>Artist Talk: Tamiko Thiel</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7"><em>April 30, 2019 </em>|<em> 4:30-5:30p<br></em><br>MacLean Building<br>112 S. Michigan Ave.<br>4th Floor RM402</p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="tamikothiel.html" class="btn btn-primary item-btn display-7">Learn
more</a></div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="gallery3 cid-thkJvHJzn6" id="gallery3-3">
<div class="container-fluid">
<div class="row mt-4">
<div class="item features-image сol-12 col-md-6 col-lg-4 active">
<div class="item-wrapper">
<div class="item-img">
<a href="olfactoryart.html"><img src="assets/images/olfactory.jpeg" alt="Olfactory art exhibition"></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7"><strong>Olfactory Art Exhibition</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7">May 10 - June 11, 2019<br><br><em>Opening reception May 10, 2019 </em>| <em>4:30 to 5:30p<br></em><br>MacLean Building<br>112 S. Michigan Avenue<br>4th Floor RM400<br><br></p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="olfactoryart.html" class="btn btn-primary item-btn display-7">Learn
more</a></div>
</div>
</div>
<div class="item features-image сol-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img">
<a href="atsfest.html"><img src="assets/images/festjpg.png" alt="ATS Fest poster" data-slide-to="1" data-bs-slide-to="1"></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7">
<strong>ATS FEST</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7">A Celebration of 50 Years of Experimentation<br><br>MacLean Building<br>112 South Michigan Ave.<br>4th Floor & Basement Level 1</p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="atsfest.html" class="btn btn-primary item-btn display-7">Learn
more</a></div>
</div>
</div>
<div class="item features-image сol-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="item-img">
<a href="arselectronica2019.html"><img src="assets/images/spaceyueminhuang.jpeg" alt="Ars Electronica 2019 poster" data-slide-to="3" data-bs-slide-to="3"></a>
</div>
<div class="item-content">
<h5 class="item-title mbr-fonts-style display-7">
<strong>Ars Electronica 2019</strong></h5>
<p class="mbr-text mbr-fonts-style mt-3 display-7">Sept 5 - 9, 2019<br><br>ATS Exhibition at Ars Electronica 2019, Linz, Austria </p>
</div>
<div class="mbr-section-btn item-footer mt-2"><a href="arselectronica2019.html" class="btn btn-primary item-btn display-7" target="_blank">Learn
more</a></div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="content15 cid-thlxAjWT9R" id="content15-1o">
<div class="container">
<div class="row justify-content-center">
<div class="card col-md-12 col-lg-12">
<div class="card-wrapper">
<div class="card-box align-left">
<h4 class="card-title mbr-fonts-style mbr-white mb-3 display-5">
<strong>Take a Tour</strong></h4>
<p class="mbr-text mbr-fonts-style display-7">Virtual tours of our Art & Technology Studies facilities.</p>
<div class="mbr-section-btn mt-3"><a class="btn btn-primary display-4" href="tours.html"><span class="mobi-mbri mobi-mbri-map-pin mbr-iconfont mbr-iconfont-btn"></span>Take a tour</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="footer5 cid-thwdisxqLs" once="footers" id="footer5-3k">
<div class="container">
<div class="media-container-row">
<div class="col-md-2 col-6">
<div class="media-wrap">
<a href="index.html"><img src="assets/images/artandtech-logo.jpeg" alt="ats logo"></a>
</div>
</div>
<div class="col-10 col-6">
<p class="mbr-text align-right links mbr-fonts-style display-7"></p>
</div>
</div>
<!-- <div class="media-container-row">
<div class="col-md-12"> -->
<div class="footer-lower">
<div class="media-container-row">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="media-container-row">
<div class="col-md-6 copyright">
<p class="mbr-text mbr-fonts-style display-4">
© Art & Technology Studies</p>
</div>
<div class="col-md-6">
<div class="social-list align-right">
<div class="soc-item">
<a href="mailto:ats@saic.edu">
<span class="mbr-iconfont mbr-iconfont-social socicon-mail socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.facebook.com/saicartandtech/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
</a>
</div>
</div>
</div>
</div>
<!-- </div>
</div> -->
</div>
</div>
<section>
<a href=https://mobiri">
<p href="https://mobiri">
</a>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/ytplayer/index.js"></script>
<script src="assets/vimeoplayer/player.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/theme/js/script.js"></script>
</section>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div>
</body>
</html>