-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbrutal.html
55 lines (51 loc) · 2.15 KB
/
brutal.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="utf-8"/>
<title>fefo . mus . BRUTAL</title>
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<div class="inner">
<h1>fefo . mus . BRUTAL</h1>
<div style="width: 50%">
<hr noshade="noshade" >
</div>
<nav>
<h3><a href="../mus"><<<</a></h3>
</nav>
<br>
<div>
<h3>BRUTAL (2021)</h3>
<p><i>Escultura interativa</i>
<br>Cimento, canudos biodegradáveis, borracha, epóxi, potenciômetros, sensor ultrassônico, Arduino Nano e SuperCollider</p>
<img src="./brutal.jpg" alt="desktop" width="100%" style="margin-bottom:10%;"/>
<p>Inspirada pelo movimento arquitetônico brutalista, a
escultura procura beleza na simplicidade de seus materiais,
desenho e construção, servindo como objeto de controle para um
sintetizador FM, igualmente descomplicado e versátil. O
trabalho valoriza uma interação intuitiva e funcional entre
movimentos e sons, que variam de senoides a espectros
complexos. Realizada como residente no SomaRumor II - 2º
Encontro Latinoamericano de Arte Sonora.</p>
<br>
<img src="./brutal/01.jpg" alt="desktop" width="100%" style="margin-top:10%; margin-bottom:10%;"/>
<img src="./brutal/02.jpg" alt="desktop" width="100%" style="margin-top:10%; margin-bottom:10%;"/>
<img src="./brutal/03.jpg" alt="desktop" width="100%" style="margin-top:10%; margin-bottom:10%;"/>
<img src="./brutal/04.jpg" alt="desktop" width="100%" style="margin-top:10%; margin-bottom:10%;"/>
<img src="./brutal/05.jpg" alt="desktop" width="100%" style="margin-top:10%; margin-bottom:10%;"/>
<video width="100%" height="100%" controls>
<source src="./brutal/brutal.mp4" type="video/mp4">
Your browser does not support the video tag!
</video>
</div>
<br>
<br>
<br>
<footer>
<p style="font-size:small">Felippe Brandão</p><a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/" target="_blank"><img style="width:10%; height:10%" src="../img/mini/by-nc-sa.png"></a>
</footer>
</div>
</body>
</html>