quality

generateSite.js

@@ -87,7 +87,7 @@ async function generateSite() {
             <div class="progressive-image-container">
                 <img 
                     class="progressive-image thumbnail" 
-                    src="${image.localPath}?quality=10&width=100" 
+                    src="${image.localPath}?quality=20&width=100" 
                     alt="${image.metadata.description || ''}"
                 >
                 <img 

public/styles.css

@@ -55,7 +55,7 @@ img {
 
 .navigation {
     position: fixed;
-    bottom: 50%;
+    bottom: 33%;
     left: 0;
     right: 0;
     display: flex;