Add last updated date

.github/workflows/webpage.yaml

@@ -39,6 +39,7 @@ jobs:
             --toc-depth=1
             --resource-path=.
             --lua-filter=pandoc/paper.lua
+            --lua-filter=pandoc/date.lua
             src/index.md
 
       - name: Setup Pages

Makefile

@@ -10,4 +10,5 @@ website:
          --toc-depth=1 \
          --resource-path=. \
          --lua-filter=pandoc/paper.lua \
+         --lua-filter=pandoc/date.lua \
          src/index.md

README.md

@@ -197,6 +197,20 @@ assume them to be empty otherwise), while the other fields (`venue`, `year`,
     * `link`
     * `git`
 
+## Updating the HTML template
+
+The `pandoc/template.html4` file contains an HTML template which you can edit
+to suit your taste. Any variable mentioned in the header of your `index.md` can
+be moved around, and you can even add your own.
+
+There is also a special filter called `pandoc/date.lua` which produces an extra
+variable called `date` (unless it is already provided in the header) that is
+currently used in the footer of the template to indicate the last time the page
+was generated.
+
+> [!NOTE]
+> It will only appear in the footer if the `footer` variable is set.
+
 ## Sharing files
 
 Anything you put in the `website` directory will be available online too.

pandoc/date.lua

@@ -0,0 +1,6 @@
+function Meta(m)
+  if m.date == nil then
+    m.date = os.date("%e %B %Y")
+    return m
+  end
+end

pandoc/template.html4

@@ -159,6 +159,8 @@
   $if(footer)$
   <footer>
     $footer$
+
+    <span class="lastupdate">Last updated: $date$</span>
   </footer>
   $endif$
 </body>

src/index.md

@@ -21,7 +21,10 @@ gitlab: gitlab
 bitbucket: bitbucket.com
 bluesky: https://bsky.app/
 linkedin: https://www.linkedin.com
-footer: Based on the [basicpage template](https://github.com/basicpage/basicpage.github.io), made to be easy to use! 🎓
+footer: >-
+  Based on the
+  [basicpage template](https://github.com/basicpage/basicpage.github.io),
+  made to be easy to use! 🎓
 ---
 
 I am a (fake) PhD student, working on 👽 science on all kinds of related topics.

website/style.css

@@ -335,6 +335,10 @@ div.files a:hover {
   text-decoration: none;
 }
 
+span.lastupdate {
+  color: #9e9d9d;
+}
+
 @media screen and (min-width: 1000px) {
   header.split {
     flex-direction: row;