diff --git a/.vscode/settings.json b/.vscode/settings.json index f673a71..155422b 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,3 @@ { - "liveServer.settings.port": 5502 + "liveServer.settings.port": 5503 } \ No newline at end of file diff --git a/assets/pics/gallery/classic/20230617_131551.txt b/assets/pics/gallery/classic/20230617_131551.txt new file mode 100644 index 0000000..a282813 --- /dev/null +++ b/assets/pics/gallery/classic/20230617_131551.txt @@ -0,0 +1 @@ +20' Classic Arch diff --git a/assets/pics/gallery/classic/20230617_131551.webp b/assets/pics/gallery/classic/20230617_131551.webp new file mode 100644 index 0000000..6ea6e40 Binary files /dev/null and b/assets/pics/gallery/classic/20230617_131551.webp differ diff --git a/assets/pics/gallery/classic/_Photos_20241207_083534.txt b/assets/pics/gallery/classic/_Photos_20241207_083534.txt new file mode 100644 index 0000000..68edaee --- /dev/null +++ b/assets/pics/gallery/classic/_Photos_20241207_083534.txt @@ -0,0 +1 @@ +Classic Columns diff --git a/assets/pics/gallery/classic/_Photos_20241207_083534.webp b/assets/pics/gallery/classic/_Photos_20241207_083534.webp new file mode 100644 index 0000000..918ee98 Binary files /dev/null and b/assets/pics/gallery/classic/_Photos_20241207_083534.webp differ diff --git a/assets/pics/gallery/organic/20241121_200047~2.jpg b/assets/pics/gallery/organic/20241121_200047~2.jpg new file mode 100644 index 0000000..40ebdd9 Binary files /dev/null and b/assets/pics/gallery/organic/20241121_200047~2.jpg differ diff --git a/assets/pics/gallery/organic/20250202_133930~2.jpg b/assets/pics/gallery/organic/20250202_133930~2.jpg new file mode 100644 index 0000000..21480eb Binary files /dev/null and b/assets/pics/gallery/organic/20250202_133930~2.jpg differ diff --git a/gallery/centerpiece/index.html b/gallery/centerpiece/index.html index e69de29..08e193e 100644 --- a/gallery/centerpiece/index.html +++ b/gallery/centerpiece/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Centerpieces

+
+
+
+
+ + + + + + + + diff --git a/gallery/centerpiece/updateGallery.sh b/gallery/centerpiece/updateGallery.sh new file mode 100755 index 0000000..84419fe --- /dev/null +++ b/gallery/centerpiece/updateGallery.sh @@ -0,0 +1,150 @@ +#!/bin/bash + +# Directory where images are stored +IMAGE_DIR="../../assets/pics/gallery/centerpiece" +OUTPUT_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 +cat > "$OUTPUT_FILE" < + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Centerpieces

+
+EOL + +# Add images dynamically with captions +count=1 +for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do + if [[ -f "$img" ]]; then + filename=$(basename "$img") + caption_file="${img%.*}.txt" + + # Read caption if available, otherwise use default + if [[ -f "$caption_file" ]]; then + caption=$(cat "$caption_file") + else + caption="" + fi + + echo "
" >> "$OUTPUT_FILE" + echo "
\"$caption\"
" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Add closing tags for the gallery +cat >> "$OUTPUT_FILE" < +
+
+EOL + +# Add lightbox overlays with captions +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 + + echo "
" >> "$OUTPUT_FILE" + echo " ×" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Finish the HTML file +cat >> "$OUTPUT_FILE" < +
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+ + + + + + + +EOL + +echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser." + diff --git a/gallery/classic/index.html b/gallery/classic/index.html index e386a9f..5453afe 100644 --- a/gallery/classic/index.html +++ b/gallery/classic/index.html @@ -1,127 +1,96 @@ - - - - + + + + - Beach Party Balloons - - - - - - - - - + Beach Party Balloons - Gallery + + + + + + + - -
-
-

Modern Bulma Gallery

-
- Gallery Image - Gallery Image - Gallery Image - Gallery Image - Gallery Image - Gallery Image + + +
+
+

Classic Balloon Décor

+
+
+ 20' Classic Arch +

20' Classic Arch

+
+
+ Classic Columns +

Classic Columns

+
+
+
+
+ + -
-
- - - - - - - - - -
-
- Copyright © Beach Party Balloons - All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. -
+
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+ - - - \ No newline at end of file + diff --git a/gallery/classic/updateGallery.sh b/gallery/classic/updateGallery.sh new file mode 100755 index 0000000..5117d54 --- /dev/null +++ b/gallery/classic/updateGallery.sh @@ -0,0 +1,150 @@ +#!/bin/bash + +# Directory where images are stored +IMAGE_DIR="../../assets/pics/gallery/classic" +OUTPUT_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 +cat > "$OUTPUT_FILE" < + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Classic Balloon Décor

+
+EOL + +# Add images dynamically with captions +count=1 +for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do + if [[ -f "$img" ]]; then + filename=$(basename "$img") + caption_file="${img%.*}.txt" + + # Read caption if available, otherwise use default + if [[ -f "$caption_file" ]]; then + caption=$(cat "$caption_file") + else + caption="" + fi + + echo "
" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Add closing tags for the gallery +cat >> "$OUTPUT_FILE" < +
+
+EOL + +# Add lightbox overlays with captions +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 + + echo "
" >> "$OUTPUT_FILE" + echo " ×" >> "$OUTPUT_FILE" + echo "
\"$caption\"
" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Finish the HTML file +cat >> "$OUTPUT_FILE" < +
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+ + + + + + + +EOL + +echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser." + diff --git a/gallery/index.html b/gallery/index.html index 35817d3..d3227e6 100644 --- a/gallery/index.html +++ b/gallery/index.html @@ -82,7 +82,8 @@
-

Organic Balloon Décor

+

Organic Balloon Décor

+
@@ -92,7 +93,8 @@
-

Centerpieces

+

Centerpieces

+
@@ -100,7 +102,8 @@
-

Sculptures & Themes

+

Sculptures & Themes

+
diff --git a/gallery/organic/index.html b/gallery/organic/index.html index e69de29..3693ee3 100644 --- a/gallery/organic/index.html +++ b/gallery/organic/index.html @@ -0,0 +1,96 @@ + + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Organic Balloon Décor

+
+
+
+

+
+
+
+

+
+
+
+
+ + + +
+
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+
+ + + + + + diff --git a/gallery/organic/updateGallery.sh b/gallery/organic/updateGallery.sh new file mode 100755 index 0000000..0147cca --- /dev/null +++ b/gallery/organic/updateGallery.sh @@ -0,0 +1,150 @@ +#!/bin/bash + +# Directory where images are stored +IMAGE_DIR="../../assets/pics/gallery/organic" +OUTPUT_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 +cat > "$OUTPUT_FILE" < + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Organic Balloon Décor

+
+EOL + +# Add images dynamically with captions +count=1 +for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do + if [[ -f "$img" ]]; then + filename=$(basename "$img") + caption_file="${img%.*}.txt" + + # Read caption if available, otherwise use default + if [[ -f "$caption_file" ]]; then + caption=$(cat "$caption_file") + else + caption="" + fi + + echo "
" >> "$OUTPUT_FILE" + echo "
\"$caption\"
" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Add closing tags for the gallery +cat >> "$OUTPUT_FILE" < +
+
+EOL + +# Add lightbox overlays with captions +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 + + echo "
" >> "$OUTPUT_FILE" + echo " ×" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Finish the HTML file +cat >> "$OUTPUT_FILE" < +
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+ + + + + + + +EOL + +echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser." + diff --git a/gallery/sculpture/index.html b/gallery/sculpture/index.html index e69de29..4cd1684 100644 --- a/gallery/sculpture/index.html +++ b/gallery/sculpture/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Sculptures and Themes

+
+
+
+
+ +
+
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+
+ + + + + + diff --git a/gallery/sculpture/updateGallery.sh b/gallery/sculpture/updateGallery.sh new file mode 100755 index 0000000..ee01f96 --- /dev/null +++ b/gallery/sculpture/updateGallery.sh @@ -0,0 +1,150 @@ +#!/bin/bash + +# Directory where images are stored +IMAGE_DIR="../../assets/pics/gallery/sculpture" +OUTPUT_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 +cat > "$OUTPUT_FILE" < + + + + + + + + + Beach Party Balloons - Gallery + + + + + + + + + + + +
+
+

Sculptures and Themes

+
+EOL + +# Add images dynamically with captions +count=1 +for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do + if [[ -f "$img" ]]; then + filename=$(basename "$img") + caption_file="${img%.*}.txt" + + # Read caption if available, otherwise use default + if [[ -f "$caption_file" ]]; then + caption=$(cat "$caption_file") + else + caption="" + fi + + echo "
" >> "$OUTPUT_FILE" + echo "
\"$caption\"
" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Add closing tags for the gallery +cat >> "$OUTPUT_FILE" < +
+
+EOL + +# Add lightbox overlays with captions +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 + + echo "
" >> "$OUTPUT_FILE" + echo " ×" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Finish the HTML file +cat >> "$OUTPUT_FILE" < +
+ Copyright © Beach Party Balloons + All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. +
+ + + + + + + +EOL + +echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser." + diff --git a/gallery/updateGallery.sh b/gallery/updateGallery.sh index 213167e..e5802b5 100755 --- a/gallery/updateGallery.sh +++ b/gallery/updateGallery.sh @@ -1,144 +1,13 @@ #!/bin/bash -# Directory where images are stored -IMAGE_DIR="../assets/pics/organic" -OUTPUT_FILE="classic.html" +cd organic +./updateGallery.sh -# Ensure the images directory exists -if [ ! -d "$IMAGE_DIR" ]; then - echo "Error: Directory '$IMAGE_DIR' not found!" - exit 1 -fi +cd ../classic +./updateGallery.sh -# Start writing the HTML file -cat > "$OUTPUT_FILE" < - - - - - - - - - Beach Party Balloons - Gallery - - - - - - - - +cd ../centerpiece +./updateGallery.sh - - -
-
-

Organic

-
-EOL - -# Add images dynamically with captions -count=1 -for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do - if [[ -f "$img" ]]; then - filename=$(basename "$img") - caption_file="${img%.*}.txt" - - # Read caption if available, otherwise use default - if [[ -f "$caption_file" ]]; then - caption=$(cat "$caption_file") - else - caption="" - fi - - echo "
" >> "$OUTPUT_FILE" - echo " \"$caption\"" >> "$OUTPUT_FILE" - echo "

$caption

" >> "$OUTPUT_FILE" - echo "
" >> "$OUTPUT_FILE" - - count=$((count+1)) - fi -done - -# Add closing tags for the gallery -cat >> "$OUTPUT_FILE" < -
-
-EOL - -# Add lightbox overlays with captions -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 - - echo "
" >> "$OUTPUT_FILE" - echo " ×" >> "$OUTPUT_FILE" - echo " \"$caption\"" >> "$OUTPUT_FILE" - echo "

$caption

" >> "$OUTPUT_FILE" - echo "
" >> "$OUTPUT_FILE" - - count=$((count+1)) - fi -done - -# Finish the HTML file -cat >> "$OUTPUT_FILE" < -
- Copyright © Beach Party Balloons - All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited. -
- - - - - - - -EOL - -echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser." +cd ../sculpture +./updateGallery.sh \ No newline at end of file diff --git a/script.js b/script.js index 918e790..988dbd2 100644 --- a/script.js +++ b/script.js @@ -82,8 +82,8 @@ document.addEventListener("DOMContentLoaded", function () { lightboxCaption.textContent = caption; lightbox.style.display = "flex"; - document.getElementById("prev").onclick = () => navigateLightbox(-1); - document.getElementById("next").onclick = () => navigateLightbox(1); + // document.getElementById("prev").onclick = () => navigateLightbox(-1); + // document.getElementById("next").onclick = () => navigateLightbox(1); } function navigateLightbox(direction) { @@ -123,6 +123,12 @@ document.addEventListener("DOMContentLoaded", function () { navigateLightbox(-1); } }); + +document.querySelector(".lightbox .close").addEventListener("click", function(event) { + event.preventDefault(); + document.querySelector(".lightbox").style.display = "none"; +}); + // Swipe gestures for mobile let touchStartX = 0; diff --git a/style.css b/style.css index 7d9aaf4..ebdea0e 100644 --- a/style.css +++ b/style.css @@ -87,3 +87,7 @@ header { text-align: center; border-radius: 5px; } +.lightbox .close { + pointer-events: auto; + z-index: 1001; +} \ No newline at end of file diff --git a/gallery/classic.html b/updateGallery.sh similarity index 61% rename from gallery/classic.html rename to updateGallery.sh index 44422f5..418f992 100644 --- a/gallery/classic.html +++ b/updateGallery.sh @@ -1,3 +1,17 @@ +#!/bin/bash + +# Directory where images are stored +IMAGE_DIR="../../assets/pics/organic" +OUTPUT_FILE="classic.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 +cat > "$OUTPUT_FILE" < @@ -50,41 +64,73 @@ - +
-

Organic

+

Organic

-
- -

-
-
- -

-
-
- -

-
+EOL + +# Add images dynamically with captions +count=1 +for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do + if [[ -f "$img" ]]; then + filename=$(basename "$img") + caption_file="${img%.*}.txt" + + # Read caption if available, otherwise use default + if [[ -f "$caption_file" ]]; then + caption=$(cat "$caption_file") + else + caption="" + fi + + echo "
" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Add closing tags for the gallery +cat >> "$OUTPUT_FILE" <
- - - +EOL + +# Add lightbox overlays with captions +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 + + echo "
" >> "$OUTPUT_FILE" + echo " ×" >> "$OUTPUT_FILE" + echo " \"$caption\"" >> "$OUTPUT_FILE" + echo "

$caption

" >> "$OUTPUT_FILE" + echo "
" >> "$OUTPUT_FILE" + + count=$((count+1)) + fi +done + +# Finish the HTML file +cat >> "$OUTPUT_FILE" <
@@ -98,3 +144,6 @@ +EOL + +echo "Gallery generated with captions! Open $OUTPUT_FILE in your browser."