Add page modified time

Gemfile

@@ -9,5 +9,6 @@ group :jekyll_plugins do
     gem 'jekyll-redirect-from'
     gem 'jekyll_flexible_include'
     gem "kramdown-syntax-coderay", "~> 1.0"
+    gem "jekyll-last-modified-at"
 end
 

_config.yml

@@ -33,6 +33,7 @@ plugins:
   - jekyll-redirect-from
   - flexible_include
   - kramdown-syntax-coderay
+  - jekyll-last-modified-at
 
 
 feed:

_includes/footer.html

@@ -1,7 +1,9 @@
 <footer>
-    <a href="https://github.com/TomHodson/tomhodson.github.com/blob/main/{{page.path}}?plain=1">
+    <p><a href="https://github.com/TomHodson/tomhodson.github.com/blob/main/{{page.path}}?plain=1">
         Page Source</a>
          | 
         <a href="/credits">
         Credits</a>
+        |
+        <span>Last Modified {{ page.last_modified_at | date: '%e %b %Y' }}</span>
 </footer>

_sass/footer.scss

@@ -1,31 +1,27 @@
-
 // Padding to keep the keep the content to the right of the header
 footer {
-    max-width: 560px;
+  max-width: 560px;
-    margin-left: 240px;
+  margin-left: 240px;
-    padding-left: 30px;
+  padding-left: 30px;
-    padding-bottom: 10vh;
+  padding-bottom: 10vh;
 
-    display: flex;
+  display: flex;
-    flex-direction: row;
+  flex-direction: row;
-    justify-content: center;
+  justify-content: center;
-    gap: 0.5em;
+  gap: 0.5em;
-
-    a {
-        text-decoration: none;
-    }
 
+  a {
+    text-decoration: none;
+  }
 }
 
-@media 
+@media only screen and (max-width: $horizontal_breakpoint),
-    only screen and (max-width: $horizontal_breakpoint),
+  only screen and (max-height: $vertical_breakpoint) {
-    only screen and (max-height: $vertical_breakpoint)
+  footer {
-    {  
+    padding-top: 10px;
-        footer {
+    padding-left: 20px;
-        padding-top: 10px; 
+    padding-right: 20px;
-        padding-left: 20px;
+    margin: auto;
-        padding-right: 20px;
+    justify-content: center;
-        margin: auto;
+  }
-        justify-content: center;
+}
-    }
-}