Merge branch 'navbar' of https://github.com/hars-21/Dot-Box into navbar

ChromeGaming · Aug 10, 2024 · 0cbe8e8 · 0cbe8e8
2 parents 1ec2533 + bf75d5d
commit 0cbe8e8
Show file tree

Hide file tree

Showing 8 changed files with 246 additions and 0 deletions.
diff --git a/pages/FAQs.html b/pages/FAQs.html
@@ -16,6 +16,35 @@
 	<link rel="stylesheet" href="../styles/FAQs.css" />
 
 	<title>FAQs</title>
+	<style>
+
+::-webkit-scrollbar {
+    width: 14px;
+  }
+
+  ::-webkit-scrollbar-track {
+      background: linear-gradient(180deg, #d5d5ff, #9d9dff); /* Background color */
+      border-radius: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+      background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff); 
+      border-radius: 10px;
+      border: 1px solid #ccccf7;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+      background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff); 
+      box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); 
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+      background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc); /* Darker gradient on active */
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.9); /* Intense glow effect */
+  }
+
+	</style>
 </head>
 
 <body>

diff --git a/pages/about.html b/pages/about.html
@@ -143,8 +143,27 @@ <h3 class="card-title">How to Play</h3>
 		</section>
 	</main>
 
+	<!-- To eliminate covering of link button -->
+	<style>
+		body>main {
+			position: static !important;
+			top: 0 !important;
+			padding-top: 50px !important;
+		}
+	</style>
+
 	<div id="footer-placeholder"></div>
 
+	<script>
+		function toggleNavBar() {
+			var nav_bar = document.getElementById("nav-links-toggled");
+			if (nav_bar.style.display === "flex") {
+				nav_bar.style.display = "none";
+			} else {
+				nav_bar.style.display = "flex";
+			}
+		}
+	</script>
 	<script>
 		document.addEventListener("DOMContentLoaded", () => {
 			const expandButtons = document.querySelectorAll(".card-expand-button");

diff --git a/pages/licensing.html b/pages/licensing.html
@@ -24,6 +24,36 @@
 		#last-updated-date {
 			font-size: 15px;
 		}
+
+
+		::-webkit-scrollbar {
+			width: 14px;
+		}
+
+		::-webkit-scrollbar-track {
+			background: linear-gradient(180deg, #d5d5ff, #9d9dff);
+			/* Background color */
+			border-radius: 10px;
+		}
+
+		::-webkit-scrollbar-thumb {
+			background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff);
+			border-radius: 10px;
+			border: 1px solid #ccccf7;
+			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+		}
+
+		::-webkit-scrollbar-thumb:hover {
+			background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff);
+			box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
+		}
+
+		::-webkit-scrollbar-thumb:active {
+			background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc);
+			/* Darker gradient on active */
+			box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
+			/* Intense glow effect */
+		}
 	</style>
 </head>
 

diff --git a/pages/privacypolicy.html b/pages/privacypolicy.html
@@ -24,6 +24,40 @@
 		#last-updated-date {
 			font-size: 15px;
 		}
+
+
+		::-webkit-scrollbar {
+			width: 14px;
+		}
+
+
+		::-webkit-scrollbar-track {
+			background: linear-gradient(180deg, #d5d5ff, #9d9dff);
+			/* Background color */
+			border-radius: 10px;
+		}
+
+
+		::-webkit-scrollbar-thumb {
+			background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff);
+			border-radius: 10px;
+			border: 1px solid #ccccf7;
+			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+		}
+
+
+		::-webkit-scrollbar-thumb:hover {
+			background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff);
+			box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
+		}
+
+
+		::-webkit-scrollbar-thumb:active {
+			background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc);
+			/* Darker gradient on active */
+			box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
+			/* Intense glow effect */
+		}
 	</style>
 </head>
 

diff --git a/pages/termsofservice.html b/pages/termsofservice.html
@@ -25,6 +25,35 @@
 		#last-updated-date {
 			font-size: 15px;
 		}
+
+		::-webkit-scrollbar {
+			width: 14px;
+		}
+
+		::-webkit-scrollbar-track {
+			background: linear-gradient(180deg, #d5d5ff, #9d9dff);
+			/* Background color */
+			border-radius: 10px;
+		}
+
+		::-webkit-scrollbar-thumb {
+			background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff);
+			border-radius: 10px;
+			border: 1px solid #ccccf7;
+			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+		}
+
+		::-webkit-scrollbar-thumb:hover {
+			background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff);
+			box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
+		}
+
+		::-webkit-scrollbar-thumb:active {
+			background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc);
+			/* Darker gradient on active */
+			box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
+			/* Intense glow effect */
+		}
 	</style>
 
 </head>

diff --git a/styles/contributors.css b/styles/contributors.css
@@ -7,6 +7,38 @@ body {
 	/* Hide horizontal scrollbar */
 }
 
+
+::-webkit-scrollbar {
+    width: 14px;
+  }
+
+
+  ::-webkit-scrollbar-track {
+      background: linear-gradient(180deg, #fffdd5, #ffe676); /* Background color */
+      border-radius: 10px;
+  }
+
+
+  ::-webkit-scrollbar-thumb {
+      background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff); 
+      border-radius: 10px;
+      border: 1px solid #ccccf7;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
+  }
+
+
+  ::-webkit-scrollbar-thumb:hover {
+      background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff); 
+      box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); 
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+      background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc); /* Darker gradient on active */
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.9); /* Intense glow effect */
+  }
+
+
+
 .header-hero {
 	position: relative;
 	padding-top: 50px;

diff --git a/styles/howtoplay.css b/styles/howtoplay.css
@@ -6,6 +6,52 @@ body {
 	overflow-x: hidden;
 }
 
+::-webkit-scrollbar {
+	width: 14px;
+}
+
+::-webkit-scrollbar-track {
+	background: linear-gradient(180deg, #d5d5ff, #9d9dff);
+	/* Background color */
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+	background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff);
+	border-radius: 10px;
+	border: 1px solid #ccccf7;
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff);
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
+}
+
+::-webkit-scrollbar-thumb:active {
+	background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc);
+	/* Darker gradient on active */
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
+	/* Intense glow effect */
+}
+
+
+
+.navbar-toggler {
+	background-color: transparent;
+	border: none;
+}
+
+.navbar-toggler .toggler-icon {
+	width: 30px;
+	height: 2px;
+	background-color: #fff;
+	display: block;
+	margin: 5px 0;
+	position: relative;
+	transition: all 0.3s ease-out;
+}
+
 .instructions-container {
 	display: flex;
 	flex-direction: column;

diff --git a/styles/testimonials.css b/styles/testimonials.css
@@ -7,6 +7,33 @@ body {
     overflow-x: hidden;
 }
 
+::-webkit-scrollbar {
+    width: 14px !important;
+  }
+
+  ::-webkit-scrollbar-track {
+      background: linear-gradient(180deg, #d58cff, #b73aff); 
+      border-radius: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+      background: linear-gradient(180deg, #8000ff, #ffcc00, #0066ff); 
+      border-radius: 10px;
+      border: 1px solid #ccccf7;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+      background: linear-gradient(180deg, #7e14e9, #f8d420, #3388ff); 
+      box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); 
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+      background: linear-gradient(180deg, #6600cc, #ffbb00, #0044cc); /* Darker gradient on active */
+      box-shadow: 0 0 20px rgba(0, 0, 0, 0.9); /* Intense glow effect */
+  }
+
+
 .navbarr {
     display: flex;
     justify-content: space-between;