Contenido
Danza contemporánea en el Festival del Centro Histórico
// ------------------------------------------------------------------------------------------------------------------------------- // 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 obra aludió a dos referencias, una literaria y otra científica. Sobre la primera, 1Q84 (2010) es el título de una novela de Haruki Murakami, que juega con la homofonía de la letra Q y el número nueve en japonés, para indicar la existencia de una realidad alterna en la que viven los personajes.
La segunda corresponde a una nomenclatura de la biología molecular usada en el Protein Data Bank (PDB). 1Q90 expresa la estructura de las proteínas del alga Chlamydomonas reinhardtii, cuya función vital es proveerle energía química o electrones.
Con base en ambas, el trabajo coreográfico de Diego Mur se ubicó entre la paráfrasis de la novela y la terminología de la bioquímica al abordar el aspecto eléctrico del cuerpo, conseguido vía el trance como estado de este último. De un modo universal todos los seres humanos son eléctricos aunque se muevan diferente.
La propuesta se concentró en la representación de monjes que insistían en realizar pocos tipos de movimiento, entre los que podían reconocerse algunos de las artes marciales como el aikido y el chi kung, pero que ellos repetían muchas veces cada uno como oraciones de movimiento.
Uno de los momentos coreográficos representaba a Shiva, dios hindú de la creación y la destrucción, cuando los bailarines Diego Alcalá, Tlathui Maza, Mauricio Rico, Diego Vértiz y el mismo Mur se colocaron uno detrás del otro conformando una fila corta entre ellos, donde sólo sus brazos eran visibles al público, tal como la imagen tradicional de este dios lo ha representado con múltiples brazos.
En otro instante, los cuerpos de esos bailarines realizaron formas moleculares esféricas con las que transmitían sensaciones suaves, húmedas y a la vez explosivas.
La propuesta coreográfica recurrió a bajas intensidades de luz, del diseñador de iluminación Sebastián Solórzano, que conseguían una penumbra en el amplio escenario del Teatro de la Ciudad; el uso de pausas aleatorias entre movimientos generaba suspenso escénico; y el abundante color negro de las túnicas de los monjes, del diseñador de vestuario Samuel Sánchez, contribuía a un ambiente de misterio. Así mismo, la textura de humo del cello de Guillermo Olivo.
En ese sentido, la pieza conectó con las explicaciones sobre el enigma del origen de la vida en la tierra, provenientes de la religión en su carácter mítico y de la ciencia con su principio eléctrico que está sustentado por la teoría evolutiva.
Adquirió importancia en el marco de la edición 34 del festival, dentro de la curaduría de danza de Diego Vázquez, por ser la única obra de danza contemporánea que se presentó en aquél recinto en formato de gala, dado que las otras piezas que interpretadas ahí pertenecían al género del ballet por parte de la Compañía Nacional de Danza y el Ballet de la Ópera de Liubliana, y al afrogitano de parte del español Curro de Candela.
Fue una propuesta que generó altas expectativa y asistencia de la comunidad de la danza contemporánea de la Ciudad de México.
De acuerdo con sus propuestas de danza programadas en el Teatro de la Ciudad, el festival tiene una tendencia estética convencional de la danza caracterizada por el virtuosismo y la representación, donde Nohbords corresponde. No obstante, este encuentro toma mayor riesgo en la programación de danza en la calle a través del programa Teatro en Plazas Públicas, Teatro en tu barrio del Sistema de Teatros de la Ciudad de México con compañías como Asalto Diario y Foco Al Aire Producciones.
Este texto se publicó el 25 de marzo de 2018 en la edición 2160 de la revista Proceso.
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: