Made it better

Scripts/loadNavBarAndFooter.js

@@ -0,0 +1,7 @@
+$.get("footer.html", function (data) {
+    $("#footer-placeholder").replaceWith(data);
+});
+
+$.get("nav.html", function (data) {
+    $("#nav-placeholder").replaceWith(data);
+});

Scripts/quotes.js

@@ -16,6 +16,4 @@ var answerArray = new Array(
     "“A temporary defeat is nothing if it leads to ultimate victory!” – Stephanie Dola (No Game No Life)"
 );
 
-window.onload = function getAnswer() {
+document.getElementById('quotes').innerHTML = answerArray[Math.floor(Math.random() * answerArray.length)];
-    document.getElementById('quotes').innerHTML = answerArray[Math.floor(Math.random() * answerArray.length)];
-}

index.html

@@ -21,13 +21,6 @@
         <div id="nav-placeholder">
 
         </div>
-
-        <script src="//code.jquery.com/jquery.min.js"></script>
-        <script>
-            $.get("nav.html", function (data) {
-                $("#nav-placeholder").replaceWith(data);
-            });
-        </script>
         <!--end Navigation bar-->
 
         <!--Main-->
@@ -60,13 +53,6 @@
         <div id="footer-placeholder">
 
         </div>
-
-        <script src="//code.jquery.com/jquery.min.js"></script>
-        <script>
-            $.get("footer.html", function (data) {
-                $("#footer-placeholder").replaceWith(data);
-            });
-        </script>
         <!--end Footer-->
     </div>
 
@@ -77,6 +63,8 @@
             integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
             crossorigin="anonymous"></script>
         <script src="Scripts/quotes.js"></script>
+        <script src="//code.jquery.com/jquery.min.js"></script>
+        <script src="Scripts/loadNavBarAndFooter.js"></script>
 </body>
 
 </html>

projects.html

@@ -21,13 +21,6 @@
         <div id="nav-placeholder">
 
         </div>
-
-        <script src="//code.jquery.com/jquery.min.js"></script>
-        <script>
-            $.get("nav.html", function (data) {
-                $("#nav-placeholder").replaceWith(data);
-            });
-        </script>
         <!--end of Navigation bar-->
 
         <!--Main-->
@@ -76,8 +69,7 @@
                         <h2>SimpleWinformsAudioVisualizer</h2>
                         <p>This is a small and simple side project i made. It displays an audio spectrum based on the system sounds.</p>
                         <ul style="list-style-type: none; padding: 0; margin: 0;">
-                            <li><a href="https://github.com/Stone-Red-Code/SimpleWinformsAudioVisualizer">GitHub</a>
+                            <li><a href="https://github.com/Stone-Red-Code/SimpleWinformsAudioVisualizer">GitHub</a></li>
-                            </li>
                         </ul>
                     </div>
                 </div>
@@ -103,13 +95,6 @@
     <div id="footer-placeholder">
 
     </div>
-
-    <script src="//code.jquery.com/jquery.min.js"></script>
-    <script>
-        $.get("footer.html", function (data) {
-            $("#footer-placeholder").replaceWith(data);
-        });
-    </script>
     <!--end Footer-->
 </div>
 
@@ -120,6 +105,8 @@
         integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
         crossorigin="anonymous"></script>
     <script src="Scripts/quotes.js"></script>
+    <script src="//code.jquery.com/jquery.min.js"></script>
+    <script src="Scripts/loadNavBarAndFooter.js"></script>
 </body>
 
 </html>

style.css

@@ -29,7 +29,7 @@ footer {
     background-size: auto;
     background-position: top;
     display: flex;
-	flex-direction: column;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
 }
@@ -40,7 +40,7 @@ footer {
     margin-right: 1rem;
     padding: 0.0rem 0.2rem 0.1rem 0.2rem;
     color: white;
-    font-style:italic;
+    font-style: italic;
     background-color: rgba(99, 99, 99, 0.486);
     border-radius: 0.3rem;
 }
@@ -101,7 +101,7 @@ a:active {
     text-decoration: var(--fg-theme);
 }
 
-.toolIcon img{
+.toolIcon img {
     width: 100;
 }