Update

jochemloedeman · Sep 6, 2024 · 87be2e0 · 87be2e0
1 parent 87d31a3
commit 87be2e0
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -48,7 +48,7 @@
     </script>
 </head>
 
-<body class="bg-white h-screen text-black opacity-0 animate-fade-in transition duration-500 mx-auto w-3/4">
+<body class="bg-white h-screen text-black opacity-0 transition ease-in duration-700 mx-auto w-3/4">
     <!-- Navbar -->
     <header class="flex w-full overflow-hidden pt-16 pb-12">
         <!-- Navbar -->
@@ -104,9 +104,8 @@
             </p>
         </div>
     </footer>
-    <script src="scripts/fade_in.js"></script>
-    <script src="scripts/menu.js"></script>
     <script src="scripts/distribute_images.js"></script>
+    <script src="scripts/fade_in.js"></script>
 </body>
 
 </html>
diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "target": "ES2020",
+        "jsx": "react",
+        "allowImportingTsExtensions": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true
+    },
+    "exclude": [
+        "node_modules",
+        "**/node_modules/*"
+    ]
+}
diff --git a/scripts/distribute_images.js b/scripts/distribute_images.js
@@ -5,21 +5,20 @@ const images = [
     '/assets/images/P1070333-Enhanced-RD Large.jpeg',
     '/assets/images/DSCF4744-Enhanced-RD Large.jpeg',
     '/assets/images/P1070384-Enhanced-RD Large.jpeg',
-    '/assets/images/DSC09328-Enhanced-NR Large.jpeg',
     '/assets/images/P1070444 Large.jpeg',
     '/assets/images/DSCF4570-Enhanced-RD-2 Large.jpeg',
+    '/assets/images/DSC09328-Enhanced-NR Large.jpeg',
     '/assets/images/P1070347-Enhanced-RD Large.jpeg',
-    '/assets/images/DSCF4602-Enhanced-RD-2 Large.jpeg',
     '/assets/images/P1070303-Enhanced-RD Large.jpeg',
+    '/assets/images/DSCF4602-Enhanced-RD-2 Large.jpeg',
     '/assets/images/DSC08987 Large.jpeg',
-    '/assets/images/DSC08870 Large.jpeg',
     '/assets/images/DSC09061 Large.jpeg',
-    '/assets/images/DSCF4667-Enhanced-RD Large.jpeg',
+    '/assets/images/DSC08870 Large.jpeg',
+    // '/assets/images/DSCF4667-Enhanced-RD Large.jpeg',
     '/assets/images/DSCF4310-Enhanced-RD Large.jpeg',
 ];
 
 const twoColumnThreshold = 768;
-
 const threeColumnThreshold = 1024;
 
 // Function to distribute images into columns
@@ -55,6 +54,5 @@ function distributeImages() {
 
 // Initial distribution
 distributeImages();
-
 // Redistribute images on window resize
 window.addEventListener('resize', distributeImages);
diff --git a/scripts/fade_in.js b/scripts/fade_in.js
@@ -2,13 +2,4 @@ document.addEventListener("DOMContentLoaded", function () {
   const body = document.querySelector("body");
   body.classList.remove("opacity-0");
   body.classList.add("opacity-100");
-  const photos = document.querySelectorAll("img");
-  let delay = 0;
-  photos.forEach((photo) => {
-    setTimeout(() => {
-      photo.classList.remove("opacity-0");
-      photo.classList.add("opacity-100");
-    }, delay);
-    delay += 100;
-  });
 });
diff --git a/scripts/menu.js b/scripts/menu.js