Add footer

_includes/footer.html

@@ -0,0 +1,7 @@
+<footer>
+    <a href="https://github.com/TomHodson/tomhodson.github.com/blob/main/{{page.path}}?plain=1">
+        This Page's Source</a>
+         | 
+        <a href="/credits">
+        Credits</a>
+</footer>

_includes/header.html

@@ -12,13 +12,6 @@
 </p>
 {% include sidebar.html%}
 
-<p>
-  <a class = "page-src-link" 
-      href="https://github.com/TomHodson/tomhodson.github.com/blob/main/{{page.path}}?plain=1">
-    Page Source
-  </a>
-</p>
-
 {{ include.extra }}
 <hr>
 </header>

_layouts/default.html

@@ -8,5 +8,6 @@
     <main>
         {{ content }}
     </main>
+    {% include footer.html %}
   </body>
 </html>

_layouts/post.html

@@ -27,6 +27,7 @@
         {% endif %}
         </div>
     </main>
+    {% include footer.html %}
   </body>
 </html>
 

_sass/footer.scss

@@ -0,0 +1,18 @@
+
+// Padding to keep the keep the content to the right of the header
+footer {
+    max-width: 560px;
+    margin-left: 240px;
+    padding-left: 30px;
+    padding-bottom: 10vh;
+
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 0.5em;
+
+    a {
+        text-decoration: none;
+    }
+
+}

_sass/header.scss

@@ -65,10 +65,6 @@ header {
             justify-content: right; //Align right
         }
     }
-
-    .page-src-link {
-        font-size: 0.8em;
-    }
 }
 
 @media 

_sass/main.scss

@@ -3,6 +3,7 @@
 
 @import "nav"; //the side navbar
 @import "header"; // the header
+@import "footer"; // the footer
 @import "article"; // individual blog articles
 @import "projects"; //Styles for the projects page
 @import "cv"; // the CV page
@@ -45,11 +46,7 @@ main {
     max-width: 560px;
     margin-left: 240px;
     padding-left: 30px;
-    
-    
     padding-top: 10vh;
-    padding-bottom: 10vh;
-
     min-height: 100vh;
 
     display: flex;