Contenido
Héctor Ortega, hombre comprometido
// ------------------------------------------------------------------------------------------------------------------------------- // 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 comicidad fue su arma favorita y la utilizó en diversos guiones argumentales para el Teatro Blanquita, como México canta y aguanta, donde actuaba la India María, y en textos teatrales que en 2006 publicó bajo el título de Revistas políticas, editado por Escenología, y con una caricatura de Magú –compañero de lucha– en la portada. En el libro se incluye su exitosa obra ¡Ay Cuauhtémoc, no te rajes! (1987), que también dirigió y actuó, y que duró varios años en cartelera en el Teatro Wilberto Cantón.
En ella hace un recorrido histórico lleno de humor, bailes, gags y escenas que retrataban fársicamente al pueblo y a los héroes mexicanos, donde los pobres eran los explotados pero que con picardía exponían a sus gobernantes. También incluye Hidalgo, el sol y el dedo (2003) y El Huevo de Colón (1992), obra que dirigió y escribió con la colaboración de Rafael Pimentel, Álvaro Carcaño y Ausencio Cruz, en la que hacía el protagónico y que presentaron en el Teatro Jiménez Rueda.
Actor de amplios registros, incursionó en el teatro comercial en 1971 cuando dirigió en el Teatro Insurgentes Ensalada de locos, con la participación de El Loco Valdés, Héctor Lechuga, Alejandro Suárez y Chabelo y que provocó muchísimas carcajadas. No tan afortunada resultó la obra que dirigió en ese mismo teatro en 1991, El dedo del Señor, con la escenografía espectacular de Carlos Trejo.
Como actor superó las 50 obras escénicas además de ser uno de los fundadores del Sindicato de Actores Independientes (SAI), en protesta contra el fraude electoral y la corrupción al interior de la Anda que dirigía Jaime Fernández. Por una orden presidencial, a los miembros del SAI se les discriminó, se les boicoteó, se les amenazó y muchos perdieron sus fuentes de trabajo (Armando Ponce/Proceso, junio de 2013). A Héctor Ortega lo bloquearon en su carrera durante muchos años.
Sus trabajos actorales más sobresalientes tienen una gran coincidencia con su posición política, caracterizada por la crítica a la organización social imperante, a través del humor. Él decía que esos papeles eran como si se los hubieran hecho a la medida. Gustoso cuestionaba el stablishment de su presente a través de ficciones y épocas históricas diversas. Podía ser un loco libertario, como José K., en La muerte accidental de un anarquista de Darío Fo, dirigida por José Luis Cruz en 1985 en el Teatro Santa Catarina, el Teatro Juan Ruiz y el Teatro Reforma –y por el que obtuvo el premio a Mejor Actor de Comedia–; o podía ser Molière en la obra de Sabina Berman dirigida por Antonio Serrano en el Teatro Julio Castillo, en el que, a decir de Enrique Singer, antes de salir a escena realizaba un ritual diciendo “payasitos a mí, payasitos a mí, payasitos a mí”.
En la obra 1822, el año que fuimos imperio, de Flavio González Mello, representaba a Fray Servando Teresa de Mier, acérrimo crítico del emperador en México y al cual le imprimía el humor y sarcasmo chispeante que, decían, caracterizaba al cura.
Este 3 junio murió un gran hombre que nos iluminó con su sonrisa, su talento crítico y su ambición por un país mejor que desgraciadamente se estrelló una y otra vez contra los intereses creados por el sistema. El teatro fue su mayor arma, porque creía que su función primordial era “abrir las mentes para una más alta concepción del mundo”.
https://www.proceso.com.mx/632918/lamentan-el-deceso-del-actor-hector-ortega-fallecido-a-los-84-anos
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: