2a:null 2b:["$","title",null,{"children":"Cronologia | Fabián Ríos | Observable"}] 31:T981,viewof timeline = { const timelineHTML = html`

${Object.entries(groupedByFechaAndAutoria).map(([year, authors]) => { const filteredExhibiciones = exhibiciones.filter(expo => +expo["Año"] === +year); return html` ${filteredExhibiciones.length > 0 ? html`

${[expo["Exhibición"], expo["Ciudad"], expo["Lugar"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}

` : ''}

${year}

${Object.entries(authors).map(([author, items]) => html`

${author}

${item["Archivo"] && item["Archivo"] !== '-' ? html` ` : ''}
${item["Título"]}

${[item["Técnica"], item["Dimensiones"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}
${item["Colección"]} ${obraExpos.length > 0 ? html`
Exposiciones
` : ''}
- ${expo["Exhibición"]}

`)}

`; })}

`; // Create a div element and set its innerHTML to the generated timeline const div = html`

${timelineHTML}

`; return div; }32:T82e,{ let acc = document.querySelectorAll('.year-links'); let archivos = document.querySelectorAll('.archivo'); const imagen = document.getElementById('imagen'); const s3 = 'https://prototeca.s3.us-west-2.amazonaws.com/ma/formatted/'; acc.forEach((link) => { if (link.getAttribute('listener') !== 'true') { link.addEventListener('click', (e) => { e.preventDefault(); const y = e.target.id const element = document.querySelectorAll(`.item[data-year="${y}"]`); element[0].style.display = element[0].style.display === 'none' ? 'block' : 'none'; }); link.setAttribute('listener', 'true'); } }) if (archivos) { archivos.forEach((link) => { if (link.getAttribute('listener') !== 'true') { link.addEventListener('click', (e) => { e.preventDefault(); console.log({imagen}); imagen.style.display = 'block'; const obra = s3+renameFile(e.target.id); // Create the img element const img = document.getElementById('obra'); console.log({imagen, img, obra}) img.src = obra ? obra : 'https://placehold.co/600x400?text=not+there'; // Remove active class from all links archivos.forEach((item) => item.classList.remove('active')); // Add active class to the clicked link link.classList.add('active'); }); link.setAttribute('listener', 'true'); } }) } const cerrar = document.getElementById('toggle'); if (cerrar && imagen) { cerrar.addEventListener('click', () => { imagen.style.display = 'none'; }); } if (yearHeaders[0] === 'cerrar') { const elements = document.querySelectorAll(`.item`); elements.forEach(element => { element.style.display = 'none'; }); } else { const elements = document.querySelectorAll(`.item`); elements.forEach(element => { element.style.display = 'block'; }); } }33:T814,typographyStyles = html` `34:[{"id":"01dcb05edbc02475c10953e973cc0c1a3f72efa877d222379c80ea555203ebf46e93347453eeb22122915347cbb2c31cf84cde06c2c5e915eede9b15c0b4f321","href":"https://static.observableusercontent.com/files/01dcb05edbc02475c10953e973cc0c1a3f72efa877d222379c80ea555203ebf46e93347453eeb22122915347cbb2c31cf84cde06c2c5e915eede9b15c0b4f321","name":"cronologia - colombia - exhibiciones@1.csv","type":"text/csv","lastModified":1727616592370.36,"size":15259},{"id":"b66a5f7fa2c7519fd9a4e85dc6b5dbcee0878d1644724c883fa8d0c0cc7c8db2585f1dc8cd920e62a990b5bf0f549a513b4ace4a9ab2199027a4ffff75d0ee4d","href":"https://static.observableusercontent.com/files/b66a5f7fa2c7519fd9a4e85dc6b5dbcee0878d1644724c883fa8d0c0cc7c8db2585f1dc8cd920e62a990b5bf0f549a513b4ace4a9ab2199027a4ffff75d0ee4d","name":"obras-la-violencia@3.csv","type":"text/csv","lastModified":1727641209244.264,"size":25653},{"id":"b22d3a6178f31e287b26e1cf5359f382ed00a21d00b1c670c8ec5b70a4f592d51b940e0e6bf8d93ec9b816d679f10e38396fdf26c3442c02fb852546809bb987","href":"https://static.observableusercontent.com/files/b22d3a6178f31e287b26e1cf5359f382ed00a21d00b1c670c8ec5b70a4f592d51b940e0e6bf8d93ec9b816d679f10e38396fdf26c3442c02fb852546809bb987","name":"obras-la-violencia@4.csv","type":"text/csv","lastModified":1727780930097.358,"size":53229}] 2e:{"id":"482265a8ff0fdbd5","slug":"arte-violencia-politica-colombia","title":"Cronologia","thumbnail":"14e8d979ff057f024be71f75c1900b72632ce039d80961d28d5504f1e8255e87","access_level":"unlisted","create_time":"$D2024-09-23T08:13:40.839Z","update_time":"$D2024-10-01T11:17:56.335Z","view_time":null,"first_public_time":"$D2024-09-23T10:11:55.950Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024"},"version":521,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null},{"type":"individual","id":"c3a63161cb72c46d","login":"cristina-escobar-de-rios","name":"Cristina Escobar de Ríos","avatar_url":"https://avatars-next.observableusercontent.com/d5c4e59c82412b0d43df6396909e0eb22ed48d0de5dee505605ff6b1b2ed2f95","tier":null}],"members":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null,"role":"editor"},{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Cronologia","cells":[{"id":0,"value":"# Cronologia\n## Obras durante la violencia en Colombia\n\ndatos recopilados durante el trabajo de tesis de grado por [Isabel Cristina Escobar de Ríos](https://www.linkedin.com/in/isabelriose/) en [HHU](https://www.hhu.de/) ","pinned":false,"hidden":false,"mode":"md"},{"id":344,"value":"htl.html`

\n\n\n

${[expo["Exhibición"], expo["Ciudad"], expo["Lugar"]].filter(item => item.trim() !== '' && item !== '-').join(', ')}

${year}

${author}

${item["Título"]}

Exposiciones