function loadPhotos() { const photosFeed = document.getElementById('photos-feed'); const photosContainer = photosFeed.querySelector('.grid'); photosContainer.innerHTML = ''; firebase.database().ref('communityNotes').orderByChild('timestamp').once('value').then(snapshot => { const photos = []; snapshot.forEach(child => { const note = child.val(); if (note.imageUrl) { photos.push(note); } }); photos.reverse().forEach(photo => { const photoCard = document.createElement('div'); photoCard.className = 'relative aspect-square cursor-pointer'; photoCard.innerHTML = ` `; photoCard.onclick = () => { openPhotoDetail(photo); }; photosContainer.appendChild(photoCard); }); }); } function openPhotoDetail(photo) { const modal = document.createElement('div'); modal.className = 'fixed inset-0 bg-black/90 z-50 flex items-center justify-center p-4'; modal.innerHTML = ` `; document.body.appendChild(modal); }