-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathalvor.html
138 lines (127 loc) · 8.2 KB
/
alvor.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Inês Castanheira</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
$( ".draggable" ).draggable();
});
</script>
</head>
<body>
<nav class="navbar"> <a class="navbar-brand" href="index.html">Inês Castanheira</a> </nav>
<div class="entry">
<div class="project_content">
<div class="project_header">
<div class="project_title">Alvor</div>
</div>
<div class="texto"></div>
<img src="images/alvor/alvor1.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div class="texto"><br>
<br>
"Alvor is the result of a creative exploration that resorts to the hacking of electronic materials to produce a series of mechanical sound objects, based on the imaginary and poetic territory of bird singing. <br>
In this series of electronic sound objects, which evoke the shape of birds, Inês Castanheira leaves to the intensity of the light, both natural and artificial, the activation of their animistic and sonic potency.
Individually adapted, these mechanisms are sensitive to the light and can be manipulated through artificial light or calibrated as alarms responding to the first incidence of the morning sunlight. <br>
The chirping of the birds is, perhaps, one of the most recognisable sign of dawn, and varies according to its geographic and climatic nature.
In Alvor, the audience is invited to play the role of the agent who can explore that modulatory possibility, retrieving and awaking «the birds from their numb and mute state, using light as a manipulatory source to find movements and symphonies hidden inside the electronic circuit of these objects."<br>
Text by Rossana Mendes</div>
<br>
<img src="images/alvor/alvor5.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselalvor1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"> <img class="d-block w-100" src="images/alvor/alvor2.jpg"
alt="First slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvo3.jpg"
alt="Second slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvor4.jpg"
alt="Third slide"> </div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselalvor1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true">◁ </span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselalvor1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> ▷</span> <span class="sr-only">Next</span> </a></div>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/334702677?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen ></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
<br>
<br>
</div>
<br>
<br>
<div class="texto"><b>Cru Galeria, Porto 2019</b> <br>
Solo Exhibition</div>
<br>
<img src="images/alvor/alvorcru2.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselalvor2" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"> <img class="d-block w-100" src="images/alvor/alvorcru3.jpg"
alt="First slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvorcru4.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvorcru5.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvorcru6.jpg"
alt="Third slide"> </div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselalvor2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true">◁ </span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselalvor2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> ▷</span> <span class="sr-only">Next</span> </a></div>
</div>
<br>
<br>
<div class="texto"><b>Vivarium Festival, Porto 2019</b> <br>
Collective Exhibition <a href="https://www.vivariumfest.com/en/"> # link</a></div>
<br>
<img src="images/alvor/alvorvivarium2.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselalvor3" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"> <img class="d-block w-100" src="images/alvor/alvorvivarium1.jpg"
alt="First slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvorvivarium3.jpg"
alt="Third slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/alvor/alvorvivarium4.jpg"
alt="Third slide"> </div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselalvor3" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true">◁ </span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselalvor3" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> ▷</span> <span class="sr-only">Next</span> </a></div>
</div>
<br>
<div class="texto"><b>TROPO - Figuras coincidentes de um movimento celular, Porto 2019</b> <br>
Collective Exhibition</div>
<br>
<img src="images/alvor/tropo2.jpg" height="1500" width="2250" class="img-fluid" alt=""> </div>
<br>
<br>
<!--<div class="container">
<div class=" col-4 draggable" style="margin: 0px 0px 0px 0px"><a class="thumb" href="alvor.html"> <img src="" alt=""/>
<div class="caption"><span>Alvor </span></div>
</a> </div>
<div class="col-4 draggable" style="margin: 0px 0px 0px 0px;"> <a class="thumb" href="mosaico.html"> <img src="" alt=""/>
<div class="caption"><span>Mosaico</span></div>
</a> </div>
<div class="col-4 draggable" style="margin: 30px 0px 0px 0px;"> <a class="thumb" href="spacetime.html"> <img src="" alt=""/>
<div class="caption"><span>space-time</span></div>
</a> </div>
<div class="col-4 draggable" style="margin: 80px 0px 0px 0px;"> <a class="thumb" href="piupiupiu.html"> <img src="" alt=""/>
<div class="caption"><span>P#i¶îuPi‰Piu</span></div>
</a> </div>
<div class="col-4 draggable" style="margin: 80px 10px 0px 10px;"> <a class="thumb" href="light.html"> <img src="" alt=""/>
<div class="caption"><span>Li#gH%t</span></div>
</a> </div>
<div class="col-4 draggable" style="margin: 10px 0px 95px 20px;"> <a class="thumb" href="panel.html"> <img src="" alt="" />
<div class="caption"><span>E-waste Panel</span></div>
</a> </div>
</div>-->
</body>
</html>