added footer & folders/files for the related pages

home/index.html

@@ -133,7 +133,15 @@
     </aside>
 
     <footer>
-        &copy; Joshua Perry 2022
+        <a href="home/index.html">
+            <img src="assets/images/favicon.svg" id="footer_logo" alt="Logo"/>
+            <p>&copy;Joshua Perry 2022</p>
+        </a>
+        <a href="blog/blog.html"><h1>Blog</h1></a>
+        <a href="site/report.html"><h1>Site Report</h1></a>
+        <a href="site/map.html"><h1>Site Map</h1></a>
+        <a href="legal/terms.html"><h1>Terms</h1></a>
+        <a href="legal/privacy.html"><h1>Privacy</h1></a>
     </footer>
 </body>
 </html>

style/main.css

@@ -14,8 +14,22 @@ body {
 }
 
 footer {
+    background-color: rgba(255, 255, 255, 60%);
     grid-area: footer;
-    color: #e5e5e5;
+    display: grid;
+    grid-template-columns: 15% 10% 10% 10% 10% 10%;
+}
+
+footer > a {
+    font-family: headers;
+    text-decoration: none;
+    font-size: larger;
+    color: #14213d;
+}
+
+footer > a > p {
+    margin-top: 1.8em;
+    font-family: body;
 }
 
 main {
@@ -150,3 +164,10 @@ nav > .link:hover {
 .hidenav {
     display: none;
 }
+
+#footer_logo {
+    margin-top: 1.6em;
+    margin-right: 0.2em;
+    float: left;
+    max-width: 2em;
+}