a

amgno · Dec 8, 2024 · 34a0175 · 34a0175
1 parent cfb9e57
commit 34a0175
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
@@ -267,4 +267,4 @@ select {
 
 .thumbnail.active {
     opacity: 1;
-} 
+}
diff --git a/_site/index.html b/_site/index.html
@@ -225,16 +225,19 @@ <h1>A MAGNO</h1>
 
     // Add images to gallery and create thumbnails
     folderImages.forEach((image, index) => {
-        // Create main photo item
         const photoItem = document.createElement('div');
         photoItem.className = 'photo-item';
+
         photoItem.innerHTML = `
-            <img src="/photos${image.path}" loading="lazy">
-            <div class="photo-info">
-                <div class="location">${folderInfo.location}</div>
-                <div class="year">${folderInfo.year}</div>
+            <div class="image-container">
+                <img src="/photos${image.path}" loading="lazy">
+                <div class="photo-info">
+                    <div class="location">${folderInfo.location}</div>
+                    <div class="year">${folderInfo.year}</div>
+                </div>
             </div>
         `;
+
         photoGrid.appendChild(photoItem);
 
         // Create thumbnail

diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -269,4 +269,4 @@ select {
 
 .thumbnail.active {
     opacity: 1;
-} 
+}
diff --git a/index.html b/index.html
@@ -185,16 +185,19 @@ <h1>A MAGNO</h1>
 
     // Add images to gallery and create thumbnails
     folderImages.forEach((image, index) => {
-        // Create main photo item
         const photoItem = document.createElement('div');
         photoItem.className = 'photo-item';
+
         photoItem.innerHTML = `
-            <img src="{{ site.baseurl }}${image.path}" loading="lazy">
-            <div class="photo-info">
-                <div class="location">${folderInfo.location}</div>
-                <div class="year">${folderInfo.year}</div>
+            <div class="image-container">
+                <img src="{{ site.baseurl }}${image.path}" loading="lazy">
+                <div class="photo-info">
+                    <div class="location">${folderInfo.location}</div>
+                    <div class="year">${folderInfo.year}</div>
+                </div>
             </div>
         `;
+
         photoGrid.appendChild(photoItem);
 
         // Create thumbnail
-Original file line number
+Diff line change
@@ Expand Up / @@ -267,4 +267,4 @@ select { @@
     .thumbnail.active {
         opacity: 1;
-    }
+    }