Search
Results
Results
${ capture(/^/, {
0: (data, captures) => (
data.params.project !== undefined ?
include('#filter-navigation-close-project', data) :
data.params.collection !== undefined ?
include('#filter-navigation-close-collection', data) :
include('#filter-navigation-search', data)
),
catch: () => console.log('TODO: SHOULDNT GET HERE')
}, data.location, data.location.name) }
${data.collections.reduce(function (acc, col) {
return acc + col.content_count
}, 0)}
${
merge([{ type: 'resize' }], events('resize', window))
// To size
.map(() => (window.innerWidth >= px('70em') ? 'big' : 'small'))
// Deduplicate
.filter(((prev) => (value) => {
const result = prev !== value;
prev = value;
return result;
})(null))
// Include
.map((size) => (size === 'big' ? 'Living Archives' : capture(/^/, {
0: (data, captures) => (
data.identifier === 'filters' ? 'Search / Filter' :
data.params.project !== undefined ? 'Project' :
data.params.collection !== undefined ? 'Collection' :
'Results'
),
catch: () => console.log('TODO: SHOULDNT GET HERE')
}, data.location, data.location.name)))
}
${ data.id[0].toUpperCase() + data.id.slice(1) }
${ events('dom-activate', element)
.take(1)
.map(() =>
request('/cms/' + data.id + '/')
.then((html) => {
const template = document.createElement('template');
template.innerHTML = html;
return template.content.querySelector('.inline-content-block');
})
) }
Back to navigation
${ events({ type: 'mousedown', select: '[name="scrollLeft"], [name="scrollTop"]' }, element).each((e) => {
const button = e.target;
const target = element.querySelector('.layer');
let frame;
function scroll() {
frame = requestAnimationFrame(scroll);
target[button.name] += parseFloat(button.value);
}
scroll();
events('mouseup', document)
.take(1)
.each((e) => cancelAnimationFrame(frame));
}) }
${ this.done(
// Switch href when slide changes
merge([{target: element.children[0]}], events('slide-active', element))
.each((e) => assign(data, e.target.dataset, { pk: parseInt(e.target.dataset.pk, 10) }))
) }
${ this.done(
// Switch src when img clicked
events({ type: 'click', select: 'img, [name="zoom"]' }, element)
// Only react in fullscreen mode
.filter((e) => !!document.fullscreenElement || !!document.webkitFullscreenElement || !!document.boltFullscreenElement)
.each((e) => {
console.log('CLICK');
if (data.src) {
data.src = undefined;
data.alt = undefined;
}
else {
assign(data, {
src: element.active.dataset.itemUrl,
alt: element.active.querySelector('img').alt,
width: element.active.dataset.itemWidth,
height: element.active.dataset.itemHeight
});
}
})
) }
${ this.done(
events('fullscreenchange', element)
// Only react in fullscreen mode
//.filter((e) => getFullScreenElement() !== element)
.each((e) => {
data.src = undefined;
data.alt = undefined;
})
) }
${ data.src ? include('#img-viewer', data) : '' }
${ include('#zoom-icon-thumb', data) }
${ include('#collections-thumb', data) }
Laboratoire de recherche climatique sur l'environnement urbain - PROJECT
Marina Bruno / Loïc Timothée Schwab
project
2021
Image
Mies Van Der Rohe, Pavillon Allemand, Barcelone, Espagne, 1929 - PROJECT
Anna Rachel Simone Benador / Marine Annette Frey
project
2021
Image
Laboratoire de recherche appliquée en astrophysique - Night Club Astro - PROJECT
Enzo Marie Renaud Balthazar De Moustier / Jean Richter
project
2021
Image
Charles Norman Shaw, Leyswood, Groombridge, Angleterre, 1868 - PROJECT
Baptiste Virgile Combes / Anli Guo
project
2021
Image
Richard Rogers, Patscenter, Princeton, New Jersey, 1982 - PROJECT
Anna Rachel Simone Benador / Marine Annette Frey
project
2021
Image
Le Corbusier, Centre de Calcul Eléctroniques Olivetti, Rho, Italy, 1963 - PROJECT
Luis Melgar / Manuel Rossi
project
2021
Image