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.collection.title}
${ data.collections && Promise.resolve().then(() => trigger('dom-activate', element)), '' }
Add or remove ${ translate(data.object_type) } from collection:
${ data.collections && data.collections.map((collection) => include('#collection-form-li', { collection, title: collection[data.type + "s"].indexOf(data.pk) === -1 ? "Add to collection" : "Remove from collection", action: collection[data.type + "s"].indexOf(data.pk) === -1 ? "add" : "remove" })) }
Or create new collection with this item
Name
${ 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) }
EPFL Architecture
Living Archives
Project
Expérience - Limite I.II
Thomas Brütsch
/
Clément Mathieu Perron
Projects
Expérience - Limite I.II
Thomas Brütsch
/
Clément Mathieu Perron
École de guets à Lausanne
Team
Unit:
MANSLAB
Infos
Year:
2022
Period:
Bachelor
,
Spring
Category:
Semester Project
Topic:
Architecture
Copyright:
CC BY Licence
Permalink
livingarchives.epfl.ch/projects/4742/experience-limite-iii/
Menu
All
Projects
Collections
Items
Bachelor
Master
Research
Publications
People
About
Contact
Login
Newsletter
Impressum
Cookies policy
Instagram
Facebook
YouTube
Twitter
EPFL
Close