artesvisuales2/index.html at main · LexLego/artesvisuales2 · GitHub

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
<!DOCTYPE html>
<html lang="es">

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Alejandra Berenice López Legorreta">
<link rel="author" href="mailto:alejandra.berenice.lopez.legorreta@estudiante.uacm.edu.mx">

<title>Micelio Digital — Conjuro Generativo</title>

<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">

</head>

<body>

<div class="grimorio">

<header class="portada">
    <h1>Micelio Digital</h1>
    <div class="subtitulo">grimorio de fuego • bit • bosque • herejía</div>
</header>

<section class="poema poema-introduccion">

    <div class="clave-pieza">Prólogo · La pausa</div>

    <h2>La pausa</h2>

    <div class="runa">⟁ ✶ ⟁</div>

    <p class="verso">
        comparto con la poeta maldita proceso soledad<br>
        herida abierta que insisten en disciplinar<br>
        evitar descender al abismo<br>
        lo pago en la farmacia<br>
        he amansado el fuego que a ellas consumió en silencio<br>
        con dosis precisa continua<br>
        no hay olvido en mi palabra<br>
        solo intervención tecnológica<br>
        compasión de sustancia actualizada<br>
        su tragedia me conmueve<br>
        mi supervivencia las honra<br>
        mi poesía no brota de sufrimiento extinto<br>
        es simple ventaja técnica de estar viva hoy<br>
        escribiendo desde la grieta de mi propio siglo
    </p>

</section>

<div class="pieza-visual">
    <div class="clave-pieza">Pieza I · Pupila Digital</div>

    <img src="3rapupiladigital.gif" alt="Pieza 1">
</div>

<div class="pieza-visual">
    <div class="clave-pieza">Pieza II · Circuito Miceliar</div>

    <img src="RedMiceliar.jpg" alt="Circuito Micelio">
</div>

<section class="pieza-poemario">

     <div class="clave-pieza"> Pieza III · Liturgia de Cenizas</div>

    <p class="nota-interaccion">el grimorio responde a quien lo toca</p>


    <section class="poema poema-red">

        <h2>Red</h2>

        <div class="runa runa-red">✦ ✦ ✦</div>

        <p class="verso verso-red">

            <span class="palabra-red">Frío</span>
            <span class="palabra-red">metal</span><br>

            el
            <span class="pulso micelio-red palabra-invocacion" data-img="micelio.png">micelio</span>
            <span class="palabra-red">devora</span><br>

            <span class="palabra-red">toda</span>
            <span class="palabra-red">la</span>
            <span class="palabra-red">red</span>

        </p>
    </section>

    <section class="poema poema-combustion">

        <h2>Combustión</h2>

        <div class="runa runa-fuego">⟁ ⟁ ⟁</div>

        <p class="verso verso-fuego">

            <span class="frase-fuego">Soy la bruja que danza en los claros del <span class="palabra-invocacion" data-img="bosque.png">bosque</span></span><br>

            <span class="frase-fuego">que susurra a la <span class="palabra-invocacion" data-img="luna.png">luna</span></span><br>

            <span class="frase-fuego">que aúlla con los lobos.</span><br>

            <span class="frase-fuego">Blasfemia hecha carne</span><br>

            <span class="frase-fuego">naturaleza indomable</span><br>

            <span class="frase-fuego">que ninguna sombra contiene.</span>

        </p>

        <p class="verso verso-fuego">

            <span class="frase-fuego">Mi cabello un río salvaje</span><br>

            <span class="pulso glitch-raiz palabra-invocacion" data-img="micelio.png">micelio</span>
            <span class="frase-fuego">que se extiende hacia la tierra y el cosmos</span>

        </p>

        <p class="verso verso-fuego">

            <span class="frase-fuego">Me quisieron frágil, vaporosa.</span><br>

            Soy
            <span class="glitch-palabra incendio-vivo palabra-invocacion" data-img="incendio.png">incendio</span>

        </p>

</section>

<div class="pieza-sonora-conjuro">

    <div class="clave-pieza">Pieza IV · Conjuro</div>

    <div class="estado-sistema">
        ⟁ el micelio escucha
    </div>

    <h2>Conjuro</h2>
    <div class="runa">☽ ✶ ☾</div>

    <button class="btn-ritual" id="btnRitual">
        Invocar Conjuro Sonoro
    </button>
    <p class="instruccion">
        roza los versos para construir un conjuro único
    </p>

        <p class="verso">
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">Cuando mi palabra provoque una breve chispa</span><br>
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">cercana a la que fue encendida en los seres tocados por la Lupe,</span><br>
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">Dueña de sí*</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">cuando en las bocas de quienes hayan visto</span><br>
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">cómo el amanecer fogariza</span><br>
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">el íntimo pensar,</span><br>
        <span class="verso-sintetizador nodo-chispa" data-tipo="chispa">ese día me consagraré bruja ardorosa.</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">De mi cuerpo descompuesto crecerán las flores,</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">y yo estaré en ellas.</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Conjuro esa sea mi eternidad</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Me fortalezco con plantas</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Me construyo bosque.</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Imploro que me encuentres selva</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">no siendo morgue.</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Reniego de ser cementerio de almas lamentantes.</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Anhelo recibirte como la luz del sol</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">reluciendo sobre las flores</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">anochecer contigo sobre el césped</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">cubiertas por la luna</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Rezo para que nos compartamos desde la raíz</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">sin miedo a ser hierba fluctuante</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">sabiendo que la otra es árbol que cobija</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">Ruego que llegue el día</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">en que el único dolor</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">sea el trozar de la hierba</span><br>
        <span class="verso-sintetizador nodo-raiz" data-tipo="raiz">bajo nuestro avance.</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">Y así, como el camino de estrellas me ha guiado en el sendero,</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">cuando llegue el momento</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">¡oh, ancestras!</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">Les pido que envíen al dragón</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">para que, montada en él,</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">me una con ustedes en el firmamento.</span>
    </p>

    <p class="verso">
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">¡Salve, gran fuerza divina!</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">Guía a tu hija en su retorno a tu manto,</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">para que las tres que fui</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">la guerrera</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">la creadora</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">la sabia</span><br>
        <span class="verso-sintetizador nodo-sky" data-tipo="sky">descansen eternas en tu regazo.</span>
    </p>

    <small>
        *”Una maravilla según Amparo Dávila, maga infernal para Pita Amor, hechicera cotidiana para Sabido, mala y fantasiosa como sus propios textos a decir de Inés Arredondo"
    </small>

</section>
</div>

<footer> • INTERFAZ RITUAL • AÑO DEL FUEGO</footer>
 <br><br>
    Alejandra Berenice López Legorreta
</div>

</div>

<script src="script.js" defer></script>

</body>
</html>