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

updated gallery convert code

Browse Source
This commit is contained in:
chris 2025-02-19 22:47:03 -05:00
parent d019a24c3d
commit d656f79bf2
4 changed files with 67 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/pics/gallery/centerpiece/20230108_112718.jpg}.txt Normal file
View File

@ -0,0 +1 @@

BIN
assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 689 KiB

70
gallery/centerpiece/convertToWebp.sh
View File

@ -3,30 +3,56 @@
# Specify the input directory
INPUT_DIR="../../assets/pics/gallery/centerpiece"
# Ensure ImageMagick is installed
# Array of image extensions to process (excluding webp)
IMAGE_EXTENSIONS=("*.heic" "*.jpg" "*.jpeg" "*.png" "*.gif")
# Loop through each image extension
for ext in "${IMAGE_EXTENSIONS[@]}"; do
# Find files matching the current extension
for filename in $(find "$INPUT_DIR" -type f -name "$ext"); do
# Determine the output file name based on the original extension
case "$ext" in
*.heic)
CONVERTED_FILE="${filename%.heic}.webp"
;;
*.jpg|*.jpeg)
CONVERTED_FILE="${filename%.{jpg,jpeg}}.webp"
;;
*.png)
CONVERTED_FILE="${filename%.png}.webp"
;;
*.gif)
CONVERTED_FILE="${filename%.gif}.webp"
;;
*) # Default case for unknown file types (if you add more later)
echo "Unknown file type: $filename"
continue # Skip to the next file
;;
esac
for filename in $(find "$INPUT_DIR" -type f -name "*.heic"); do
# Define the output file name
CONVERTED_FILE="${filename%.heic}.webp"
# Skip if already converted
if [[ -f "$CONVERTED_FILE" ]]; then
echo "Skipping $filename, already converted."
continue
fi
# Skip if already converted
if [[ -f "$CONVERTED_FILE" ]]; then
echo "Skipping $filename, already converted."
continue
fi
# Convert to WEBP
echo "Converting $filename to $CONVERTED_FILE..."
convert "$filename" -quality 85 "$CONVERTED_FILE"
# Convert HEIC to WEBP
echo "Converting $filename to $CONVERTED_FILE..."
convert "$filename" -quality 85 "$CONVERTED_FILE"
# Verify conversion success
if [[ -f "$CONVERTED_FILE" ]]; then
# Create a blank text file (caption file)
txt_file="${CONVERTED_FILE%.webp}.txt"
echo -e "" > "$txt_file"
echo "Successfully converted $filename to $CONVERTED_FILE and created ${txt_file}"
# Verify conversion success
if [[ -f "$CONVERTED_FILE" ]]; then
# Create a blank text file
txt_file="${CONVERTED_FILE%.webp}.txt"
echo -e "" > "$txt_file"
echo "Successfully converted $filename to $CONVERTED_FILE and created ${txt_file}"
else
echo "Error converting $filename"
fi
done
# Delete the original file
echo "Deleting original file: $filename"
rm "$filename"
else
echo "Error converting $filename"
fi
done
done

18
gallery/centerpiece/index.html
View File

@ -98,6 +98,24 @@
<div class="container">
<h1 class="title has-text-centered has-text-dark">Centerpieces</h1>
<div class="gallery">
<div class="gallery-item">
<figure class="image is-square">
<img src="../../assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp" alt="" data-target="modal1" aria-haspopup="true">
</figure>
<p class="caption"></p>
</div>
<div class="modal" id="modal1">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title"></p>
<button class="delete" aria-label="close" data-action="close"></button>
</header>
<section class="modal-card-body">
<img class="modal-image" src="../../assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp" alt="">
</section>
</div>
</div>
</div>
</div>
</section>