Add files via upload

Author: Dteyn

misc/counter-example.html

@@ -0,0 +1,37 @@
+<div id="geocities-counter" class="odometer">000000</div>
+
+<script>
+  const ENDPOINT = "https://soft-starlight-cc6f91.netlify.app/api/counter";
+  const SESSION_KEY = "visited-homepage";
+
+  function render(n) {
+    document.getElementById("geocities-counter")
+      .textContent = String(n).padStart(6, "0");
+  }
+
+  const firstVisit = !sessionStorage.getItem(SESSION_KEY);
+
+  (async () => {
+    try {
+      if (firstVisit) {
+        await fetch(`${ENDPOINT}/up`, { cache: "no-store", mode: "cors" });
+        sessionStorage.setItem(SESSION_KEY, "1");
+      }
+      const r = await fetch(`${ENDPOINT}`, { cache: "no-store", mode: "cors" });
+      const { value = 0 } = await r.json();
+      render(value);
+    } catch (e) { console.error(e); }
+  })();
+</script>
+
+<style>
+  .odometer{
+    display:inline-block;
+    font:700 24px/1.2 "Courier New", monospace;
+    letter-spacing:2px;
+    padding:6px 10px;
+    background:#111; color:#0f0;
+    border:3px ridge #c0c0c0;
+    box-shadow: inset 0 0 6px #090, 0 0 6px #090;
+  }
+</style>