From 0d9aa950da3201a5fc20c568fb7697a102ec1be4 Mon Sep 17 00:00:00 2001 From: ilotterytea Date: Mon, 23 Jun 2025 19:37:26 +0500 Subject: feat: color the files and add title to them + lazy loading for files --- public/catalogue.php | 21 ++++++++++++++++----- public/index.php | 2 +- public/static/style.css | 12 ++++++++++++ 3 files changed, 29 insertions(+), 6 deletions(-) diff --git a/public/catalogue.php b/public/catalogue.php index fca1183..9836cbf 100644 --- a/public/catalogue.php +++ b/public/catalogue.php @@ -35,6 +35,17 @@ $stmt = $db->query("SELECT f.id, f.mime, f.extension $stmt->execute(); $files = $stmt->fetchAll(); + +foreach ($files as &$f) { + if (str_starts_with($f['mime'], 'video/')) { + $f['color'] = 'blue'; + } else if ($f['mime'] == 'application/x-shockwave-flash') { + $f['color'] = 'red'; + } + + $f['thumb_title'] = "{$f['mime']} ({$f['extension']})"; +} +unset($f); ?> @@ -63,16 +74,16 @@ $files = $stmt->fetchAll();
-
+
"> - + No thumbnail. + alt="No thumbnail." loading="lazy"> - No thumbnail. + No thumbnail. - No thumbnail. + No thumbnail. No thumbnail. diff --git a/public/index.php b/public/index.php index 544467a..556349f 100644 --- a/public/index.php +++ b/public/index.php @@ -661,7 +661,7 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
-

No thumbnail.

+

No thumbnail.

diff --git a/public/static/style.css b/public/static/style.css index 51377a4..7db9a45 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -140,6 +140,10 @@ table.left td { text-align: left; } +ul { + list-style: none; +} + /** FORM */ button[type=submit].fancy { background: linear-gradient(0deg, var(--box-tab-background), var(--background)); @@ -293,6 +297,14 @@ button[type=submit].fancy:hover { height: 128px; } +.brick.red img { + border: 2px solid maroon; +} + +.brick.blue img { + border: 2px solid blue; +} + .brick img { min-width: 100%; height: auto; -- cgit v1.2.3