Merge pull request #660 from MastanSayyad/main

Fixed Preloader Visibility Issue and Implemented Error Handling

index.html

@@ -24,7 +24,6 @@
 			rel="stylesheet"
 			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
 		/>
-		<script src="./js/loader.js"></script>
 		<script src="./js/emoji.js"></script>
 		<title>Dots & Boxes Game</title>
 		<style>
@@ -884,4 +883,19 @@ <h3 class="instructions-heading" style="text-decoration: underline;">Instruction
 	</body>
 
 	<script src="https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js"></script>
+
+	<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 </html>

pages/404.html

@@ -171,5 +171,20 @@
 				animateCircles();
 			});
 		</script>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/FAQs.html

@@ -447,5 +447,20 @@ <h1>
 			async
 		></script>
 		<script src="../js/FAQs.js"></script>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/about.html

@@ -779,5 +779,20 @@ <h2>How to Play🎮</h2>
 				></a>
 			</div>
 		</div>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/contributors.html

@@ -707,5 +707,19 @@ <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">${contribu
 				></a>
 			</div>
 		</div>
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/game.html

@@ -1186,5 +1186,19 @@ <h3>Step 7</h3>
 				showStep(currentStep);
 			});
 		</script>
+        <!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/howtoplay.html

@@ -378,5 +378,20 @@ <h1 class="heading" style="text-decoration: underline">
 				></script>
 			</div>
 		</div>
+
+<!-- Loader.js -->
+<script>
+	document.addEventListener("DOMContentLoaded", () => {
+		setTimeout(() => {
+			const loader = document.getElementById("loader");
+			if (loader) {
+				loader.style.display = "none";
+			} else {
+				console.error("Element with ID 'loader' not found.");
+			}
+		}, 500);
+	});
+
+</script>
 	</body>
 </html>

pages/licensing.html

@@ -8,7 +8,6 @@
 		<link rel="stylesheet" href="../styles/mainstyle.css" />
 		<link rel="stylesheet" href="../styles/licensing.css" />
 		<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
-		<script src="/js/loader.js"></script>
 
 		<style>
 			.circle {
@@ -353,5 +352,20 @@ <h2 class="section-title">MIT License</h2>
 				</center>
 			</div>
 		</div>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/privacypolicy.html

@@ -353,5 +353,20 @@ <h2 class="section-title">Contact Us</h2>
 				</center>
 			</div>
 		</div>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

pages/termsofservice.html

@@ -311,5 +311,20 @@ <h2 class="section-title">Contact Information</h2>
 				</center>
 			</div>
 		</div>
+
+		<!-- Loader.js -->
+	<script>
+		document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+        const loader = document.getElementById("loader");
+        if (loader) {
+            loader.style.display = "none";
+        } else {
+            console.error("Element with ID 'loader' not found.");
+        }
+    }, 500);
+});
+
+	</script>
 	</body>
 </html>

styles/mainstyle.css

@@ -68,6 +68,9 @@ a {
 	.board {
 		width: 80vw;
 	}
+	.navbarr .nav-links {
+		display: none;
+	}
 }
 
 .box {
@@ -920,9 +923,9 @@ button a {
 	margin-right: 10px;
 }
 
-.navbarr .nav-links {
+/* .navbarr .nav-links {
 	display: none;
-}
+} */
 
 .navbar-toggler {
 	display: inline !important;