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) }
GANGNAM LIVING BLOCK - Artificial Seoulness - PROJECT
LDM
project
2021
Image, Document, Link
Gangnam Oasis - PROJECT
Flavia Mizel / Blagica Vuchkova
project
2021
Image, Link
Open Kitchen - PROJECT
Rahaf Shabaan / Léna Ambre Lou Villetelle
project
2021
Image, Link
Behind the Veil - PROJECT
Katarzyna Maria Stachnio / San Yun
project
2021
Image, Video, Link
Learning Machine - PROJECT
Samuel Barbey / Meron Yebrah
project
2021
Image, Link
Gangnam Learning Stroll - PROJECT
Konstantinos Athanasios Dikaros / Jérémie Philippe Charles Guyot
project
2021
Image, Link
Gangnam Chassis - PROJECT
Nicolas Kamran Stanislas / Sabrina Travaglini
project
2021
Image, Link
Privacy in Community - PROJECT
Ilayda Makas / Ecenaz Ozkorkut
project
2021
Image, Link
Living in Vertical - PROJECT
Laureen Menglian Océane Hu / Amélie Mischler
project
2021
Image, Link
Jumping Scale - PROJECT
Duncan Guillaume Jaime Fouchet / Su Sie Keum
project
2021
Image, Video, Link
Performative Connections - PROJECT
Francisco Téllez Buitrago / Loïc Zeltner
project
2021
Image, Link
Fluctuation in Gangnam - PROJECT
Vanessa Xuan-Ahn Jean Bailey / Sacha Marcel Jean Toupance
project
2021
Image, Link
Gangnam Vernacular Cloud - PROJECT
Stephen Mang-Enjoy Bopeso / Virginie Grand / Alexandre Vong Srivastava
project
2021
Image, Link