From dd6ab311d812635625335159da84bddd053192dd Mon Sep 17 00:00:00 2001
From: Stone-Red-Code <56473591+StoneRed5@users.noreply.github.com>
Date: Tue, 5 Jan 2021 19:21:22 +0100
Subject: [PATCH] Made it better

---
 Scripts/loadNavBarAndFooter.js |  7 +++++++
 Scripts/quotes.js              |  4 +---
 index.html                     | 16 ++--------------
 projects.html                  | 19 +++----------------
 style.css                      | 10 +++++-----
 5 files changed, 18 insertions(+), 38 deletions(-)
 create mode 100644 Scripts/loadNavBarAndFooter.js

diff --git a/Scripts/loadNavBarAndFooter.js b/Scripts/loadNavBarAndFooter.js
new file mode 100644
index 0000000..00abf18
--- /dev/null
+++ b/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);
+});
\ No newline at end of file
diff --git a/Scripts/quotes.js b/Scripts/quotes.js
index 0bd762d..daef32e 100644
--- a/Scripts/quotes.js
+++ b/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)];
-}
\ No newline at end of file
+document.getElementById('quotes').innerHTML = answerArray[Math.floor(Math.random() * answerArray.length)];
\ No newline at end of file
diff --git a/index.html b/index.html
index 2f62990..66477ce 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
diff --git a/projects.html b/projects.html
index 54449be..5346a14 100644
--- a/projects.html
+++ b/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>
+                            <li><a href="https://github.com/Stone-Red-Code/SimpleWinformsAudioVisualizer">GitHub</a></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>
\ No newline at end of file
diff --git a/style.css b/style.css
index c1be07c..8d070a4 100644
--- a/style.css
+++ b/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,10 +40,10 @@ 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;
-} 
+}
 
 .fg-theme {
     background-color: var(--fg-theme);
@@ -101,7 +101,7 @@ a:active {
     text-decoration: var(--fg-theme);
 }
 
-.toolIcon img{
+.toolIcon img {
     width: 100;
 }
 
@@ -127,4 +127,4 @@ a:active {
     .mostUsedLangs {
         display: none;
     }
-}
+}
\ No newline at end of file