From 1ba02895d5c6619e05b131051d339a4ee4c276d8 Mon Sep 17 00:00:00 2001
From: ThakshilaDamsak <thakshiladamsak@hotmail.com>
Date: Wed, 13 Sep 2023 18:16:20 +0530
Subject: [PATCH] 	modified:   common/footer.html 	modified:  
 error/404/content.js 	modified:   home-css/content.js

---
 common/footer.html   |  2 +-
 error/404/content.js | 15 +++++++++++----
 home-css/content.js  | 15 +++++++++++----
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/common/footer.html b/common/footer.html
index 3ca162f..6cdb8eb 100644
--- a/common/footer.html
+++ b/common/footer.html
@@ -69,7 +69,7 @@
 </script>
 
 <div id="site-info" class="hidden">
-    <p>v20.7 | <a href="https://github.com/ThakshilaDamsak/ThakshilaDamsak.github.io" target="_blank">GitHub Repository</a></p>
+    <p>v20.8 | <a href="https://github.com/ThakshilaDamsak/ThakshilaDamsak.github.io" target="_blank">GitHub Repository</a></p>
 </div>
 
 <script>
diff --git a/error/404/content.js b/error/404/content.js
index ec6d470..4e63820 100644
--- a/error/404/content.js
+++ b/error/404/content.js
@@ -7,15 +7,22 @@ const imageElements = Array.from(imageContainer.getElementsByTagName('img'));
 // Create an array of promises for each image element
 const imagePromises = imageElements.map(image => {
   // Return a new promise that resolves when the image loads
-  return new Promise(resolve => {
+  return new Promise((resolve, reject) => {
     image.addEventListener('load', resolve);
+    image.addEventListener('error', reject); // add an error handler
+  })
+  .catch(error => {
+    // Handle the error
+    console.error(error);
+    alert('Something went wrong. Please try again.');
+    // You can also try to reload the image here, or skip it and resolve anyway
   });
 });
 
 // Wait for all the promises to resolve
 Promise.all(imagePromises).then(() => {
-  // All the images have loaded
-  console.log('All images loaded');
+  // All the images have loaded or failed gracefully
+  console.log('All images handled');
 
   // Fetch the content of the content HTML file
   fetch('/error/404/content.html')
@@ -32,4 +39,4 @@ Promise.all(imagePromises).then(() => {
         document.body.appendChild(newScript);
       });
     });
-});
\ No newline at end of file
+});
diff --git a/home-css/content.js b/home-css/content.js
index e3b1bff..a732690 100644
--- a/home-css/content.js
+++ b/home-css/content.js
@@ -7,15 +7,22 @@ const imageElements = Array.from(imageContainer.getElementsByTagName('img'));
 // Create an array of promises for each image element
 const imagePromises = imageElements.map(image => {
   // Return a new promise that resolves when the image loads
-  return new Promise(resolve => {
+  return new Promise((resolve, reject) => {
     image.addEventListener('load', resolve);
+    image.addEventListener('error', reject); // add an error handler
+  })
+  .catch(error => {
+    // Handle the error
+    console.error(error);
+    alert('Something went wrong. Please try again.');
+    // You can also try to reload the image here, or skip it and resolve anyway
   });
 });
 
 // Wait for all the promises to resolve
 Promise.all(imagePromises).then(() => {
-  // All the images have loaded
-  console.log('All images loaded');
+  // All the images have loaded or failed gracefully
+  console.log('All images handled');
 
   // Fetch the content of the content HTML file
   fetch('/home-css/content.html')
@@ -32,4 +39,4 @@ Promise.all(imagePromises).then(() => {
         document.body.appendChild(newScript);
       });
     });
-});
\ No newline at end of file
+});