Update 917.yml

.github/workflows/917.yml

@@ -32,10 +32,10 @@ jobs:
           echo '    h1 { text-align: center; color: #e8e6eb; margin: 30px 0 0px; font-size: 18px; font-family: "Arial", sans-serif; text-transform: uppercase; }' >> majortom/917.html
           echo '    #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 1000; justify-content: center; align-items: center; }' >> majortom/917.html
           echo '    #overlay.show { display: flex; }' >> majortom/917.html
-          echo '    .overlay-content { position: relative; display: flex; justify-content: center; align-items: center; max-width: 90%; max-height: 90%; }' >> majortom/917.html
+          echo '    .overlay-content { display: flex; justify-content: center; align-items: center; max-width: 90%; max-height: 90%; position: relative; }' >> majortom/917.html
           echo '    #overlay img { max-width: 100%; max-height: 100%; display: block; }' >> majortom/917.html
           echo '    #close { position: absolute; top: 20px; right: 30px; font-size: 40px; color: white; cursor: pointer; }' >> majortom/917.html
-          echo '    button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; font-size: 30px; cursor: pointer; z-index: 1001; }' >> majortom/917.html
+          echo '    button { position: fixed; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; font-size: 30px; cursor: pointer; z-index: 1001; }' >> majortom/917.html
           echo '    #prevBtn { left: 20px; }' >> majortom/917.html
           echo '    #nextBtn { right: 20px; }' >> majortom/917.html
           echo '  </style>' >> majortom/917.html
@@ -97,7 +97,6 @@ jobs:
 
           # Include jQuery and custom scripts
           echo '  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>' >> majortom/917.html
-          echo '  <script src="https://brunurb.github.io/majortom/917/jquery.mosaic.js"></script>' >> majortom/917.html
           echo '  <script type="text/javascript">' >> majortom/917.html
           echo '    document.addEventListener("DOMContentLoaded", function() {' >> majortom/917.html
           echo '      let currentIndex = 0;' >> majortom/917.html
@@ -137,6 +136,13 @@ jobs:
           echo '      closeButton.addEventListener("click", closeOverlay);' >> majortom/917.html
           echo '      document.getElementById("prevBtn").addEventListener("click", showPrevious);' >> majortom/917.html
           echo '      document.getElementById("nextBtn").addEventListener("click", showNext);' >> majortom/917.html
+          echo '      window.addEventListener("keydown", function(event) {' >> majortom/917.html
+          echo '        if (event.key === "ArrowLeft") {' >> majortom/917.html
+          echo '          showPrevious(event);' >> majortom/917.html
+          echo '        } else if (event.key === "ArrowRight") {' >> majortom/917.html
+          echo '          showNext(event);' >> majortom/917.html
+          echo '        }' >> majortom/917.html
+          echo '      });' >> majortom/917.html
           echo '    });' >> majortom/917.html
           echo '  </script>' >> majortom/917.html
           echo '</body></html>' >> majortom/917.html
@@ -146,5 +152,5 @@ jobs:
           git config --local user.email "github-actions@github.com"
           git config --local user.name "GitHub Action"
           git add majortom/917.html
-          git commit -m "Regenerate majortom/917.html for mosaic gallery with overlay and navigation arrows" || echo "No changes to commit"
+          git commit -m "Regenerate majortom/917.html for mosaic gallery with overlay and fixed navigation arrows" || echo "No changes to commit"
           git push origin master  # Make sure this matches your main branch