Contenido
Clara Porset, recorrido virtual por el Museo Jumex
// ------------------------------------------------------------------------------------------------------------------------------- // 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 // ======================================
Porset, de origen cubano, nació en 1895 y murió en 1981, después de haber estudiado en Estados Unidos y Francia, y luego de tomar un curso en Black Mountain College regresa a su país. Como no está de acuerdo con el gobierno dictatorial imperante, decide venir a vivir a México, donde permanece entre 1935 y 1936.
Es aquí donde desarrolla plenamente su trabajo, y su propuesta principal es crear un lenguaje basado en las raíces mexicanas, ya que llega después de la Revolución, que está construyendo una identidad nacional moderna.
La diseñadora logró que sus inquietudes de corte social y en buena medida nacionales, fueran la columna vertebral de esas propuestas para crear una nueva forma de habitar el espacio.
Cuando Porset llega a México se casa con el pintor y muralista Javier Guerrero, artista activo y nacionalista, promotor de la mexicanidad. Establecen juntos un taller de diseño, donde presentan unos muebles en un primer concurso, llamado “Diseño orgánico para el hogar”, propuesto por el MOMA (Museo de Arte Moderno de Nurev York) en 1941, en el cual ganan uno de los premios.
La exposición inicia con la maqueta y el catálogo de este trabajo. La propuesta curatorial realizada por la curadora Mallet es la selección de 10 de los textos que realizó entre 1929-1965, publicados en revistas nacionales e internacionales.
A través de esta selección, nos darnos cuenta de sus ideas, pensamientos, así como su esencia, desarrollo y alcances que permean el ámbito nacional e internacional. Hay documentos, planos y fotografías provenientes del Archivo de Investigaciones de Diseño industrial de la Facultad de Arquitectura de la UNAM.
También se encuentran ejemplos del mobiliario popular de diferentes entornos de la República mexicana. Por ejemplo, los petates, que fueron fuente de inspiración de un elemento rural y esencial de los mexicanos, por ser un material funcional y simbólico que está cerca de la tierra donde se nace, comes y eres sepultado. Otro ejemplo son las llamadas butaques, utilizadas en diferentes partes de la República; los Equipales, sillas hechas de palo y fibras naturales. Logró hacer un trabajo basto y creativo gracias a su rigurosa investigación e interés por poner al mismo nivel los objetos cotidianos, junto con los diseños artesanales y los diseños industriales; de esta manera lograr un diseño funcional y moderno que fue la base de su trabajo.
Este recorrido virtual es una oportunidad para acercarse al trabajo de una de las mejores diseñadoras del siglo XX, quien demostró las posibilidades creativas a partir de referentes significativas de nuestra cultura.
Para acceder al Museo Jumex, consulte:
https://www.fundacionjumex.org/es/exposiciones/189-clara-porset-diseno-y-pensamiento
Te recomendamos: INBAL propone recorridos virtuales ante pandemia
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: