MozLife

Architecture touches Heart and Soul

Architecture exists to create the physical environment in which people live. Obviously that’s a very simple answer, but if we deep digger we see the complexities.

What is the built environment? what constitutes quality of life? how do architects determine whether something is positive, helpful or relevant for individuals and collectives?

Video Info

(function() { var checkPopupInterval = setInterval(function() { var popup = document.querySelector('.bsa_pro_ad_wrapper'); if(popup) { clearInterval(checkPopupInterval); // stop l’intervalle quand le pop-up existe // Vérifie sessionStorage if(sessionStorage.getItem('popup_seen')) { popup.style.display = 'none'; // cache si déjà vu } else { sessionStorage.setItem('popup_seen', 'true'); // Styles responsive popup.style.width = '500px'; popup.style.height = '500px'; popup.style.maxWidth = '90%'; popup.style.maxHeight = '90%'; popup.style.margin = '0 auto'; popup.style.boxSizing = 'border-box'; popup.style.position = 'fixed'; popup.style.top = '50%'; popup.style.left = '50%'; popup.style.transform = 'translate(-50%, -50%)'; popup.style.backgroundColor = '#fff'; popup.style.zIndex = '9999'; popup.style.opacity = '0'; popup.style.transition = 'opacity 0.5s ease'; // Overlay var overlay = document.createElement('div'); overlay.style.position = 'fixed'; overlay.style.top = '0'; overlay.style.left = '0'; overlay.style.width = '100%'; overlay.style.height = '100%'; overlay.style.backgroundColor = 'rgba(0,0,0,0.7)'; overlay.style.zIndex = '9998'; overlay.style.opacity = '0'; overlay.style.transition = 'opacity 0.5s ease'; document.body.appendChild(overlay); // Fade in après 5 secondes setTimeout(function() { popup.style.opacity = '1'; overlay.style.opacity = '1'; }, 5000); // Close button var closeBtn = document.createElement('button'); closeBtn.innerHTML = '×'; closeBtn.style.position = 'absolute'; closeBtn.style.top = '10px'; closeBtn.style.right = '10px'; closeBtn.style.background = 'transparent'; closeBtn.style.border = 'none'; closeBtn.style.fontSize = '24px'; closeBtn.style.cursor = 'pointer'; popup.appendChild(closeBtn); closeBtn.addEventListener('click', function() { popup.style.display = 'none'; overlay.style.display = 'none'; }); // Responsive dynamique function resizePopup() { if (window.innerWidth < 769) { popup.style.width = '90%'; popup.style.height = 'auto'; } else { popup.style.width = '500px'; popup.style.height = '500px'; } } resizePopup(); window.addEventListener('resize', resizePopup); } } }, 200); // vérifie toutes les 200ms })();