the home site for me: also iteration 3 or 4 of my site

feat: add fancy footer and pretty print views

Changed files
+10 -4
content
templates
+1 -1
content/_index.md
···
}
```
-
this page has gottten <code id="visits">0</code> hits (tracked via [abacus](https://jasoncameron.dev/abacus/)) and this entire site be rendered in `~92ms`
+
this site has page hits (<code id="visits">0</code> and counting) via [abacus](https://jasoncameron.dev/abacus/) but they are completely anonymous and just http requests!
## Want to talk to me?
+4 -1
templates/footer.html
···
<hr />
<div id="footer-container">
<p style="margin-bottom: 0.5rem">
-
&copy; {{ now() | date(format="%Y") }} Kieran Klukas
+
&copy; {{ now() | date(format="%Y") }} Kieran Klukas ||
+
<code id="visits">0</code> visits since 2025.02.18 || {% set hash =
+
get_env(name="CF_PAGES_COMMIT_SHA", default=load_data(path=".git/refs/heads/main", required=false))%}{% if hash is not string %}{% set hash = "unknown" %}{% endif %}<a href=https://github.com/taciturnaxolotl/zera/tree/{{ hash }}>zera@{{ hash |
+
truncate(length=7, end="")}}</a>
</p>
<p>
Content licensed under
+5 -2
templates/head.html
···
defer
></script>
<script>
-
function cb(response) {
-
document.getElementById("visits").innerText = response.value;
+
function cb(res) {
+
const fmt = new Intl.NumberFormat('en', { notation: 'compact' });
+
const el = document.getElementById("visits")
+
el.innerText = fmt.format(res.value);
+
el.title = res.value + " visits";
}
</script>
<script async src="https://abacus.jasoncameron.dev/hit/dunkirk.sh/counter?callback=cb"></script>