From d03f31c62cfb40db00a924d8ddc2ffc4c0686b0e Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 16:43:19 +0530
Subject: [PATCH 01/10] Add files via upload

---
 img/pre-loader.gif | Bin 0 -> 6053 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 img/pre-loader.gif

diff --git a/img/pre-loader.gif b/img/pre-loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ce5a5bb4399f99fb48a067239f64a44a3b6546f2
GIT binary patch
literal 6053
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

literal 0
HcmV?d00001


From c2d85f87d40bc1cc8c7137318a0c74f4dbf6ea0c Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 16:44:51 +0530
Subject: [PATCH 02/10] Update index.html

Added HTML and JS for Loader
---
 index.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/index.html b/index.html
index ab47102..ec895a6 100644
--- a/index.html
+++ b/index.html
@@ -60,6 +60,8 @@
 
 <body data-spy="scroll" data-target=".site-navbar-target" data-offset="72">
 
+  <div id="Loader"></div>
+
   <div class="site-wrap">
 
     <div class="site-mobile-menu site-navbar-target">
@@ -1020,6 +1022,13 @@ <h5>Legal</h5>
   });
 </script>
 
+  <script>
+  var loader = document.getElementById("Loader");
+  window.addEventListener("load", function(){
+    loader.style.display = "none";
+  })
+</script>
+
 <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
 <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
 <script src="main.js"></script>

From 7873555791e874f7a67749e989629eccee893d11 Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 16:45:41 +0530
Subject: [PATCH 03/10] Update style.css

Added Style for Loader
---
 style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/style.css b/style.css
index 2338bb8..ddee9fa 100644
--- a/style.css
+++ b/style.css
@@ -328,3 +328,11 @@ pre code {
   color: white !important;
   background: rgb(34, 34, 139) !important;
 }
+
+#Loader{
+    background: white url(img/pre-loader.gif) no-repeat center center;
+    height: 100vh;
+    width: 100%;
+    position: fixed;
+    z-index: 100;
+}

From 5e95138c031a81c60b63c44632460e94a408ec1b Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 17:55:00 +0530
Subject: [PATCH 04/10] Update Bubble.html

Added Loader
---
 Bubble.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/Bubble.html b/Bubble.html
index 60795b4..0b2b995 100644
--- a/Bubble.html
+++ b/Bubble.html
@@ -3,6 +3,7 @@
 <title>Bubble Sort</title>
 <meta charset="UTF-8">
 <head>
+    <link rel="stylesheet" href="style.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -102,6 +103,7 @@
     <script src="https://d3js.org/d3.v4.min.js"></script>
 </head>
 <body>
+    <div id="Loader"></div>
     <div class="header">
         <a href="index.html">Home</a>
         <a href="Bubble.html">Bubble Sort</a>
@@ -123,6 +125,12 @@ <h2 id="heading">BUBBLE SORT</h2>
             <button class="btn-default btn-danger" onClick="window.location.reload();">Clear</button>
         </div>
     </div>
+    <script>
+      var loader = document.getElementById("Loader");
+      window.addEventListener("load", function(){
+        loader.style.display = "none";
+      })
+    </script> 
 </body>
 <script>
     var count = 9 + 1,
@@ -262,4 +270,5 @@ <h2 id="heading">BUBBLE SORT</h2>
         d3.select("#rect" + unsortedArray[current]).attr("class", "unsorted");
     }
 </script>
+    
 </html>

From 480c679d66c8538d1ec7451c2a733c2c4aea9358 Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 17:56:45 +0530
Subject: [PATCH 05/10] Update Compare.html

---
 Compare.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/Compare.html b/Compare.html
index 09ff957..f26d321 100644
--- a/Compare.html
+++ b/Compare.html
@@ -4,6 +4,7 @@
     <title>Sorting Algorithms Comparison</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -103,6 +104,7 @@
     </style>
 </head>
 <body>
+    <div id="Loader"></div>
     <div class="header">
         <h1>Sorting Algorithms Comparison</h1>
     </div>
@@ -396,5 +398,11 @@ <h2 id="heading">SORTING VISUALIZATION</h2>
         }
 
     </script>
+    <script>
+      var loader = document.getElementById("Loader");
+      window.addEventListener("load", function(){
+        loader.style.display = "none";
+      })
+    </script> 
 </body>
 </html>

From ce0a00abe7d243bdc1f8b88b0b1fec0431df996d Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 17:58:06 +0530
Subject: [PATCH 06/10] Update Insertion.html

---
 Insertion.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/Insertion.html b/Insertion.html
index 8df9e04..874d23a 100644
--- a/Insertion.html
+++ b/Insertion.html
@@ -4,6 +4,7 @@
    <script src="https://d3js.org/d3.v3.js"></script>
    <meta charset="UTF-8">
    <head>
+      <link rel="stylesheet" href="style.css">
       <style>
          /* div {margin-left: 40px;margin-top: 20px} */
          #buttons {margin-left: 40px;margin-top: 20px}
@@ -24,6 +25,7 @@
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
    <body>
+      <div id="Loader"></div>
       <div class="w3-bar w3-theme">
          <a href="index.html" class="w3-bar-item w3-button w3-padding-16">Home</a>
          <a href="Bubble.html" class="w3-bar-item w3-button w3-padding-16">Bubble Sort</a>
@@ -49,6 +51,12 @@
             </div>
          </div>
       </div>
+      <script>
+     var loader = document.getElementById("Loader");
+     window.addEventListener("load", function(){
+       loader.style.display = "none";
+     })
+      </script> 
    </body>
    <script>
       var count = 9 + 1,
@@ -179,4 +187,4 @@
       }
       
    </script>
-</html>
\ No newline at end of file
+</html>

From 34d650c08e62be35d39caa6ea074c965fefae0cf Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 17:59:20 +0530
Subject: [PATCH 07/10] Update chatbot.html

---
 chatbot.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/chatbot.html b/chatbot.html
index 42d76fc..3c326d5 100644
--- a/chatbot.html
+++ b/chatbot.html
@@ -23,6 +23,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
   </head>
   <body class="bg-[#1B63AC] flex items-center justify-center min-h-screen">
+    <div id="Loader"></div>
     <div
       class="flex flex-col items-center justify-center w-full max-w-xl space-y-4"
     >
@@ -357,5 +358,11 @@
         }
       }
     </script>
+    <script>
+    var loader = document.getElementById("Loader");
+    window.addEventListener("load", function(){
+      loader.style.display = "none";
+    })
+    </script> 
   </body>
 </html>

From 45aef6904c562fa4695c085a85ed4993d0b35cda Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 18:00:45 +0530
Subject: [PATCH 08/10] Update mergesort.html

---
 mergesort.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/mergesort.html b/mergesort.html
index 6d236e0..988efa3 100644
--- a/mergesort.html
+++ b/mergesort.html
@@ -4,6 +4,7 @@
     <title>Merge Sort Visualization</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -102,6 +103,7 @@
     <script src="https://d3js.org/d3.v4.min.js"></script>
 </head>
 <body>
+    <div id="Loader"></div>
     <div class="header">
         <a href="index.html">Home</a>
         <a href="Bubble.html">Bubble Sort</a>
@@ -303,5 +305,11 @@ <h2 id="heading">MERGE SORT</h2>
                 .classed("comparing", false);
         }
     </script>
+    <script>
+      var loader = document.getElementById("Loader");
+      window.addEventListener("load", function(){
+        loader.style.display = "none";
+      })
+    </script> 
 </body>
 </html>

From ce488cdf8a65793530b805fb3929dd171dfa9bdd Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 18:01:38 +0530
Subject: [PATCH 09/10] Update selectionsort.html

---
 selectionsort.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/selectionsort.html b/selectionsort.html
index 103cad8..1c633b7 100644
--- a/selectionsort.html
+++ b/selectionsort.html
@@ -4,6 +4,7 @@
     <title>Selection Sort Visualization</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -106,6 +107,7 @@
     <script src="https://d3js.org/d3.v4.min.js"></script>
 </head>
 <body>
+    <div id="Loader"></div>
     <div class="header">
         <a href="index.html">Home</a>
         <a href="Bubble.html">Bubble Sort</a>
@@ -279,5 +281,11 @@ <h2 id="heading">SELECTION SORT</h2>
             step();
         }
     </script>
+    <script>
+      var loader = document.getElementById("Loader");
+      window.addEventListener("load", function(){
+        loader.style.display = "none";
+      })
+    </script> 
 </body>
 </html>

From c1bd32cb27245f57c626f5b448252c65f7d18d4f Mon Sep 17 00:00:00 2001
From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com>
Date: Sat, 6 Jul 2024 18:02:32 +0530
Subject: [PATCH 10/10] Update visual.html

---
 visual.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/visual.html b/visual.html
index 4fae57b..f9a0de2 100644
--- a/visual.html
+++ b/visual.html
@@ -4,6 +4,7 @@
     <title>Sorting Algorithms Visualization</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -100,6 +101,7 @@
     </style>
 </head>
 <body>
+    <div id="Loader"></div>
     <div class="header">
         <h1>Sorting Algorithms Visualization</h1>
     </div>
@@ -537,6 +539,12 @@ <h2 id="heading">SORTING VISUALIZATION</h2>
             document.getElementById("space-complexity").textContent = `Space Complexity: ${complexity.space}`;
         }
     </script>
+    <script>
+      var loader = document.getElementById("Loader");
+      window.addEventListener("load", function(){
+        loader.style.display = "none";
+      })
+    </script> 
 </body>
 </html>