From 58a3275a496816988c2d579e33fe5b0e3e21fb81 Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Thu, 20 Feb 2025 11:13:15 -0500
Subject: [PATCH] update bulma modal

---
 gallery/centerpiece/index.html       | 10 +++++++---
 gallery/centerpiece/updateGallery.sh |  8 ++++++--
 gallery/classic/updateGallery.sh     |  5 +++++
 gallery/organic/updateGallery.sh     |  4 ++++
 gallery/sculpture/updateGallery.sh   |  5 +++++
 index.html                           |  3 +++
 style.css                            |  5 +++--
 7 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/gallery/centerpiece/index.html b/gallery/centerpiece/index.html
index bf79a59..254be5e 100644
--- a/gallery/centerpiece/index.html
+++ b/gallery/centerpiece/index.html
@@ -49,10 +49,14 @@
             color: #4a4a4a;
             font-family: 'Autour One', cursive;
         }
+        .modal{
+        --bulma-modal-content-width: unset;
+        --bulma-modal-content-height: unset;
 
+        }
         .modal-image {
-             max-width: 95%; /* Slightly larger max-width */
-            max-height: 95vh; /* Slightly larger max-height */
+             max-width: 110%; /* Slightly larger max-width */
+            max-height: 98vh; /* Slightly larger max-height */
             display: block;
             margin: 0 auto;
             border-radius: 10px;
@@ -109,7 +113,7 @@
             <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">
+                        <img loading=lazy src="../../assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp" alt="" data-target="modal1" aria-haspopup="true">
                     </figure>
                     <p class="caption"></p>
                 </div>
diff --git a/gallery/centerpiece/updateGallery.sh b/gallery/centerpiece/updateGallery.sh
index 642429e..c985ad9 100755
--- a/gallery/centerpiece/updateGallery.sh
+++ b/gallery/centerpiece/updateGallery.sh
@@ -64,10 +64,14 @@ cat > "$OUTPUT_FILE" <<EOL
             color: #4a4a4a;
             font-family: 'Autour One', cursive;
         }
+        .modal{
+        --bulma-modal-content-width: unset;
+        --bulma-modal-content-height: unset;
 
+        }
         .modal-image {
-             max-width: 95%; /* Slightly larger max-width */
-            max-height: 95vh; /* Slightly larger max-height */
+             max-width: 110%; /* Slightly larger max-width */
+            max-height: 98vh; /* Slightly larger max-height */
             display: block;
             margin: 0 auto;
             border-radius: 10px;
diff --git a/gallery/classic/updateGallery.sh b/gallery/classic/updateGallery.sh
index 7e946ac..bd3d117 100755
--- a/gallery/classic/updateGallery.sh
+++ b/gallery/classic/updateGallery.sh
@@ -65,6 +65,11 @@ cat > "$OUTPUT_FILE" <<EOL
             font-family: 'Autour One', cursive;
         }
 
+  .modal{
+        --bulma-modal-content-width: unset;
+        --bulma-modal-content-height: unset;
+
+        }
         .modal-image {
             max-width: 90%;
             max-height: 90vh;
diff --git a/gallery/organic/updateGallery.sh b/gallery/organic/updateGallery.sh
index b9afe7d..d9ac414 100755
--- a/gallery/organic/updateGallery.sh
+++ b/gallery/organic/updateGallery.sh
@@ -64,7 +64,11 @@ cat > "$OUTPUT_FILE" <<EOL
             color: #4a4a4a;
             font-family: 'Autour One', cursive;
         }
+          .modal{
+        --bulma-modal-content-width: unset;
+        --bulma-modal-content-height: unset;
 
+        }
         .modal-image {
             max-width: 90%;
             max-height: 90vh;
diff --git a/gallery/sculpture/updateGallery.sh b/gallery/sculpture/updateGallery.sh
index 9bd04a3..cf3197b 100755
--- a/gallery/sculpture/updateGallery.sh
+++ b/gallery/sculpture/updateGallery.sh
@@ -65,6 +65,11 @@ cat > "$OUTPUT_FILE" <<EOL
             font-family: 'Autour One', cursive;
         }
 
+          .modal{
+        --bulma-modal-content-width: unset;
+        --bulma-modal-content-height: unset;
+
+        }
         .modal-image {
             max-width: 90%;
             max-height: 90vh;
diff --git a/index.html b/index.html
index 3db49f7..13962a4 100644
--- a/index.html
+++ b/index.html
@@ -65,7 +65,10 @@
 
           </div>
         </div>
+ 
       </nav>
+
+
        <button onclick="topFunction()" class="has-text-dark" id="top" title="Go to top">Top</button> 
       <!-- <div>
         <img class="image is-16by9" id="heroImg"
diff --git a/style.css b/style.css
index 3931ed8..c0d2ab5 100644
--- a/style.css
+++ b/style.css
@@ -111,7 +111,7 @@ form{
   z-index: 99; /* Make sure it does not overlap */
   border: none; /* Remove borders */
   outline: none; /* Remove outline */
-  background-color: #0dc9ba; /* Set a background color */
+  background-color: #94d601; /* Set a background color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: 15px; /* Some padding */
   border-radius: 10px; /* Rounded corners */
@@ -122,4 +122,5 @@ form{
 
 #top:hover {
   background-color: #aedad3; /* Add a dark-grey background on hover */
-}
\ No newline at end of file
+}
+