feat: initial commit

src/pages/static/errors/403.html

@@ -0,0 +1,42 @@
+---
+title: 403
+description: Sorry, you're not allowed to see that!
+permalink: /403/index.html
+eleventyExcludeFromCollections: true
+excludeFromSitemap: true
+---
+
+<div class="hero">
+  <img
+    srcset="
+    {{ globals.cdn_url }}/7fafebe2-1779-49e0-a61a-24ef8ef8f7a0.jpg?class=bannersm&type=webp 256w,
+    {{ globals.cdn_url }}/7fafebe2-1779-49e0-a61a-24ef8ef8f7a0.jpg?class=bannermd&type=webp 512w,
+    {{ globals.cdn_url }}/7fafebe2-1779-49e0-a61a-24ef8ef8f7a0.jpg?class=bannerbase&type=webp 1024w
+    "
+    sizes="(max-width: 450px) 256px,
+      (max-width: 850px) 512px,
+      1024px"
+    src="{{ globals.cdn_url }}/7fafebe2-1779-49e0-a61a-24ef8ef8f7a0.jpg?class=bannersm&type=webp"
+    alt="An image of Daria Morgendorffer sitting at a table reading As I Lay Dying."
+    class="image-banner"
+    loading="lazy"
+    decoding="async"
+    width="720"
+    height="480"
+  />
+</div>
+<div>
+  <h2 style="text-align:center">403</h2>
+  <p>Hi! So, this is a 403 page. In internet parlance that translates to forbidden which, unfortunately, means you're not allowed to see what you asked this server for.</p>
+</div>
+<script>
+   const track403 = () => {
+    const referrer = document.referrer || "Unknown referrer";
+    const userAgent = navigator.userAgent;
+
+    if (window.umami)
+      umami.track("Blocked Access", { referrer, user_agent: userAgent });
+  };
+
+  document.addEventListener("DOMContentLoaded", track403);
+</script>