Contenido
‘La esperanza es una llaga negra en el corazón”
// ------------------------------------------------------------------------------------------------------------------------------- // 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 // ======================================
La esperanza es una llaga negra en el corazón, de Teófilo Guerrero, se está presentando en la plataforma del Conjunto Santander Artes Escénicas; nos admira su forma de dialogar, su capacidad de manejar el misterio y el decir mucho de lo que traen dentro los personajes con tan pocas palabras.
La obra es presentada por A la deriva teatro de Guadalajara, con las espléndidas actuaciones de Viridiana Gómez y Edith Castillo, y la atinada dirección de Fausto Ramírez, quien opta por unos cuantos elementos para jugar con ellos en el escenario: Un par de sillas, un tablón y unos burros de madera para hacer la mesa. No son escenografía, sino objetos que construyen la imagen y conviven con los personajes. Cuántas composiciones crean con esos elementos y cuánto movimiento a partir de dos mujeres que, con un vestuario específico, colorean y dan tantos contenidos en la escena.
Te recomendamos: María Luisa Ocampo, dramaturgia y promoción
La situación en la cual se encuentran los personajes de algún pueblo de Jalisco se va develando con una que otra información surgida, así, sin intención de informar, sino más bien como parte de una plática entre dos personas cercanas. Se dan los sobreentendidos, se cortan las frases, se afirma lo que ya saben aunque lo ignore el espectador. Es sorprendente la sensación de estar frente a dos mujeres que se conocen y nosotros sólo husmeando y alcanzando a entrelazar las ideas para ir armando su historia, oculta para nosotros, pero, finalmente, para la otra también; y ese es el giro de la última parte, que se convierte en una entrañable confesión.
Teófilo Guerrero se ciñe y explora este nuevo realismo que Harold Pinter desarrolló y argumentó, y con el que Vicente Leñero, maestro de Guerrero, experimentó y descubrió múltiples posibilidades. El rigor en la forma de hablar de manera natural es un gran reto, y en esta obra el autor incorpora pensamientos y reflexiones sin llegar a la filosofía trascendental, dando a la obra profundidad. Sin salirse de su realidad y sin que el autor sea el que se exprese, las mujeres hablan, desde su idiosincrasia, de la muerte, de Dios, del amor, el abandono y la esperanza. Con una frase se entienden ellas, por ejemplo el “¿Tú sí?”, para desde ahí nosotros adivinar de qué están hablando
También puedes leer: Desde la intimidad de su cama… hasta la tuya
Con ese mismo rigor realista en el decir, la situación dramática se va planteando. Ellas prepararán un mole para el invitado que llega, y desde ahí las conocemos con todo y sus diferencias: el asco o el gusto de matar al guajolote; “coruco” le llama una, “turky” la otra. Las actrices interpretan su personaje con gran naturalidad; la conversación fluye y su presencia siempre mantiene atento al espectador.
El director diferencia a las mujeres también en su vestuario, y una de ellas tiene esas faldas con gran vuelo de los bailes tradicionales, y con el que crea olas, gira, y en momentos zapatea. Incorpora la música mexicana con acordes de un violín o el punteo de una guitarra, que también dialogan en escena, e incluye la voz cantada aunque necesite de un back de apoyo. Agrega a los elementos un juego de platos de peltre que potencializan el conflicto con su choque o caída.
La esperanza es una llaga negra en el corazón es una ?propuesta escénica virtual de creadores tapatíos con el ?apoyo de la Universidad de Guadalajara, que estará en ?conjuntosantander.com.
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: