diff --git a/tem/html/snippets/footer.html b/tem/html/snippets/footer.html
new file mode 100644
index 0000000..bac0468
--- /dev/null
+++ b/tem/html/snippets/footer.html
@@ -0,0 +1,30 @@
+<div id='copyright' style='
+  padding-bottom: 16px 0;
+  font-family: "legible", sans-serif;
+  font-size: 10px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+'>
+
+  <div>
+    <a href='/license'>license</a>&nbsp;&nbsp;&nbsp;
+    <a href='/about'>about</a>
+  </div>
+  <div>
+    <span id='copyright_year'>&copy; 2018-_</span> <b>dofdev</b>
+  </div>
+</div>
+
+<script>
+window.addEventListener('load', () => {
+  // replace _ in #copyright w/ current year
+  let date = new Date()
+  let year = date.getFullYear()
+  let c = elbyid('copyright_year')
+  c.innerHTML = c.innerHTML.replace('_', year)
+})
+</script>
\ No newline at end of file