From 28a7630c9fa96adede44d85a93cde143d7abaed4 Mon Sep 17 00:00:00 2001 From: Arthur Lu Date: Thu, 12 Dec 2024 07:35:39 +0000 Subject: [PATCH] use smaller thumbnails for photography preview, move gallery common css to gallery.css --- css/gallery.css | 16 +++++++++++++ photography.html | 4 ++-- photography/nature.html | 28 ++++++---------------- photography/nature2.html | 28 ++++++---------------- resources/photography/nature/1-thumb.jpg | Bin 0 -> 205787 bytes resources/photography/nature/2-thumb.jpg | Bin 0 -> 226568 bytes resources/photography/nature/3-thumb.jpg | Bin 0 -> 224164 bytes resources/photography/nature/4-thumb.jpg | Bin 0 -> 242292 bytes resources/photography/nature/5-thumb.jpg | Bin 0 -> 224443 bytes resources/photography/nature/6-thumb.jpg | Bin 0 -> 182928 bytes resources/photography/nature2/1-thumb.jpg | Bin 0 -> 237865 bytes resources/photography/nature2/2-thumb.jpg | Bin 0 -> 239537 bytes resources/photography/nature2/3-thumb.jpg | Bin 0 -> 220478 bytes resources/photography/nature2/4-thumb.jpg | Bin 0 -> 232279 bytes resources/photography/nature2/5-thumb.jpg | Bin 0 -> 233474 bytes resources/photography/nature2/6-thumb.jpg | Bin 0 -> 235556 bytes scripts/ModalImage.js | 5 +++- 17 files changed, 36 insertions(+), 45 deletions(-) create mode 100644 css/gallery.css create mode 100644 resources/photography/nature/1-thumb.jpg create mode 100644 resources/photography/nature/2-thumb.jpg create mode 100644 resources/photography/nature/3-thumb.jpg create mode 100644 resources/photography/nature/4-thumb.jpg create mode 100644 resources/photography/nature/5-thumb.jpg create mode 100644 resources/photography/nature/6-thumb.jpg create mode 100644 resources/photography/nature2/1-thumb.jpg create mode 100644 resources/photography/nature2/2-thumb.jpg create mode 100644 resources/photography/nature2/3-thumb.jpg create mode 100644 resources/photography/nature2/4-thumb.jpg create mode 100644 resources/photography/nature2/5-thumb.jpg create mode 100644 resources/photography/nature2/6-thumb.jpg diff --git a/css/gallery.css b/css/gallery.css new file mode 100644 index 0000000..10f1ef9 --- /dev/null +++ b/css/gallery.css @@ -0,0 +1,16 @@ +#gallery-container { + display: grid; + grid-template-columns: auto auto; + column-gap: 16px; + row-gap: 16px; + margin-top: 1em; + margin-bottom: 1em; +} + +#gallery-container modal-image { + max-width: 100%; + min-width: 100%; + margin-left: auto; + margin-right: auto; + cursor: pointer; +} \ No newline at end of file diff --git a/photography.html b/photography.html index 14be71a..d4d588a 100644 --- a/photography.html +++ b/photography.html @@ -39,7 +39,7 @@