From 66478c59225f4b61cd6d35fc6430227b32cd7678 Mon Sep 17 00:00:00 2001
From: Aaron van Geffen <aaron@aaronweb.net>
Date: Fri, 10 Nov 2023 21:57:53 +0100
Subject: [PATCH] AlbumIndex: use blurred images for albums as well

---
 templates/AlbumIndex.php | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/templates/AlbumIndex.php b/templates/AlbumIndex.php
index 676b871..aa48385 100644
--- a/templates/AlbumIndex.php
+++ b/templates/AlbumIndex.php
@@ -42,7 +42,7 @@ class AlbumIndex extends Template
 	{
 		echo '
 					<div class="col-md-6 col-xl-4">
-						<div class="polaroid landscape">';
+						<div class="polaroid landscape" style="aspect-ratio: 1.12">';
 
 		if ($this->show_edit_buttons)
 			echo '
@@ -58,15 +58,20 @@ class AlbumIndex extends Template
 				$thumbs[$factor] = $album['thumbnail']->getThumbnailUrl(
 					static::TILE_WIDTH * $factor, static::TILE_HEIGHT * $factor, true, true);
 
-			echo '
+			foreach (['normal-photo', 'blur-photo'] as $className)
+			{
+				echo '
 								<img alt="" src="', $thumbs[1], '"' . (isset($thumbs[2]) ?
 									' srcset="' . $thumbs[2] . ' 2x"' : '') .
+									' class="', $className, '"' .
 									' alt="" style="aspect-ratio: ', self::TILE_RATIO, '">';
+			}
 		}
 		else
 		{
 			echo '
 								<img alt="" src="', BASEURL, '/images/nothumb.svg"',
+									' class="placeholder-image"',
 									' style="aspect-ratio: ', self::TILE_RATIO, '; object-fit: unset">';
 		}