#!/bin/bash # Directory where images are stored (Quote it!) IMAGE_DIR="../../assets/pics/gallery/centerpiece" # Output file (Quote it!) OUTPUT_FILE="./index.html" # Or specify the full path: /path/to/your/file/index.html # Ensure the images directory exists if [ ! -d "$IMAGE_DIR" ]; then echo "Error: Directory '$IMAGE_DIR' not found!" exit 1 fi # Start writing the HTML file (Redirect to the quoted variable) cat > "$OUTPUT_FILE" < Beach Party Balloons

Centerpieces

EOL count=1 for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do if [[ -f "$img" ]]; then filename=$(basename "$img") caption_file="${img%.*}.txt" if [[ -f "$caption_file" ]]; then caption=$(cat "$caption_file") else caption="" fi printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf " \"%s\"\n" "$IMAGE_DIR/$filename" "$caption" "$count" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "

%s

\n" "$caption" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" # Modal structure printf "
\n" "$count" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "

%s

\n" "$caption" >> "$OUTPUT_FILE" printf " \n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf " \"%s\"\n" "$IMAGE_DIR/$filename" "$caption" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" printf "
\n" >> "$OUTPUT_FILE" count=$((count+1)) fi done cat >> "$OUTPUT_FILE" <
EOL echo "Gallery generated with Bulma modals! Open $OUTPUT_FILE in your browser."