chris/bpb-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add lazy loading on gallery

Browse Source
This commit is contained in:
chris 2025-02-20 00:11:12 -05:00
parent b60e1044e1
commit e47e495911
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gallery/centerpiece/updateGallery.sh
View File

@ -138,7 +138,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE" printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE"
printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE" printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE"
printf " <img src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE" printf " <img loading="lazy" src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE"
printf " </figure>\n" >> "$OUTPUT_FILE" printf " </figure>\n" >> "$OUTPUT_FILE"
printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE" printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
printf " </div>\n" >> "$OUTPUT_FILE" printf " </div>\n" >> "$OUTPUT_FILE"

2
gallery/classic/updateGallery.sh
View File

@ -138,7 +138,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE" printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE"
printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE" printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE"
printf " <img src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE" printf " <img loading="lazy" src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE"
printf " </figure>\n" >> "$OUTPUT_FILE" printf " </figure>\n" >> "$OUTPUT_FILE"
printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE" printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
printf " </div>\n" >> "$OUTPUT_FILE" printf " </div>\n" >> "$OUTPUT_FILE"

2
gallery/organic/updateGallery.sh
View File

@ -139,7 +139,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE" printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE"
printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE" printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE"
printf " <img src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE" printf " <img loading="lazy" src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE"
printf " </figure>\n" >> "$OUTPUT_FILE" printf " </figure>\n" >> "$OUTPUT_FILE"
printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE" printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
printf " </div>\n" >> "$OUTPUT_FILE" printf " </div>\n" >> "$OUTPUT_FILE"

2
gallery/sculpture/updateGallery.sh
View File

@ -138,7 +138,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE" printf " <div class=\"gallery-item\">\n" >> "$OUTPUT_FILE"
printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE" printf " <figure class=\"image is-square\">\n" >> "$OUTPUT_FILE"
printf " <img src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE" printf " <img loading="lazy" src=\"%s\" alt=\"%s\" data-target=\"modal%d\" aria-haspopup=\"true\">\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE"
printf " </figure>\n" >> "$OUTPUT_FILE" printf " </figure>\n" >> "$OUTPUT_FILE"
printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE" printf " <p class=\"caption\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
printf " </div>\n" >> "$OUTPUT_FILE" printf " </div>\n" >> "$OUTPUT_FILE"