upd: pixel thumbnails

3 files changed, 16 insertions, 8 deletions

diff --git a/public/catalogue.php b/public/catalogue.php
index 764b7d2..817cba2 100644
--- a/public/catalogue.php
+++ b/public/catalogue.php
@@ -81,16 +81,16 @@ unset($f);
                                 <img src="<?= sprintf('%s/%s.webp', FILE_THUMBNAIL_DIRECTORY_PREFIX, $file['id']) ?>"
                                     alt="No thumbnail." loading="lazy">
                             <?php elseif (str_starts_with($file['mime'], 'audio/')): ?>
-                                <img src="/static/img/icons/file_audio.png" alt="No thumbnail." loading="lazy" width="64"
-                                    height="64">
+                                <img src="/static/img/icons/file_audio.png" alt="No thumbnail." loading="lazy"
+                                    class="thumbnail stock">
                             <?php elseif (str_starts_with($file['mime'], 'text/')): ?>
-                                <img src="/static/img/icons/file_text.png" alt="No thumbnail." loading="lazy" width="64"
-                                    height="64">
+                                <img src="/static/img/icons/file_text.png" alt="No thumbnail." loading="lazy"
+                                    class="thumbnail stock">
                             <?php elseif ($file['mime'] == 'application/x-shockwave-flash'): ?>
-                                <img src="/static/img/icons/file_flash.png" alt="No thumbnail." loading="lazy" width="64"
-                                    height="64">
+                                <img src="/static/img/icons/file_flash.png" alt="No thumbnail." loading="lazy"
+                                    class="thumbnail stock">
                             <?php else: ?>
-                                <img src="/static/img/icons/file.png" alt="No thumbnail." width="64" height="64">
+                                <img src="/static/img/icons/file.png" alt="No thumbnail." class="thumbnail stock">
                             <?php endif; ?>
                         </i>
                     </a>
diff --git a/public/index.php b/public/index.php
index 4d912c3..2e37828 100644
--- a/public/index.php
+++ b/public/index.php
@@ -655,6 +655,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
             <?php if (FILE_THUMBNAILS): ?>
                 let thumbnailPath = `<?= FILE_THUMBNAIL_DIRECTORY_PREFIX ?>/${file.id}.webp`;
                 let thumbnailSize = "width: 64px; height: 64px;";
+                let thumbnailClass = "thumbnail stock";
                 if (file.mime.startsWith('audio/')) {
                     thumbnailPath = '/static/img/icons/file_audio.png';
                 } else if (file.mime.startsWith('text/')) {
@@ -665,6 +666,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
                     thumbnailPath = '/static/img/icons/file.png';
                 } else {
                     thumbnailSize = 'max-width:100%; max-height: 100%;';
+                    thumbnailClass = "thumbnail";
                 }
             <?php endif; ?>
 
@@ -673,7 +675,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
             <?php if (FILE_THUMBNAILS): ?>
             <div class="column align-center justify-center grow">
                 <div class="column justify-center align-center" style="width: 128px; height:128px;">
-                    <p><i><img src="${thumbnailPath}" alt="No thumbnail." style="${thumbnailSize}" loading="lazy"></i></p>
+                    <p><i><img src="${thumbnailPath}" alt="No thumbnail." style="${thumbnailSize}" loading="lazy" class="${thumbnailClass}"></i></p>
                 </div>
             </div>
             <?php endif; ?>
diff --git a/public/static/style.css b/public/static/style.css
index 6f86e77..efa1dc2 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -286,6 +286,12 @@ button[type=submit].fancy:hover {
     align-self: flex-end;
 }
 
+.thumbnail.stock {
+    width: 64px;
+    height: 64px;
+    image-rendering: pixelated;
+}
+
 /** FILE CATALOG (WALL) */
 .wall {
     display: flex;