-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconsolas.html
128 lines (96 loc) · 4.68 KB
/
consolas.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
<!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">Circuit Bending e Hacking de consolas de vídeo</div>
</div>
<img src="images/consolas/consola8.JPG" height="1500" width="2250" class="img-fluid" alt="">
<div id="carouselconsolas2" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/consolas/consola1.JPG"
alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/consolas/consola10.JPG"
alt="">
</div>
</div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselconsolas2" 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="#carouselconsolas2" 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="texto"><br><br>
Workshop at Circuito Summer School, Gnration, Braga 2022<br>
Coordination - Inês Castanheira <br><br>
In this workshop we will explore the hacking of video consoles to create instruments that allow the generation and manipulation of visuals in real-time, characterized by patterns and glitches originating from games.
Participants will be introduced to circuit bending and hardware hacking strategies, exploring in an intuitive and artisanal way the modification of console systems that are already outdated or discarded,
Throughout the session there will be direct and creative contact with the electronic interior of the consoles, in the search for and access to new aesthetic possibilities beyond their original functions. The workshop will address the main concepts and techniques behind these hacking strategies, as well as some of the precautions to be taken in the DIY exploration of these electronic devices.<br><br>
</div>
<br>
<br>
<div id="carouselconsolas1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/consolas/consola7.JPG"
alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/consolas/consola4.JPG"
alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/consolas/consola0.JPG"
alt="">
</div>
</div>
</div>
<div class="arrows"> <a class="carousel-control-prev" href="#carouselconsolas1" 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="#carouselconsolas1" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"> ▷</span>
<span class="sr-only">Next</span>
</a></div><br>
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8fY7hF6KmSM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</div>
<br>
<br>
</div>
</body>
</html>