feat: preload images

web/static/css/input.css

@@ -1,58 +0,0 @@
-@import "tailwindcss";
-@plugin "@tailwindcss/typography";
-@source "../../**/*.templ";
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-@font-face {
-  font-family: "Outfit";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("../fonts/Outfit-LatinExt-Variable.woff2") format("woff2");
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-@font-face {
-  font-family: "Outfit";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("../fonts/Outfit-Latin-Variable.woff2") format("woff2");
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
-    U+2215, U+FEFF, U+FFFD;
-}
-
-@theme {
-  /* Font Family Namespace */
-  --font-sans: "Outfit", "outfit", sans-serif;
-
-  /* Text Shadow Namespace */
-  /* These will automatically generate .text-shadow-sm, .text-shadow, and .text-shadow-lg */
-  --text-shadow-sm: 0 1px 2px #000;
-  --text-shadow: 0 2px 4px #000;
-  --text-shadow-lg: 0px 0px 20px #000;
-}
-
-/* 
-  Functional Utility for arbitrary values (e.g., text-shadow-[...])
-  This replaces the 'matchUtilities' logic from your JS plugin.
-*/
-@utility text-shadow-* {
-  text-shadow: --value(--text-shadow-*, [color], [*]);
-}
-
-@layer components {
-  .prose img {
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-
-    max-height: 90vh;
-  }
-}

web/static/js/preload-links.min.js

@@ -0,0 +1 @@
+(function(){const p=XMLHttpRequest.prototype.open,a=XMLHttpRequest.prototype.setRequestHeader,l=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(){return this._isHtmxPreload=!1,p.apply(this,arguments)},XMLHttpRequest.prototype.setRequestHeader=function(r,o){return r.toLowerCase()==="hx-preloaded"&&o==="true"&&(this._isHtmxPreload=!0),a.apply(this,arguments)},XMLHttpRequest.prototype.send=function(){return this._isHtmxPreload&&this.addEventListener("load",function(){new DOMParser().parseFromString(this.responseText,"text/html").querySelectorAll('link[rel="preload"]').forEach(n=>{const t=n.getAttribute("href");if(t&&!document.querySelector(`link[rel="preload"][href="${t}"]`)){const e=document.createElement("link");e.rel="preload",e.href=t,["as","type","media","fetchpriority","crossorigin"].forEach(s=>{const i=n.getAttribute(s);i&&e.setAttribute(s,i)}),document.head.appendChild(e)}})}),l.apply(this,arguments)}})();