From f5ea4500a6480734e387adc39d8a8eeabc2f61e5 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Thu, 9 Nov 2023 15:53:52 +0000
Subject: [PATCH] Add footer

---
 _includes/footer.html |  7 +++++++
 _includes/header.html |  7 -------
 _layouts/default.html |  1 +
 _layouts/post.html    |  1 +
 _sass/footer.scss     | 18 ++++++++++++++++++
 _sass/header.scss     |  4 ----
 _sass/main.scss       |  5 +----
 7 files changed, 28 insertions(+), 15 deletions(-)
 create mode 100644 _includes/footer.html
 create mode 100644 _sass/footer.scss

diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..e8fada3
--- /dev/null
+++ b/_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>
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index 46e420d..4742989 100644
--- a/_includes/header.html
+++ b/_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>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 12ad01c..637d612 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,5 +8,6 @@
     <main>
         {{ content }}
     </main>
+    {% include footer.html %}
   </body>
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
index 726d46d..b0c5deb 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -27,6 +27,7 @@
         {% endif %}
         </div>
     </main>
+    {% include footer.html %}
   </body>
 </html>
 
diff --git a/_sass/footer.scss b/_sass/footer.scss
new file mode 100644
index 0000000..750bfd5
--- /dev/null
+++ b/_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;
+    }
+
+}
\ No newline at end of file
diff --git a/_sass/header.scss b/_sass/header.scss
index c475b00..42c487c 100644
--- a/_sass/header.scss
+++ b/_sass/header.scss
@@ -65,10 +65,6 @@ header {
             justify-content: right; //Align right
         }
     }
-
-    .page-src-link {
-        font-size: 0.8em;
-    }
 }
 
 @media 
diff --git a/_sass/main.scss b/_sass/main.scss
index a8f8cb1..d5824e0 100644
--- a/_sass/main.scss
+++ b/_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;