-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
165 lines (142 loc) · 8.37 KB
/
work.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
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
<!DOCTYPE html>
<html>
<title>Flor de Fuego</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Navigation -->
<nav class="w3-bar w3-black w3-top">
<a href="index.html" class="w3-button w3-bar-item">Flor de Fuego</a>
<a href="work.html" class="w3-button w3-bar-item">Work</a>
<a href="bio_eng.html" class="w3-button w3-bar-item">Bio</a>
<a href="workshopsEn.html" class="w3-button w3-bar-item">Workshops</a>
<a href="news.html" class="w3-button w3-bar-item">Blog</a>
<nav class="w3-right">
<a href="index.html" class="w3-button w3-bar-item">ESP</a>
<a href="index_eng.html" class="w3-button w3-bar-item">ENG</a>
</nav>
</nav>
<section class="w3-container w3-center w3-content" id="Video" style="max-width:1000px">
<h1 class="w3-wide w3-padding-64">work</h1>
<!-- First Grid-->
<div class="w3-row-padding w3-padding-16 w3-center" id="net-art">
<div class="w3-third">
<img src="work_images/desembocadura.png" alt="Desembocadura" style="width:100%">
<a href="https://desembocadura.glitch.me/" target="_blank">
<h4>Desembocadura, instalacion en webVR</h4>
</a>
<p>Desembocadura , la boca del río, vertiente al mar. Voy dejando fragmentos digitales de recuerdos en un éter virtual. Sedimentos glitcheados rebalsan o se hunden.</p>
</div>
<div class="w3-third">
<img src="work_images/lol-cam.png" alt="lol-cam" style="width:100%">
<a href="https://lol-cam.glitch.me/" target="_blank">
<h4>lol-cam</h4>
</a>
<p>webvr cam installation</p>
</div>
<div class="w3-third">
<img src="work_images/hydra-slit-scan (2).jpg" alt="hydra-slit-scan" style="width:100%">
<a href="https://hydra-slit-scan.glitch.me/" target="_blank">
<h4>Hydra slit-scan camera</h4>
</a>
<p>Hecho con Hydra de Olivia Jack por Flor de Fuego para FEID Facultad de Artes UNLP</p>
</div>
<div class="w3-third">
<img src="work_images/image_2021-06-14_17-36-25.png" alt="de-noche" style="width:100%">
<a href="https://de-noche.glitch.me/" target="_blank">
<h4>De-noche</h4>
</a>
<p>web-ambient</p>
</div>
</div>
<!-- Second Grid-->
<div class="w3-row-padding w3-padding-16 w3-center" id="video">
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/bEElvMyd65w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h3>Consuelo - [Yecto + Flor de Fuego]</h3>
<p>Audiovisual realizado en colaboración con Yecto para el festival Dérapage 2021, Montreal.</p>
</div>
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/YO79Z6k9INw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>PhillyAV Monthly Quarterly Broadcast // Wine Dive with visuals by Flor de Fuego and Music by Pamela Spark</p>
</div>
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/zgalzhErl-k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>Live coding performance para Toplap first Transnodal live code Stream 21/02</h4>
</div>
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/tTurYWVxmdk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>Ambient [Joanne Armitage + Flor de Fuego]</h4>
</div>
</div>
<div class="w3-row-padding w3-padding-16 w3-center" id="video_2">
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/wYDY1oC70Qw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>III - L'Impératrice</h4>
</div>
<div class="w3-quarter">
<iframe style="width:100%" src="https://www.youtube.com/embed/8rS6s6DAdOM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>FINDE Música: Showcase Amplify: Flor de fuego</h4>
<p>set audiovisual de live coding con microsamples de canciones de músicas mujeres latinas</p>
</div>
<div class="w3-quarter">
<a href="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FMUTEKArgentina%2Fvideos%2F444121066190263%2F&show_text=0&width=560" target="_blank">
<img src="work_images/mutek.jpg" alt="Mutek_2019" style="width:100%">
</a>
<h4>Visuales de live coding para Whisky, Palacio Alsina de Buenos Aires-MUTEK 2019.</h4>
<p>Dibujando con codigo en tiempo real</p>
</div>
</div>
</div>
</div>
<h3>Proyectos colaborativos</h3>
<div class="w3-container w3-half">
<a href="https://c0d3-p03try.neocities.org/" target="_blank">
<h3>c0d3 p03try</h3>
</a>
<img src="image github/code2.jpeg" style="width:100%">
<p>c0d3_p03try = ["flor de fuego", "rapo"]</p>
</div>
<div class="w3-container w3-half">
<a href="https://gmogm.glitch.me/" target="_blank">
<h3>GlitchMe</h3>
</a>
<img src="work_images/9b37fb18-5c29-4916-b8ad-624764fa77cb_shot0012.png" style="width:120%">
<p>['Naoto Hieda' , 'Flor de Fuego']</p>
</div>
<!--
<section class="w3-container w3-center w3-content" style="max-width:1000px">
<h3 class="w3-wide w3-padding-32">FINDE Música: Showcase Amplify: Flor de fuego</h3>
<div align="center">
<iframe width="640" height="360" src="https://www.youtube.com/embed/8rS6s6DAdOM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h3 class="w3-wide w3-padding-32">Diving Glitch</h3>
<div align="center">
<iframe width="640" height="360" src="https://www.youtube.com/embed/z6sC_BVTXdE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h3 class="w3-wide w3-padding-32">Live Coding Visuals para Whisky en el Palacio Alsina de Buenos Aires-MUTEK 2019</h3>
<div align="center">
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FMUTEKArgentina%2Fvideos%2F444121066190263%2F&show_text=0&width=560" width="640" height="360" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>
<h3 class="w3-wide w3-padding-64">III - L'Impératrice</h3>
<iframe width="640" height="360" src="https://www.youtube.com/embed/wYDY1oC70Qw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p class="w3-justify w3-padding-16 w3-medium" style="max-width:1000px">
<h3 class="w3-wide w3-padding-64">Live Coding en el Planetario de Buenos Aires 13-06-19</h3>
<iframe width="640" height="360" src="https://www.youtube.com/embed/h5rZwS680OM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h3 class="w3-wide w3-padding-64">caos</h3>
<iframe width="640" height="360" src="https://www.youtube.com/embed/tuTvyUqBPDs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
-->
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-black w3-xlarge">
<a href="https://bandcamp.com/flordefuego"><i class="fa fa-bandcamp"></i></a>
<a href="https://www.instagram.com/flordefuega/"><i class="fa fa-instagram"></i></a>
<a href="https://twitter.com/flordefuego4"><i class="fa fa-twitter"></i></a>
<a href="https://github.com/flordefuego/"><i class="fa fa-github"></i></a>
</footer>
</body>
</html>