updated gallery convert code

assets/pics/gallery/centerpiece/20230108_112718.jpg}.txt

@@ -0,0 +1 @@
+

gallery/centerpiece/convertToWebp.sh

@@ -3,12 +3,32 @@
 # 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 filename in $(find "$INPUT_DIR" -type f -name "*.heic"); do
+for ext in "${IMAGE_EXTENSIONS[@]}"; do
-    # Define the output file name
+    # 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
 
         # Skip if already converted
         if [[ -f "$CONVERTED_FILE" ]]; then
@@ -16,17 +36,23 @@ for filename in $(find "$INPUT_DIR" -type f -name "*.heic"); do
             continue
         fi
 
-    # Convert HEIC to WEBP
+        # Convert 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
+            # 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}"
+
+            # Delete the original file
+            echo "Deleting original file: $filename"
+            rm "$filename"
+
         else
             echo "Error converting $filename"
         fi
+    done
 done

gallery/centerpiece/index.html

@@ -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>