feat: browser message

layouts/partials/footer.html

@@ -1,10 +1,13 @@
-<footer class="py:24 f:fade-50 f:fade-60@dark f:14 d:flex flex:col gap:8">
+<footer class="py:24 f:fade-50 f:fade-60@dark f:14 d:flex flex:col gap:8 {text-decoration:underline}_a">
     {{ if isset .Params "license" }}
     <p>
         This work is licensed under <a rel="license" href="{{ .Params.license.link }}">{{ .Params.license.name }}</a>.
     </p>
     {{ end }}
     <p>&copy; Copyright {{ now.Format "2006" }} {{ .Site.Copyright }}.</p>
+    <p id="browserMessage" style="display:none">This site is designed for <a target="_blank" rel="noopener noreferrer"
+            href="https://firefox.com/">Firefox</a>, a web
+        browser that respects your privacy.</p>
     <p class="
         d:flex
         {p:5}_a

layouts/partials/head-extra.html

@@ -32,7 +32,6 @@
     :target {
         animation: highlight 1.2s forwards;
     }
-
 </style>
 <script>
     (() => {
@@ -72,6 +71,13 @@
                     e.trigger.textContent = 'Copy';
                 }, { once: true });
             });
+
+            // Browser message
+            const browserMessage = document.getElementById('browserMessage');
+            const browserIsChromiumBased = !!window.chrome;
+            if (browserMessage && browserIsChromiumBased) {
+                browserMessage.style.display = '';
+            }
         });
     })();
 </script>