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
${ data.module.collections.find((collection) => collection[this.data.type + 's'].includes(this.data.pk)) ? '-' : '+'}
${ data.module.collections.find((collection) => collection[this.data.type + 's'].includes(this.data.pk)) ? 'Remove project from' : 'Add project to' } collections
${ data.type && data.module.collections.find((collection) => collection[data.type + 's'].includes(data.pk)) ? '-' : '+'}
${ data.type && data.module.collections.find((collection) => collection[data.type + 's'].includes(data.pk)) ? 'Remove project from' : 'Add project to' } collections
Zoom in
scroll left
scroll right
scroll up
scroll down
${ 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) }
Stéphanie Bru - LIF Lectures 2022-2023
Bruther is the Paris-based architectural studio launched by Stéphanie Bru and Alexandre Theriot in 2007. Describing architecture as a "combat sport", the duo rose to international prominence in 2014. Competitions, experiments, and investigations, are all part of a work process they see as a strategic game, a balancing act between abstraction and function, diversity and uniformity, opacity and transparency. This edition presents the full extent of their work through 29 projects, ranging from collective housing and cultural and educational institutions to pavilions and exhibitions. While many are small in scale or unbuilt, they nevertheless allow an in-depth look at the practice.
Close