-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgamestothepeople.html
131 lines (115 loc) · 4.92 KB
/
gamestothepeople.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
<!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">Games to the people</div>
</div>
<img src="images/games/games5.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div class="texto"><br><br>
Citizen Lab at Future Places, Porto, 2015<br>
Coordination - Inês Castanheira, Pedro Cardoso <a href="http://futureplaces.org/labs/games-to-the-people-2/">#link</a>
<br>
<br>Developing musical/sonorous and visual instruments with video games.<br>
The goal of this workshop is to demonstrate how obsolete or outdated video game consoles can be used to perform sonorous/musical and visual compositions, initiating participants in simple principles of DIY, hardware hacking and circuit bending practices. In the first part of the workshop, the participants are instructed in how to hack the provided hardware. In the second moment, they create their own version of the instrument, applying the newly acquired skills.
</div>
<br>
<br>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/147625480?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>
<img src="images/games/games8.jpg" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselgames1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/games/games1.jpg"
alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games3.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games4.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games2.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games6.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games1.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games9.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games10.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games11.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games12.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games13.jpg"
alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/games/games14.jpg"
alt="Second slide">
</div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselgames1" 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="#carouselgames1" 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>
</div>
</body>
</html>