-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmink.html
91 lines (82 loc) · 4.73 KB
/
mink.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
<!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">Mink</div>
</div>
<img src="images/mink/mink3.jpg" height="1500" width="2250" class="img-fluid" alt="">
<img src="images/mink/mink.JPG" height="1500" width="2250" class="img-fluid" alt="">
<div class="texto"><br>
<br>
Mink is Marta Ångela, Inês Castanheira and Diana Combo directed by Kaffe Matthews and commissioned by Sonoscopia for Colexpla International Festival of Sonic Explorers, Teatro Carlos Alberto, Porto, September 2018.
Working live with DIY electronics, voice, software, field recordings, a pau, improvisation and multichannel diffusion, together they explore the phenomenon of magnetism through contemporary urban landscapes and the human body, going deep underground in air and underwater, creating unknown and curious atmospheres via massive and intricate noise fields to the tiniest of details. <br>
</div>
<br>
<br>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/290851093?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 class="texto"> <b>Colexpla International Festival of Sonic Explorers, Teatro Carlos Alberto, Porto, September 2018 </b>
Photos by Rui Pinheiro - <a href="https://festivalcolexpla.com/pt/">www.festivalcolexpla.com</a> </div>
<br>
<div id="carouselmink1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"> <img class="d-block w-100" src="images/mink/mink4.jpg"
alt="First slide"> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink5.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink6.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink7.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink8.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink9.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink10.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink11.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink12.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink13.jpg"
alt=""> </div>
<div class="carousel-item"> <img class="d-block w-100" src="images/mink/mink14.JPG"
alt=""> </div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselmink1" 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="#carouselmink1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"> ▷</span> <span class="sr-only">Next</span> </a> </div>
</div>
</div>
</div>
</body>
</html>