-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathimpros.html
More file actions
414 lines (367 loc) · 25.5 KB
/
impros.html
File metadata and controls
414 lines (367 loc) · 25.5 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>eucaio.art | impros </title>
<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="Caio_class.js"></script>
<script language="javascript" type="text/javascript" src="definitions.js"></script>
<script language="javascript" type="text/javascript" src="element_class.js"></script>
<script language="javascript" type="text/javascript" src="eucaio.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="divCaio">
<h1 id="h1PageName" style="color: #7E5221; transform: translateX(-48%) translateY(280%) rotate(-90deg)">impros</h1>
<nav id="navCAIO">
<h3>
<div>
<a class="navHover" id="c">C<p class="navP">x</p> </a>
<span class="navTab" id="cTab">
<a class="navTab" href="#c" onclick="pageChange('comps.html')"> comps </a>
</span>
</div>
</h3>
<h3>
<div>
<a class="navHover" id="a">A<p class="navP">x</p> </a>
<span class="navTab" id="aTab">
<a class="navTab" href="http://lattes.cnpq.br/4346581838045021" target="_blank"> academia </a>
</span>
</div>
</h3>
<h3>
<div>
<a class="navHover" id="i">I<p class="navP">x</p> </a>
<span class="navTab" id="iTab">
<a class="navTab" href="#i" onclick="pageChange('impros.html')"> impros </a>
</span>
</div>
</h3>
<h3>
<div>
<a class="navHover" id="o">O<p class="navP">x</p> </a>
<span class="navTab" id="oTab">
<a class="navTab" href="https://github.com/cacaiocamp" target="_blank"> outros </a>
|
<a class="navTab" href="#bio" onclick="pageChange('bio.html')"> bio </a>
|
<a class="navTab" id="oIndex" href="#index" onclick="pageChange('index.html')"> index </a>
<a class="navTab" id="oenus" href="#oenus" onclick="pageChange('en/impros.html')"> enUS </a>
</span>
</div>
</h3>
</div>
<div id="caiosCountDiv">
<span> <p class="countDiv" id="caiosCount">0</p> <p class="caiosCountDrawP" id="caiosP"> caios</p> <p class="countDiv">caíram</p> </span>
</div>
<div id="divContentOutter" onclick="closeCaioTabs()">
<nav id="navContentTypes">
<span class="typesTab" style="display: flex; justify-content: space-around;">
<a class="navTabB" href="#s" onclick="improsFeed('s')" style="font-weight: bold; background-color: #ccaa1141" id="sFeed"> solo </a>
<a class="navTabB" href="#c" onclick="improsFeed('c')" style="font-weight: bold" id="cFeed"> CACO </a>
<a class="navTabB" href="#g" onclick="improsFeed('g')" style="font-weight: bold" id="mFeed"> ++ </a>
</span>
</nav>
<span id="spanContent">
<div id="divContent" class="overflowY">
<span id="spanSoloContent">
<h1 class="contentTypeImpros" style=""color: #7E5221;">solo</h1>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentSfiils" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentSfiils')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 style="font-style: italic;" class="content" id="sfiils">SFI/ILS</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">performance solo</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
<em>SFI/ILS</em> é uma performance solo em um desenvolvimento constante. Ela é articulada por meio de uma metodologia de 'Performance como Pesquisa', interessada na experimentação com a fisicalidade em performances musicais - especialmente em minhas próprias improvisações com o baixo elétrico.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
A performance foca em explorações de como a fisicalidade, em suas relações e articulações com o som, a corporalidade e a temporalidade, pode moldar nossas percepções de presença e, com isso, o que é uma performance improvisada com o baixo.
Buscando se afastar de um tipo de performance musical que se vê sendo articulada apenas no domínio de uma "percepção musical" cristalizada e imaterial -
que tende a criar uma dissociação com a própria performance -
ela se esforça constantemente para se presentificar, utilizando a repetição em múltiplas camadas (estrutura, forma, fisicalidade, ...) para alcançar esse objetivo.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Em 2024, foi apresentada três vezes em diferentes ocasiões, formatos e com diferentes focos. Aqui, você pode assistir ao primeiro registro público de sua performance.
</p>
<div class="mediaWrapper">
<div class="videoWrapper" val="https://www.youtube.com/embed/uIcRdH6WAhc?si=8667xvm5h08Mv2tH" onclick="loadIFrame(this)">
<p style="text-align: center;">Video-Performance - clique aqui</p>
</div>
</div>
</span>
</span>
</span>
<span id="spanCACOContent" style="display: none;">
<h1 class="contentTypeImpros" style=""color: #7E5221;">CACO</h1>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentBR25" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentBR25')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="br25">Boteco Ruído 25 (2025)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">CACO + Kino Lopes + Bruno Cunha + Henrique Iwao</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Improvisação livre com CACO (Artur Versiani: flautas; Caio Campos: baixo; Luiz Pretti: percussão, voz; Marcos Alves: percussão) + Kino Lopes (guitarra, objetos) + Bruno Cunha (flautas) + Henrique Iwao (controladora).
</p>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/boteco_ruido_5/2025-07-17+BR25+02+CACO+%2B+Cunha-Iwao-Lopes.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<img class="imgWrapper" loading="lazy" src="./en/imgs/cartaz_br25.png" style="opacity: 90%">
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentQI183" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentQI183')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="qi183">QI 183 (2024)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">CACO + Pat Bizzotto + Chico Cesar + Remy Rebber</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Improvisação livre com CACO (Artur Versiani: flautas; Caio Campos: baixo; Luiz Pretti: percussão, sax, voz; Marcos Alves: percussão; Pedro Gabriel: violoncelo; Pedro Gilberto: violão) + Patrícia Bizzotto (voz, trompete, objetos) + Chico César (saxofone) + Rémy Reber (guitarra elétrica).
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Fotos podem ser acessadas em <a class="navTab" href="https://archive.org/details/qi_especiais_4" target="_blank"> arquivo do QI </a> .
</p>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/qi_especiais_4/QI183+01+CACO+%2B+Bizzotto-Re%CC%81my+Reber-Chico+Ce%CC%81sar.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<img class="imgWrapper" loading="lazy" src="./en/imgs/cartaz_qi183.png" style="opacity: 80%">
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentVertices" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentVertices')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="vertices">Vértices (2024)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">Pat Bizzotto - Vértices </h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Improvisação estruturada, baseada na ideia de Trombone Boxing. Performada pelo CACO (Artur Versiani: flautas, percussão; Caio Campos: baixo; Luiz Pretti: percussão; Pedro Gilberto: guitarra; Vanessa Aiséo: trombone; Nathalia Fragoso: baixo) na Praça 6.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Gravações de vídeo e fotos podem ser acessadas no <a class="navTab" href="https://archive.org/details/praca6_T4" target="_blank">arquivo da Praça 6</a>.
</p>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/praca6_T4/01+CACO.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<img class="imgWrapper" loading="lazy" src="./en/imgs/cartaz_praca611.jpg" style="opacity: 80%">
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentCC2023" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentCC2023')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="cc2023">CCUFMG (2023)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">CACO + Pat Bizotto + João Paulo Prazeres</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Improvisação livre, realizada no final de nossa residência no Centro Cultural da UFMG. Performada pelo CACO (Artur Versiani: flautas, percussão; Caio Campos: baixo; Luiz Pretti: percussão; Vanessa Aiséo: trombone; Nathalia Fragoso: baixo; Marcos Alves: percussão; Gabs Santa: percussão; João Viana: teclado), Pat Bizzotto (trombone e percussão) e João Paulo Prazeres (saxofone).
</p>
<div class="mediaWrapper">
<div class="videoWrapper" val="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1785336792&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true" onclick="loadIFrame(this)">
<p style="text-align: center;">Video-Performance - clique aqui</p>
</div>
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentAnestesia" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentAnestesia')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="anestesia">Anestesia (2022)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">Walter Smetak Anestesia, para 10 músicos</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Performado pelo CACO (Daniel Tamietti, Violoncelo; Marc Wallach, Guitarra; João Viana, Guitarra Elétrica; Vanessa Aiséo, Trombone; Fefo, Trompete; Pedro Gilberto, Guitarra; Marcos Alves, Percussão; Davi Gazzaniga, Piano; Silas Prado, Flauta; Caio Campos, Baixo)
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Esta foi a primeira performance do CACO articulada como um Grupo de Improvisação, convidado e dirigido por Marcos Scarassatti e Luiz Pretti.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
As gravações em vídeo foram feitas pelos performers do grupo e editadas por Luiz Pretti. Eu também criei parte dos visuais, utilizando C++/openFrameworks.
</p>
<div class="mediaWrapper">
<div class="videoWrapper" val="https://www.youtube.com/embed/6YIatH5gI0o?si=8Pza-J2Qdoqs3WGq" onclick="loadIFrame(this)">
<p style="text-align: center;">Video-Performance - clique aqui</p>
</div>
</div>
</span>
</span>
</span>
<span id="spanMaisContent" style="display: none;">
<h1 class="contentTypeImpros" style="color: #7E5221;">++</h1>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentQI199" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentQI199')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="br25Trio">QI 199 (2025)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">quarteto com Ajitená Scarassatti, Henrique Iwao e Mário Del Nunzio</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Três sets com Ajitená Scarassatti, viola de cocho; Caio Costa Campos, baixo elétrico; Henrique Iwao, eletrônicos e objetos; Mário Del Nunzio, guitarra elétrica e objetos;
</p>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/qi_especiais_4/QI199+Scarassatti-Iwao+%2B+Caio+Campos%2C+Ma%CC%81rio+Del+Nunzio+1+.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/qi_especiais_4/QI199+Scarassatti-Iwao+%2B+Caio+Campos%2C+Ma%CC%81rio+Del+Nunzio+2.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/qi_especiais_4/QI199+Scarassatti-Iwao+%2B+Caio+Campos%2C+Ma%CC%81rio+Del+Nunzio+3.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<img class="imgWrapper" loading="lazy" src="./en/imgs/cartaz_qi199.png" style="opacity: 90%">
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentBR25Trio" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentBR25Trio')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="br25Trio">Boteco Ruído 25 (2025)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">trio com Bruno Cunha e Kino Lopes</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Bruno Cunha, flautas e voz; Caio Costa Campos, baixo; Kino Lopes, guitarra elétrica;
</p>
<div class="mediaWrapper">
<div class="archiveWrapper" val="https://archive.org/embed/boteco_ruido_5/2025-07-17+BR25+01+Kino+Lopes-Caio+Campos-Bruno+Cunha.mp3" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
<div class="mediaWrapper">
<img class="imgWrapper" loading="lazy" src="./en/imgs/cartaz_br25.png" style="opacity: 90%">
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentCemsois" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentCemsois')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="cemsois"> cemsois (2023)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">trio com Bruno Cunha e Kino Lopes</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
Bruno Cunha, flauta e voz; Caio Costa Campos, baixo; Kino Lopes, guitarra elétrica; Luis Spiga também fez uma participação, com Clarone.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Performado no festival cemsois, em Brasília.
</p>
<div class="mediaWrapper">
<div class="videoWrapper" val="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1785335913&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
</span>
</span>
<p style="margin-top: -10px; margin-right: 15px;" > </p>
<span class="contentSpan">
<span class="activateContentSpan" id="activateContentPing" val="0" loadedMedia="0" onclick="openCloseContent('#activateContentPing')">
<span class="contentSpanHoverImpros">
<span class="sameline"><h3 class="content" id="sign">▸</h3><h3 class="content" style="font-style: italic;" id="ping"> PING (2020)</h3></span>
<h4 style="margin-top: 0px; margin-bottom: 0px; font-style: italic;">nao≠igual duo</h4>
</span>
</span>
<span class="pContent">
<p style="margin-top: 5px; margin-right: 15px; text-align:justify;">
PING é inspirado no PONG, o clássico jogo da ATARI, reimaginado como um sistema audiovisual que interage com a improvisação musical, onde cada lado deste pingue-pongue é controlado por um músico que, em vez de usar um joystick (ou raquete), toca seu instrumento.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Assim como no original, PING é uma competição entre dois lados, mas aqui, esses lados podem se inverter, multiplicar, expandir, contrair ou até mesmo quicar pela tela... e todo esse movimento é controlado pelos jogadores através de melodias, intensidades e ritmos.
</p>
<p style="margin-top: -5px; margin-right: 15px; text-align:justify;">
Com os jogadores a 500 km de distância, apresentamos uma "versão online" do jogo, com troca de áudio em tempo real, processamento e análise realizados utilizando patches no Pd que se comunicam com um esboço construído no Processing3.
</p>
<div class="mediaWrapper">
<div class="videoWrapper" val="https://www.youtube.com/embed/MAQt6TKRm38?si=uontOPrJpE6hNDLi" onclick="loadIFrame(this)">
<p style="text-align: center;">Performance - clique aqui</p>
</div>
</div>
</span>
</span>
</span>
</div>
<nav id="navContentNames" style="display: none;">
<span id="spanSoloNames" style="display: block;>
<h4 style="margin-bottom: 0px"> --- baixo elétrico </h4>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#sfiils"> SFI/ILS </a>
</p>
</span>
<span id="spanCACONames" style="display: none;">
<h4 style="margin-bottom: 0px"> --- 10+ </h4>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#qi183"> QI 183 (2024)</a>
</p>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#cc2023"> CCUFMG (2023)</a>
</p>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#anestesia"> Anestesia (2022)</a>
</p>
<h4 style="margin-bottom: 0px"> --- 6+ </h4>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#br25"> Boteco Ruído 25 (2025)</a>
</p>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#vertices"> vertices (2024)</a>
</p>
</span>
<span id="spanMaisNames" style="display: none;">
<h4 style="margin-bottom: 0px"> --- trio </h4>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#br25Trio"> Boteco Ruído 25 (2025)</a>
</p>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#cemsois"> cem sois - bsb (2023)</a>
</p>
<h4 style="margin-bottom: 0px"> --- nao≠igual </h4>
<p style="margin-top: 0px; margin-bottom: 5px;">
- <a style="font-style: italic;" href="#ping"> PING (2020)</a>
</p>
</span>
</nav>
</span>
</div>
<h4 id="h4PageNameSmall" style="color: #7E5221; transform: translateX(-33%) translateY(50%) rotate(-90deg)">impros</h1>
</body>
</html>