From 056d58c02bfe7be77b693b3bd4dcffee9e9ddb6a Mon Sep 17 00:00:00 2001
From: unbl0ck <95893289+unbl0ck@users.noreply.github.com>
Date: Wed, 23 Aug 2023 19:38:23 -0500
Subject: [PATCH] Removed In-Page Styling + Standardized Comments

The past 2 commits (inc. this) is really just for my own sanity. It also cleans up some unused code, and better labels certain items.
---
 contact.html     | 156 ++++--------------------------------
 games.html       |  69 ++++------------
 index.html       | 201 +++++------------------------------------------
 privacy.html     |  19 ++++-
 settings.html    | 122 ++++------------------------
 startupScript.js |   2 +-
 test.html        |   2 +-
 7 files changed, 84 insertions(+), 487 deletions(-)

diff --git a/contact.html b/contact.html
index a660bfcb..42715a39 100644
--- a/contact.html
+++ b/contact.html
@@ -22,6 +22,7 @@
         <link rel="icon" href="favicon.svg">
         <!--Stylesheets-->
         <link rel="stylesheet" href="stylesheet.css">
+        <link rel="stylesheet" href="page_styles/contact.css"> <!--Page-Specific-->
         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&display=swap">
         <link rel="stylesheet" href="hover.css"> <!--Hover.CSS Library-->
@@ -40,129 +41,11 @@
 
             gtag('config', 'G-M9KJ1XPKLF');
         </script>
-        <!--Styling-->
-		<style>
-            /* Google Form */
-		    .form-container {
-                margin: 2vw 6vw;
-                display: flex;
-            }
-            .form-box {
-                background-color: #708CA8;
-                border-radius: 1vw;
-                width: 75vw;
-                margin: 0 1vw;
-            }
-            .form-title {
-                font-family: 'Montserrat', Courier, monospace;
-                font-size: large;
-                font-weight: bold;
-                color: #ffffff;
-            }
-            .form {
-                background-color: white;
-                max-height: 25vw;
-            }
-            @media screen and (max-width: 1200px) {
-                .form-container {
-                    display: block;
-                }
-                .form-box {
-                    width: 100%;
-                }
-                .form {
-                    max-height: 45vw;
-                }
-                .form-title {
-                    padding-top: 2vw;
-                }
-            }
-            @media screen and (max-width: 768px) {
-                .form {
-                    max-height: 125vw;
-                }
-            }
-
-            /* Email Form */
-            .contact-container * {
-                box-sizing: border-box;
-                font-family: 'Montserrat', Courier, monospace;
-            }
-            .contact-container {
-                width: 75%;
-                margin: 0 1vw;
-            }
-            .contact-form label {
-                display: block;
-                padding: 12px 0 6px 0;
-                letter-spacing: -0.2px;
-                cursor: text;
-                font-size: 16px;
-                font-weight: 700;
-            }
-            .contact-form input, .contact-form textarea {
-                font-size: 16px;
-                display: block;
-                width: 100%;
-                padding: 10px;
-                background-color: #e5e7eb;
-                border: none;
-                border: 4px solid #e5e7eb;
-                outline: none;
-                border-radius: 8px;
-                color: #9da3ae;
-            }
-            .contact-form input:focus, .contact-form textarea:focus {
-                background-color: #ffffff;
-                color: #9da3ae;
-            }
-            .contact-form input:focus:required:invalid {
-                border-color: #708CA8;
-                background-color: #ffffff;
-            }
-            .contact-form button {
-                display: block;
-                margin-top: 12px;
-                width: 100%;
-                padding: 12px 20px;
-                border-radius: 8px;
-                border-color: transparent;
-                background-color: #708CA8;
-                color: #ffffff;
-                font-weight: 700;
-                font-size: 18px;
-                transition: 300ms all;
-            }
-            .contact-form button:hover {
-                background-color: #5d7994;
-            }
-            .contact-alert {
-                padding: 12px;
-                border-radius: 10px;
-                color: #ffffff;
-                font-size: 14px;
-                font-weight: 400;
-                margin-top: 12px;
-                display: none;
-            }
-            .contact-alert.visible {
-                display: block;
-            }
-            .contact-alert.success {
-                background: #69cf9d;
-            }
-            .contact-alert.error {
-                background: #de524c;
-            }
-            @media screen and (max-width: 1200px) {
-                .contact-container {
-                    width: 100%;
-                }
-            }
-		</style>
+        <!--Scripts-->
+		<script src="startupScript.js"></script>
     </head>
     <body>
-        <!--Navbar-->
+        <!--Navbar Start-->
         <div class="nav" style="display: flex;">
             <button class="hvr-underline-from-center"
                 data-aos="fade-down"
@@ -207,16 +90,19 @@
                     style="cursor:pointer"><a>GitHub</a></button>
             </div>
         </div>
+        <!--Navbar End-->
+
         <!--Header Image-->
         <img src="img/header.png" alt="Image couldn't load." class="img-header" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
 
         <!--Content-->
         <center class="form-container">
-            <!--Ad Segment-->
+            <!--Ad Segment Start-->
 			<script>
 				var afg={};afg.u=6328;afg.s=5;
 				document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 			</script>
+            <!--Ad Segment End-->
 
             <div class="form-box">
                 <p class="form-title">Game Request</p>
@@ -240,6 +126,7 @@
                     marginwidth="0">Loading…
                 </iframe>
             </div>
+            <!--Unused Start-->
             <div class="contact-container" id="incomplete">
                 <form action="form_process.php" method="POST" class="contact-form">
                   <label for="name">Your Name</label>
@@ -254,15 +141,17 @@
                   <button type="submit">Send</button>
                 </form>
             </div>
+            <!--Unused End-->
               
-            <!--Ad Segment-->
+            <!--Ad Segment Start-->
 			<script>
 				var afg={};afg.u=6328;afg.s=5;
 				document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 			</script>
+            <!--Ad Segment End-->
         </center>
 
-        <!--Footer--->
+        <!--Footer Start-->
         <footer class="footer">
 			<div class="footer-about">
 			  <p>Welcome to Project Hub, your ultimate destination for tailored unblocked games! With over 40 games and counting, we are committed to providing you with a personalized gaming experience that suits your preferences and interests. Our site is constantly updated with new additions to ensure a fresh and exciting selection of games. We highly value user feedback and actively incorporate it to enhance your gaming journey. Get ready to embark on a thrilling adventure as you explore the world of Project Hub, where every game is tailored to you. Let the fun begin!</p>
@@ -274,25 +163,8 @@
 				<a href="privacy.html">Privacy Notice</a>
 			</div>
 		</footer>
+        <!--Footer End-->
         
-        <!--Disable Context-Menu-->
-        <script>
-            document.addEventListener('contextmenu', event => event.preventDefault());
-        </script>
-        <!--Update Favicon & Title-->
-        <script>
-            window.onload = function() {
-                var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
-                link.type = 'image/x-icon';
-                link.rel = 'shortcut icon';
-                link.href = localStorage.getItem("faviconUrl");
-                document.getElementsByTagName('head')[0].appendChild(link);
-                var storedTitle = localStorage.getItem("title");
-                if (storedTitle) {
-                    document.title = storedTitle;
-                }
-            }
-        </script>
         <!--AOS Library-->
         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
         <script>
diff --git a/games.html b/games.html
index fa842db9..ba9f062e 100644
--- a/games.html
+++ b/games.html
@@ -22,6 +22,7 @@
 		<link rel="icon" href="favicon.svg">
 		<!--Stylesheets-->
 		<link rel="stylesheet" href="stylesheet.css">
+		<link rel="stylesheet" href="page_styles/games.css"> <!--Page-Specific-->
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&display=swap">
 		<link rel="stylesheet" href="hover.css"> <!--Hover.CSS Library-->
@@ -44,51 +45,6 @@
 		<script src="startupScript.js"></script>
 		<!--Styling-->
 		<style>
-			/* Game Grid */
-			.game-grid {
-				display: grid;
-				grid-template-columns: repeat(4, 1fr);
-				gap: 10px;
-				margin: 20px;
-			}
-			.game-item {
-				text-align: center;
-			}
-			.game-item img {
-				height: 200px;
-				width: auto;
-			}
-			.game-item a {
-				display: block;
-				margin-top: 10px;
-				color: black;
-				text-decoration: none;
-				font-weight: 900;
-				font-size: 3vh;
-			}
-			@media screen and (max-width: 1200px) {
-				.game-grid {
-					grid-template-columns: repeat(3, 1fr);
-				}
-				.game-item img {
-					height: 160px;
-				}
-				.game-item a {
-					font-size: 2.5vh;
-				}
-			}
-			@media screen and (max-width: 768px) {
-				.game-grid {
-					grid-template-columns: repeat(2, 1fr);
-				}
-				.game-item img {
-					height: 140px;
-				}
-				.game-item a {
-					font-size: 2.2vh;
-				}
-			}
-
 			/* Ad Segment */
 			.ad-segment {
 				margin: 1vw;
@@ -96,7 +52,7 @@
 		</style>
 	</head>
 	<body>
-		<!--Navbar-->
+		<!--Navbar Start-->
         <div class="nav" style="display: flex;">
             <button class="hvr-underline-from-center"
                 data-aos="fade-down"
@@ -141,14 +97,17 @@
                     style="cursor:pointer"><a>GitHub</a></button>
             </div>
         </div>
+		<!--Navbar End-->
+
         <!--Header Image-->
         <img src="img/header.png" alt="Image couldn't load." class="img-header" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 1vw;">
 
-		<!--Ad Segment-->
+		<!--Ad Segment Start-->
         <br><center><script>
 			var afg={};afg.u=6328;afg.s=4;
 			document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 		</script></center><br>
+		<!--Ad Segment End-->
 
 		<!--Game Library-->
 		<div class="game-grid">
@@ -568,13 +527,15 @@
 				<a href="games/gamePath/index.html" target="_blank"><strong>gameName</strong></a>
 			</div>
 		</div>
-		<!--Ad Segment-->
+
+		<!--Ad Segment Start-->
         <br><center><script>
 			var afg={};afg.u=6328;afg.s=4;
 			document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 		</script></center><br>
+		<!--Ad Segment End-->
 		
-		<!--Footer--->
+		<!--Footer Start-->
         <footer class="footer">
 			<div class="footer-about">
 			  <p>Welcome to Project Hub, your ultimate destination for tailored unblocked games! With over 40 games and counting, we are committed to providing you with a personalized gaming experience that suits your preferences and interests. Our site is constantly updated with new additions to ensure a fresh and exciting selection of games. We highly value user feedback and actively incorporate it to enhance your gaming journey. Get ready to embark on a thrilling adventure as you explore the world of Project Hub, where every game is tailored to you. Let the fun begin!</p>
@@ -586,11 +547,15 @@
 				<a href="privacy.html">Privacy Notice</a>
 			</div>
 		</footer>
+		<!--Footer End-->
 
-		<!--Anchor Ad-->
-		<script>var afg={};afg.u=6328;afg.s=31;
+		<!--Anchor Ad Start-->
+		<script>
+			var afg={};afg.u=6328;afg.s=31;
 			afg.anchor="bottom";
-			document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");</script>
+			document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
+		</script>
+		<!--Anchor Ad End-->
 		
 		<!--AOS Library-->
         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
diff --git a/index.html b/index.html
index 2b7038c4..1b6bd1cc 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@
         <meta name="twitter:image" content="https://i.ibb.co/KW8NVz7/default.png">
         <!--Stylesheets-->
         <link rel="stylesheet" href="stylesheet.css">
+        <link rel="stylesheet" href="page_styles/index.css"> <!--Page-Specific-->
         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&display=swap">
         <link rel="stylesheet" href="hover.css"> <!--Hover.CSS Library-->
@@ -58,181 +59,9 @@
         <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5694462314366035" crossorigin="anonymous"></script>
         <!--Scripts-->
 		    <script src="startupScript.js"></script>
-        <!--Styling-->
-        <style>
-            /* First Time Alert */
-            .alert {
-                border: 1px solid transparent;
-                border-radius: 10px;
-                background-color: snow;
-            }
-            .alert h1, p {
-                text-align: center;
-            }
-            .alert-tos {
-                font-size: 12px;
-            }
-            .alert button {
-                text-align: center;
-                padding: 5px 100px;
-                border: 1px solid transparent;
-                border-radius: 25px;
-                background-color: #64829e;
-                color: #ffffff;
-            }
-
-            /* Copied Button */
-            .copy-button {
-                position: relative;
-                display: inline-block;
-            }
-            .copy-button .copy-prompt {
-                position: absolute;
-                top: calc(-100% - 10px);
-                left: 50%;
-                transform: translateX(-50%);
-                padding: 6px;
-                background-color: rgba(0, 0, 0, 0.8);
-                color: #ffffff;
-                border-radius: 5px;
-                opacity: 0;
-                pointer-events: none;
-                transition: opacity 0.5s, top 0.5s;
-                font-size: 16px;
-                font-family: 'Montserrat', Courier, monospace;
-                letter-spacing: -.5px;
-            }
-            .copy-button .copy-prompt::before {
-                content: "";
-                position: absolute;
-                top: 100%;
-                left: 50%;
-                transform: translateX(-50%);
-                border-width: 3px;
-                border-style: solid;
-                border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
-            }
-            .copy-button.clicked .copy-prompt {
-                opacity: 1;
-                pointer-events: auto;
-            }
-            
-            /* Popular Game Showcase */
-            .popular-games-title {
-              font-size: xx-large;
-              font-weight: bold;
-              color: #ffffff;
-              margin-top: 30px;
-              margin-bottom: -5px;
-              background-color: #708CA8;
-              width: 20vw;
-              border-radius: 1000px;
-              font-family: 'Montserrat', Courier, monospace;
-            }
-            @media screen and (max-width: 1500px) {
-                .popular-games-title {
-                  width: 25vw;
-                }
-            }
-            @media screen and (max-width: 1200px) {
-                .popular-games-title {
-                  width: 35vw;
-                }
-            }
-            @media screen and (max-width: 768px) {
-                .popular-games-title {
-                  width: 75%;
-                }
-            }
-            .popular-games {
-              display: flex;
-              flex-wrap: wrap;
-              justify-content: center;
-              margin: 20px 20vw;
-            }
-            .popular-games div {
-              flex: 1;
-              margin: 5px;
-              padding: 10px;
-              background-color: #708CA8;
-              border-radius: 1vw;
-              transition: background-color 0.3s ease;
-              cursor: pointer;
-              text-align: center;
-            }
-            .popular-games div p {
-              color: #ffffff;
-              font-weight: bold;
-              font-family: 'Montserrat', Courier, monospace;
-              margin: 10px 0 0;
-              font-size: x-large;
-            }
-            .popular-games div img {
-              width: 100%;
-              max-height: 100%;
-              display: block;
-            }
-            .popular-games div:hover {
-              background-color: #5d7994;
-            }
-            @media screen and (max-width: 1000px) {
-              .popular-games {
-                margin: 20px 8vw;
-              }
-              .popular-games div {
-                border-radius: 2vw;
-              }
-            }
-            @media screen and (max-width: 768px) {
-              .popular-games div p {
-                font-size: large;
-              }
-              .popular-games {
-                margin: 20px 2vw;
-              }
-            }
-
-            /* Frequently Asked Questions */
-            .faq-box {
-              background: linear-gradient(to bottom, #7b99b6, #6785a1);
-              color: #ffffff;
-              max-width: 40vw;
-              border-radius: 1vw;
-              padding: 1px 0;
-              margin: 1vh 0;
-            }
-            .faq-title {
-              text-align: left;
-              padding: 0 2vw;
-              font-weight: bold;
-              font-size: x-large;
-            }
-            .faq-qna {
-              text-align: left;
-              padding: 0 5vw;
-              font-size: large;
-              margin-top: -1vw;
-            }
-            @media screen and (max-width: 1200px) {
-              .faq-box {
-                max-width: 60vw;
-                border-radius: 2vw;
-              }
-            }
-            @media screen and (max-width: 1000px) {
-              .faq-box {
-                max-width: 75vw;
-              }
-            }
-            @media screen and (max-width: 768px) {
-              .faq-box {
-                max-width: 90vw;
-              }
-            }
-        </style>
     </head>
     <body>
-        <!--Navbar-->
+        <!--Navbar Start-->
         <div class="nav" style="display: flex;">
             <button class="hvr-underline-from-center active"
                 data-aos="fade-down"
@@ -277,9 +106,13 @@
                     style="cursor:pointer"><a>GitHub</a></button>
             </div>
         </div>
+        <!--Navbar End-->
+
         <!--Header Image-->
         <img src="img/header.png" alt="Image couldn't load." class="index-img-header">
-        <!--Description-->
+
+        <!--Content Start-->
+        <!--Notice Box-->
         <div class="wide-box" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
             <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> Important Notice <i class="fa-solid fa-triangle-exclamation"></i></h2>
             <p>We are an everchanging community, which thrives off word-of-mouth.</p>
@@ -291,11 +124,12 @@ <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> I
             </p>
         </div>
 
-        <!--Ad Segment-->
+        <!--Ad Segment Start-->
         <br><center><script>
           var afg={};afg.u=6328;afg.s=4;
           document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
         </script></center><br>
+        <!--Ad Segment End-->
 
         <!--Popular Games Showcase-->
         <center><p class="popular-games-title">Popular Games</p></center>
@@ -308,17 +142,18 @@ <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> I
             <img src="games/img/supermario63.png">
             <p>Super Mario 63</p>
           </div>
-          <div onclick="window.location.href = 'games/bloonstd5/index.html'">
-            <img src="games/img/bloonstd5.png">
-            <p>Bloons TD 5</p>
+          <div onclick="window.location.href = 'games/minecraft/index.html'">
+            <img src="games/img/minecraft.png">
+            <p>Minecraft</p>
           </div>
         </div>
         
-        <!--Ad Segment-->
+        <!--Ad Segment Start-->
         <br><center><script>
           var afg={};afg.u=6328;afg.s=4;
           document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
         </script></center><br>
+        <!--Ad Segment End-->
 
         <!--Frequently Asked Questions-->
         <center class="faq">
@@ -348,8 +183,9 @@ <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> I
             <p class="faq-qna">Example Answer.</p>
           </div>
         </center>
+        <!--Content End-->
         
-        <!--Footer--->
+        <!--Footer Start-->
         <footer class="footer">
           <div class="footer-about">
             <p>Welcome to Project Hub, your ultimate destination for tailored unblocked games! With over 40 games and counting, we are committed to providing you with a personalized gaming experience that suits your preferences and interests. Our site is constantly updated with new additions to ensure a fresh and exciting selection of games. We highly value user feedback and actively incorporate it to enhance your gaming journey. Get ready to embark on a thrilling adventure as you explore the world of Project Hub, where every game is tailored to you. Let the fun begin!</p>
@@ -361,8 +197,9 @@ <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> I
               <a href="privacy.html">Privacy Notice</a>
           </div>
         </footer>
+        <!--Footer End-->
         
-        <!-- Copy URL -->
+        <!--Copy URL (ty chatgpt lol)-->
         <script>
             function copyToClipboard(text) {
               const el = document.createElement('textarea');
@@ -407,7 +244,7 @@ <h2 style="font-weight:bold;"><i class="fa-solid fa-triangle-exclamation"></i> I
             }
         </script>
         
-        <!--First-Time Popup-->
+        <!--First-Time Popup (ty chatgpt lol)-->
         <div class="first-time-popup" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: none;">
             <div class="alert" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; padding: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                 <h1 style="font-weight: bold;">Project-Hub</h1>
diff --git a/privacy.html b/privacy.html
index 045c7796..6b96516c 100644
--- a/privacy.html
+++ b/privacy.html
@@ -53,7 +53,7 @@
 		</style>
 	</head>
 	<body>
-		<!--Navbar-->
+		<!--Navbar Start-->
         <div class="nav" style="display: flex;">
             <button class="hvr-underline-from-center"
                 data-aos="fade-down"
@@ -98,38 +98,50 @@
                     style="cursor:pointer"><a>GitHub</a></button>
             </div>
         </div>
-		<!--Content-->
+        <!--Navbar End-->
+
 		<div class="privacy-frame">
             <h1 style="font-weight:bold;text-align:center;">Privacy Policy</h1>
+
             <h2 style="text-align:center;">Project-Hub</h2>
             <p style="text-align:center;">Thank you for visiting Project-Hub. This privacy policy explains how we collect, use, and protect your personal information when you use our website.</p><hr>
+            
             <h3>Information We Collect</h3>
             <p>We place utmost importance on safeguarding your privacy and are committed to ensuring the confidentiality and security of your personal information. As a general principle, we do not collect any personal information unless voluntarily provided by you through our contact form. In the event that you choose to reach out to us using the contact form on our website, we may request and collect your email address solely for the purpose of facilitating effective communication and responding to your inquiries or requests in a timely manner. Rest assured that any personal information you willingly provide will be treated with the highest level of privacy and used strictly within the scope of your interaction with us. We adhere to applicable data protection laws and take appropriate technical and organizational measures to protect the confidentiality, integrity, and availability of your personal information.</p>
+            
             <h3>How We Use Your Information</h3>
             <p>The personal information collected through the contact form is used solely for the purpose of responding to your inquiries or requests.</p>
+            
             <h3>Third-Party Sharing</h3>
             <p>For the purpose of analytics and enhancing the quality of our services, we may share the personal information you provide through the contact form with Google. This collaboration allows us to gain valuable insights into user interactions, preferences, and trends, enabling us to continually refine and optimize our offerings. Please rest assured that the security and confidentiality of your information are of utmost importance to us, and we take appropriate measures to protect your data throughout this process.</p>
+            
             <h3>Cookies and Similar Technologies</h3>
             <p>To ensure a seamless user experience and provide personalized features, we utilize cookies on our website. These cookies, set by Google, serve two primary purposes: saving game data and identifying first-time users. By continuing to use our website, you express your consent to the utilization of these cookies. We value your privacy, and it is essential to note that these cookies do not collect personally identifiable information. You have the option to manage or disable cookies through your browser settings, although it may impact certain functionalities of our website.</p>
+            
             <h3>Cookie Policy</h3>
             <p>Our website employs cookies and similar tracking technologies to enhance your browsing experience and perform valuable analyses of website traffic. These technologies, such as cookies, are small files that are stored on your device, enabling us to recognize your preferences and improve the functionality and performance of our website. By using our website, you provide your informed consent for the utilization of these cookies and tracking technologies in accordance with applicable laws and regulations. We handle the information collected through these technologies with the utmost respect for your privacy and solely for the purposes of enhancing your interaction with our website. Please note that you have the option to manage or disable cookies through your browser settings, although doing so may impact certain features or functionalities of our website. For more detailed information about our use of cookies and tracking technologies, please refer to our Cookie Policy.</p>
             <p>We employ different types of cookies on our website to ensure an optimal browsing experience and provide personalized features. The specific types of cookies we utilize include:</p>
+           
             <ol>
                 <li>Analytical/Performance Cookies: These cookies play a crucial role in helping us understand how users interact with our website. They collect anonymous information about visitor behavior, such as the pages visited, the duration of the visit, and any error messages encountered. This data enables us to analyze and improve the performance and functionality of our website, enhancing your overall experience.</li>
                 <li>Functional Cookies: These cookies are essential for enabling specific functionalities on our website and remembering your preferences. They allow us to customize your browsing experience based on your previous interactions and selections. Functional cookies may, for example, remember your language preference, preferred settings, or items in your shopping cart. By remembering these preferences, we can tailor our website to better suit your needs.</li>
             </ol>
             <p>It's important to note that these cookies do not collect personally identifiable information and are solely used for the stated purposes. By continuing to use our website, you consent to the placement of these cookies on your device. You have the option to manage or disable cookies through your browser settings, although please be aware that disabling certain cookies may affect the functionality and performance of our website. For more detailed information about our use of cookies, please refer to our Cookie Policy.</p>
+            
             <h3>Data Security</h3>
             <p>The personal information collected through the contact form is securely stored on Google's servers, utilizing industry-standard security measures to safeguard against unauthorized access, loss, or disclosure. We take the protection of your information seriously and employ reasonable administrative, technical, and physical safeguards to ensure its confidentiality and integrity. However, it is important to note that no data transmission or storage method can be entirely guaranteed as 100% secure. While we strive to protect your personal information, we cannot guarantee absolute security. By submitting your information through our contact form, you acknowledge and accept this inherent risk. If you have any concerns regarding the security of your personal information, please contact us directly using the provided contact information.</p>
+            
             <h3>Data Retention</h3>
             <p>We will retain the personal information you provide through the contact form for the duration necessary to fulfill the purposes stated in this privacy policy, or as required by applicable laws and regulations. Once the retention period expires, we will securely dispose of or anonymize your personal information in a manner that ensures its confidentiality and prevents unauthorized access. Please note that certain legal obligations or legitimate business purposes may require us to retain certain information for an extended period. However, rest assured that we will only retain your personal information for as long as it is necessary and relevant to fulfill the stated purposes and comply with legal requirements.</p>
+            
             <h3>User Rights</h3>
             <p>Depending on the applicable laws and regulations of your state, you may have certain rights regarding the collection and use of your personal information. These rights may include the ability to opt-out of the collection, processing, or disclosure of your personal information for certain purposes. To understand your specific rights and options, we encourage you to refer to the regulations and guidelines established by your state's data protection authority or regulatory body. These resources will provide detailed information on the rights afforded to individuals concerning their personal information and the steps you can take to exercise those rights. Should you have any questions or require further assistance regarding your privacy rights, please do not hesitate to contact us using the provided contact information.</p>
+            
             <h3>Contact Information</h3>
             <p>If you have any inquiries, concerns, or require further clarification regarding our privacy policy or data handling practices, we encourage you to reach out to us. You can do so by submitting a contact form through our website at <a href="contact.html">https://unbl0ck.github.io/project-hub/contact.html</a>. Our dedicated team will diligently review your submission and respond to your queries in a timely manner. We value your feedback and are committed to addressing any concerns you may have to ensure your peace of mind and satisfaction with our privacy practices.</p>
         </div>
 
-		<!--Footer--->
+		<!--Footer Start-->
         <footer class="footer">
 			<div class="footer-about">
 			  <p>Welcome to Project Hub, your ultimate destination for tailored unblocked games! With over 40 games and counting, we are committed to providing you with a personalized gaming experience that suits your preferences and interests. Our site is constantly updated with new additions to ensure a fresh and exciting selection of games. We highly value user feedback and actively incorporate it to enhance your gaming journey. Get ready to embark on a thrilling adventure as you explore the world of Project Hub, where every game is tailored to you. Let the fun begin!</p>
@@ -141,6 +153,7 @@ <h3>Contact Information</h3>
 				<a href="privacy.html">Privacy Notice</a>
 			</div>
 		</footer>
+        <!--Footer End-->
         
 		<!--AOS Library-->
         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
diff --git a/settings.html b/settings.html
index 73b878a4..e54d20e4 100644
--- a/settings.html
+++ b/settings.html
@@ -22,6 +22,7 @@
 		<link rel="icon" href="favicon.svg">
 		<!--Stylesheets-->
 		<link rel="stylesheet" href="stylesheet.css">
+		<link rel="stylesheet" href="page_styles/settings.css"> <!--Page-Specific-->
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&display=swap">
 		<link rel="stylesheet" href="hover.css"> <!--Hover.CSS Library-->
@@ -43,110 +44,9 @@
         </script>
 		<!--Scripts-->
 		<script src="startupScript.js"></script>
-		<!--Styling-->
-		<style>
-		    /* Table */
-			.table {
-				margin: 0 1vw;
-			}
-		    .table thead {
-				background-color: #64829e;
-				color: white;
-		    }
-		    .table thead th {
-				padding: .5vw 1vw;
-		    }
-		    .table tbody tr td a {
-				text-decoration: none;
-				color: #2a2391;
-				padding: 1vw;
-		    }
-		    .table tbody tr td a:hover {
-				color: #7e78d1;
-		    }
-			/* Ad Container */
-			.ad-container {
-				padding: 2vw 0;
-				display: flex;
-				justify-content: center;
-			}
-
-		    /* Tab Name Changer w/ Mobile Fix */
-		    @media screen and (max-width: 1280px) {
-				.input-box {
-			    	height: 6vw;
-			    	width: 40vw;
-				}
-		    }
-		    @media screen and (min-width: 1280px) {
-			.input-box {
-			    height: 3vw;
-			    width: 20vw;
-			}
-		    }
-		    .input-box {
-				border: 1px solid transparent;
-				border-radius: 10px;
-				text-align: center;
-				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-				color: #4f677d;
-		    }
-		    .reset-btn-text {
-				cursor: pointer;
-				text-align: center;
-				padding: 10px 10px;
-				border: 1px solid transparent;
-				border-radius: 10px;
-				color: #4f677d;
-				font-weight: bold;
-				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-				margin-top: 1vw;
-		    }
-
-		    /* Favicon Buttons w/ Mobile Fix*/
-		    @media screen and (max-width: 1280px) {
-				.icon-btn img {
-					height: 6vw;
-				}
-		    }
-		    @media screen and (min-width: 1280px) {
-				.icon-btn img {
-					height: 4.5vw;
-				}
-		    }
-		    .icon-btn {
-				background: transparent;
-				border: none;
-				cursor: pointer;
-		    }
-		    .icon-btn img {
-				padding: 10px;
-				border: 1px solid transparent;
-				border-radius: 25px;
-				background-color: #8faac4;
-				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-		    }
-		    .reset-btn {
-				cursor: pointer;
-				text-align: center;
-				padding: 5px 100px;
-				border: 1px solid transparent;
-				border-radius: 15px;
-				color: #4f677d;
-				font-weight: bold;
-				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-				margin-top: 1vw;
-		    }
-		    .reset-btn img {
-				height: 3vw;
-				padding: 10px;
-				border: 1px solid transparent;
-				border-radius: 25px;
-			}
-		</style>
 	</head>
 	<body>
-		<!--Navbar-->
+		<!--Navbar Start-->
         <div class="nav" style="display: flex;">
             <button class="hvr-underline-from-center"
                 data-aos="fade-down"
@@ -191,10 +91,12 @@
                     style="cursor:pointer"><a>GitHub</a></button>
             </div>
         </div>
+		<!--Navbar End-->
+
 		<!--Header Image-->
 		<img src="img/header.png" alt="Image couldn't load." class="img-header">
 
-		<!--Content-->
+		<!--Tab Changer-->
 		<div class="wide-box" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
 		    <h2 style="font-weight:bold;">Favicon Changer</h2>
 		    <center>
@@ -216,12 +118,15 @@ <h2 style="font-weight:bold; padding-top: 2vw;">Tab Name Changer</h2>
 				</form>
 		    </center>
 		</div>
+
+		<!--Container for Ads + Table-->
 		<div class="ad-container">
-			<!--Ad Segment-->
+			<!--Ad Segment Start-->
 			<script>
 				var afg={};afg.u=6328;afg.s=5;
 				document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 			</script>
+			<!--Ad Segment End-->
 
 			<table class="w3-center w3-border table" style="background-color: snow; margin-bottom: 4vw; margin-top: 1vw;">
 				<thead>
@@ -352,12 +257,15 @@ <h2 style="font-weight:bold; padding-top: 2vw;">Tab Name Changer</h2>
 				</tbody>
 			</table>
 
-			<!--Ad Segment-->
+			<!--Ad Segment Start-->
 			<script>
 				var afg={};afg.u=6328;afg.s=5;
 				document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");
 			</script>
+			<!--Ad Segment End-->
 		</div>
+
+		<!--Generalized License-->
 		<center>
 			<h3 style="font-weight:bold;">Copying Rights:</h3>
 			<p>GNU General Public License v3.0</p>
@@ -366,7 +274,7 @@ <h3 style="font-weight:bold;">Copying Rights:</h3>
 			<p>Please head to the GitHub page for more info.</p>
 		</center>
 
-		<!--Footer--->
+		<!--Footer Start-->
         <footer class="footer">
 			<div class="footer-about">
 			  <p>Welcome to Project Hub, your ultimate destination for tailored unblocked games! With over 40 games and counting, we are committed to providing you with a personalized gaming experience that suits your preferences and interests. Our site is constantly updated with new additions to ensure a fresh and exciting selection of games. We highly value user feedback and actively incorporate it to enhance your gaming journey. Get ready to embark on a thrilling adventure as you explore the world of Project Hub, where every game is tailored to you. Let the fun begin!</p>
@@ -378,6 +286,7 @@ <h3 style="font-weight:bold;">Copying Rights:</h3>
 				<a href="privacy.html">Privacy Notice</a>
 			</div>
 		</footer>
+		<!--Footer End-->
 		
 		<!--Save Favicon & Title-->
 		<script>
@@ -400,6 +309,7 @@ <h3 style="font-weight:bold;">Copying Rights:</h3>
 				window.location.reload();
 		    }
 		</script>
+
 		<!--AOS Library-->
         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
         <script>
diff --git a/startupScript.js b/startupScript.js
index 7ce45dc7..41070c20 100644
--- a/startupScript.js
+++ b/startupScript.js
@@ -1,7 +1,7 @@
 // Disables Context (Right-Click) Menu
 document.addEventListener('contextmenu', event => event.preventDefault());
 
-// Update Favicon & Title
+// Update Favicon & Title (ty chatgpt lol)
 window.onload = function() {
     var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
     link.type = 'image/x-icon';
diff --git a/test.html b/test.html
index ae75d1f3..3a9214b7 100644
--- a/test.html
+++ b/test.html
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<title>test</title>
-		<!--Google Analytics-->
+		<!--Google Analytics (so i can see all of you sneaky people who come here >:] )-->
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-M9KJ1XPKLF"></script>
         <script>
             window.dataLayer = window.dataLayer || [];