Add Plausible analytics

source/assets/stylesheets/extra.css

@@ -157,6 +157,22 @@ code {
     color: var(--md-default-fg-color--light);
 }
 
+.plausible-attribution {
+    max-width: 30rem;
+    margin: 0 auto;
+    padding: 1rem;
+    text-align: center;
+    text-wrap: balance;
+    font-size: 12px;
+    color: var(--md-default-fg-color--light);
+}
+
+.plausible-attribution a {
+    color: inherit;
+    text-decoration: underline;
+}
+
+
 ol:not(.no-styling) {
     list-style: none;
     counter-reset: markdown-ordered-list;

source/overrides/404.html

@@ -2,4 +2,5 @@
 
 {% block content %} 
   <h1>404 - Not found</h1> 
+  <script>document.addEventListener("DOMContentLoaded", function () { plausible("404"); });</script>
 {% endblock %} 

source/overrides/main.html

@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+
+{% block extrahead %}
+  {{ super() }}
+  <script async src="https://plausible.openhomefoundation.org/js/pa-GYrJt4yZ1JGFK2tTFRKPd.js"></script><script>  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};  plausible.init()</script>
+{% endblock %}

source/overrides/partials/footer.html

@@ -0,0 +1,6 @@
+<footer class="md-footer md-typeset">
+  <p class="plausible-attribution">
+    This website uses <a href="https://www.openhomefoundation.org/blog/making-our-web-analytics-open-source-with-plausible/" target="_blank" rel="noopener">privacy-first analytics</a> to help us improve the site. You can view all data in our <a href="https://plausible.openhomefoundation.org/hacs.xyz" target="_blank" rel="noopener">public dashboard</a>.
+  </p>
+</footer>
+

source/overrides/templates/home.html

@@ -55,5 +55,4 @@
     </div>
 </section>
 {% endblock %}
-{% block content %}{% endblock %}
-{% block footer %}{% endblock %}    
+{% block content %}{% endblock %}