Contenido
Mujeres toman un barco por asalto en propuesta de teatro virtual
// ------------------------------------------------------------------------------------------------------------------------------- // PHOTOSWIPE
var initPhotoSwipeFromDOM = function(gallerySelector) {
// parse slide data (url, title, size ...) from DOM elements // (children of gallerySelector) var parseThumbnailElements = function(el) { var thumbElements = el.childNodes, numNodes = thumbElements.length, items = [], figureEl, linkEl, size, item;
for(var i = 0; i < numNodes; i++) {
figureEl = thumbElements[i]; //
// include only element nodes if(figureEl.nodeType !== 1) { continue; }
linkEl = figureEl.children[0]; // element
size = linkEl.getAttribute('data-size').split('x');
// create slide object item = { src: linkEl.getAttribute('href'), w: parseInt(size[0], 10), h: parseInt(size[1], 10) };
if(figureEl.children.length > 1) {
//
if(linkEl.children.length > 0) {
// thumbnail element, retrieving thumbnail url
item.msrc = linkEl.children[0].getAttribute('src');
}
item.el = figureEl; // save link to element for getThumbBoundsFn items.push(item); }
return items; };
// find nearest parent element var closest = function closest(el, fn) { return el && ( fn(el) ? el : closest(el.parentNode, fn) ); };
// triggers when user clicks on thumbnail var onThumbnailsClick = function(e) { e = e || window.event; e.preventDefault ? e.preventDefault() : e.returnValue = false;
var eTarget = e.target || e.srcElement;
// find root element of slide var clickedListItem = closest(eTarget, function(el) { return (el.tagName && el.tagName.toUpperCase() === 'FIGURE'); });
if(!clickedListItem) { return; }
// find index of clicked item by looping through all child nodes // alternatively, you may define index via data- attribute var clickedGallery = clickedListItem.parentNode, childNodes = clickedListItem.parentNode.childNodes, numChildNodes = childNodes.length, nodeIndex = 0, index;
for (var i = 0; i < numChildNodes; i++) { if(childNodes[i].nodeType !== 1) { continue; } if(childNodes[i] === clickedListItem) { index = nodeIndex; break; } nodeIndex++; } if(index >= 0) { // open PhotoSwipe if valid index found openPhotoSwipe( index, clickedGallery ); } return false; };
// parse picture index and gallery index from URL (#&pid=1&gid=2) var photoswipeParseHash = function() { var hash = window.location.hash.substring(1), params = {};
if(hash.length < 5) { return params; } var vars = hash.split('&'); for (var i = 0; i < vars.length; i++) { if(!vars[i]) { continue; } var pair = vars[i].split('='); if(pair.length < 2) { continue; } params[pair[0]] = pair[1]; } if(params.gid) { params.gid = parseInt(params.gid, 10); } return params; }; var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) { var pswpElement = document.querySelectorAll('.pswp')[0], gallery, options, items; items = parseThumbnailElements(galleryElement); // define options (if needed) options = { // define gallery index (for URL) galleryUID: galleryElement.getAttribute('data-pswp-uid'), getThumbBoundsFn: function(index) { // See Options -> getThumbBoundsFn section of documentation for more info var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail pageYScroll = window.pageYOffset || document.documentElement.scrollTop, rect = thumbnail.getBoundingClientRect();
return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; }
};
// PhotoSwipe opened from URL if(fromURL) { if(options.galleryPIDs) { // parse real index when custom PIDs are used // http://photoswipe.com/documentation/faq.html#custom-pid-in-url for(var j = 0; j < items.length; j++) { if(items[j].pid == index) { options.index = j; break; } } } else { // in URL indexes start from 1 options.index = parseInt(index, 10) - 1; } } else { options.index = parseInt(index, 10); } // exit if index not found if( isNaN(options.index) ) { return; } if(disableAnimation) { options.showAnimationDuration = 0; } // Pass data to PhotoSwipe and initialize it gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options); gallery.init(); }; // loop through all gallery elements and bind events var galleryElements = document.querySelectorAll( gallerySelector ); for(var i = 0, l = galleryElements.length; i < l; i++) { galleryElements[i].setAttribute('data-pswp-uid', i+1); galleryElements[i].onclick = onThumbnailsClick; } // Parse URL and open gallery if it contains #&pid=3&gid=1 var hashData = photoswipeParseHash(); if(hashData.pid && hashData.gid) { openPhotoSwipe( hashData.pid , galleryElements[ hashData.gid - 1 ], true, true ); } }; // execute above function initPhotoSwipeFromDOM('.my-gallery'); // ====================================== // FIN SCRIPTS PHOTOSWIPE // ======================================
Valentina Sierra dirige y realiza la dramaturgia haciendo una versión libre del cuento “La isla desconocida” del portugués José Saramago. Recupera la esencia del cuento y del recorrido episódico de un personaje para cumplir su sueño: el de embarcarse e ir a la búsqueda de esa isla.
La propuesta tiene gran variedad de recursos a partir del collage visual y de los espacios desde donde los personajes existen, así como de las formas que encuentran para multiplicarlos. Es un castillo, un lago, un jardín, unas puertas y ventanas que se abren y se cierran. Son tesituras de papel, dibujos recortados, fotografías montadas, paisajes entrecruzados según vayan sucediendo las conversaciones y caricaturas que hablan.
La pieza nos traslada a esa forma narrativa infantil donde los personajes y los objetos se llaman por lo que hacen o significan, o donde se pasa de una información a otra con esa reiteración de cuando se juega con la memoria. La protagonista vence poco a poco los obstáculos, para luego darse por vencida y que sean las demás las que la vuelven a levantar.
Ella se planta frente a la puerta del castillo para pedirle al rey que le regale un barco. Las ventanas del castillo se abren para mostrarnos a sus habitantes. La encargada de la limpieza, la cocinera, la que teje, el súbdito y el rey (que podría ser reina).
Los personajes son mujeres actrices que, desde sus espacios íntimos, los interpretan y los crean. Buscan el vestuario de esos cuentos clásicos, y desde el exterior de su ventana o la puerta de sus casas nos guían por una historia de ilusión y realidad. Amanda Schmeltz –con esa presencia y determinación que convence a todo el que la observa–, Mariana Gajá, Micaela Gramajo y Julia Arnaut, entre otras, caracterizan con libertad a su personaje y lo interpretan jugando con el cómic, el naturalismo y la fantasía.
Valentina Sierra también participa como actriz, y desde el concepto de la propuesta transforma el cuento de Saramago en una historia de mujeres; ellas juntas pueden salir del aislamiento e ir tan lejos como su imaginación lo permita. Van hacia lo desconocido, hacia esa isla a la que La Mujer decidida las ha guiado con su ejemplo de determinación. Es una historia sencilla pero elocuente, con metáforas y recovecos simbólicos, en donde dicen mucho sin decirlo.
El diseño visual y la edición del video de Gabriel Zapata son ricos en formatos, dándole a la historia dinamismo y atractivo visual. El diseño sonoro y de composición musical está a cargo de Yurief Nieves. En la obra digital se resuelven técnicas actorales específicas que requieren la fragmentación, como es la coincidencia de perspectivas y la mezcla de texturas.
Mujeres decididas e insistentes que lavan y remiendan sus propios calzones es una pieza coproducida por la Compañía Puño de Tierra, Teatro UNAM y la Compañía Nacional de Teatro, y se encuentra en la plataforma teatrounam.com.mx.
Ellas son mujeres autosuficientes que no temen cruzar las puertas y lanzarse hacia el exterior; que rompen con su mundo privado, se alían y se hacen cómplices en la búsqueda de una tierra mejor para las mujeres. Como menciona La Mujer decidida: “A mí me gusta imaginarme lo que no habrá”.
Comentarios
// Obtener todos los elementos con clase .col-md-12 var colElements = document.querySelectorAll('.col-md-12');
// Iterar sobre cada elemento colElements.forEach(function(element) { // Verificar si tiene un hijo inmediato con clase .titulo-region var tituloRegion = element.querySelector('.titulo-region');
if (tituloRegion) { // Agregar la clase .is-sticky al elemento padre element.classList.add('is-sticky'); } });
// Obtener el elemento article dentro de .fila-especial-v2 .p50 var articleElement = document.querySelector('.home .fila-especial-v2 .p50 article');
// Obtener el texto del elemento .z-foto .bajada p var bajadaText = articleElement.querySelector('.z-foto .bajada p').textContent;
// Crear un nuevo elemento para mostrar el texto obtenido var textoElement = document.createElement('p'); textoElement.textContent = bajadaText;
// Obtener el elemento .z-txt .titulo dentro del article var tituloElement = articleElement.querySelector('.z-txt .titulo');
// Insertar el nuevo elemento al final del article articleElement.appendChild(textoElement);
Cortesía de Proceso.
Dejanos un comentario: