-
Notifications
You must be signed in to change notification settings - Fork 0
/
fountain.html
79 lines (55 loc) · 2.43 KB
/
fountain.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
<!DOCTYPE html>
<body itemscope itemtype="https://schema.org/Sculpture">
<head>
<title>Catherina Centanni</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="/img/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Fountain. Interactive art installation based on search engine queries.">
<meta name="creator" content="Catherina Centanni">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
<style>
/* Landscape phones and down */
@media (max-width: 480px) {
h1 { font-size: 21pt;}
}
@media (max-width: 320px) {
h1 { font-size: 18pt;}
}
</style>
</head>
<body>
<div class="container text-center">
<div class="row">
<a href="/"><img src="assets/img/catherina-sm.jpg" width="60px" class="img-circle"></a>
</div>
<h1 itemprop="name">Fountain</h1>
<hr>
<div class="row">
<div class="col-md-3 col-md-offset-2">
<div><img src="assets/img/fountain.jpg" alt="Fountain"></div>
<div style="padding:20px">
HC11 microcontroller,
PC, CRT, speakers,
steel, plexiglass, water,
electric pump
</div>
</div>
<div class="col-md-5" itemscope itemtype="https://schema.org/about">
<p class="text-left intro"><strong>Fountain</strong> monitors and scrapes search queries entered into the Google search engine in real-time. Using the image search function it retreives images related to each search term and displayed it as a collage on a CRT mounted under a plexiglass tank filled with water. Every time a new image appears, a pump is actuated creating the appearance of images floating in water. Visitors have to look into the tank in order to see the screen. Gallery visitors are able to hear each term spoken using text to speech.</p>
<div class="text-left" itemscope itemtype="https://schema.org/award">
<ul class="list-unstyled">
<h4>Awards</h4>
<li>Chairman’s grant</li>
<li>Alumni award</li>
<li>Computer Art thesis grant</li>
<li>Award for best interactive media thesis</li>
</ul>
</div>
</div>
</div>
</div> <!-- /container -->
</body>
</html>