some small things

views/assets/css/fonts.css

@@ -35,7 +35,7 @@
 	font-style: normal;
 	font-weight: 500;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_R_G) format("truetype");
+	src: url(/assets/fonts/LinBiolinum_R_G.ttf) format("truetype");
 }
 
 @font-face {
@@ -43,7 +43,7 @@
 	font-style: italic;
 	font-weight: 500;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_RI_G) format("truetype");
+	src: url(/assets/fonts/LinBiolinum_RI_G.ttf) format("truetype");
 }
 
 @font-face {
@@ -51,5 +51,5 @@
 	font-style: normal;
 	font-weight: bold;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_RB_G) format("truetype")
+	src: url(/assets/fonts/LinBiolinum_RB_G.ttf) format("truetype");
 }

views/bun.lock

@@ -4,6 +4,7 @@
     "": {
       "name": "caveman_views",
       "devDependencies": {
+        "@laynezh/vite-plugin-lib-assets": "^1.1.0",
         "@tailwindcss/postcss": "^4.0.0",
         "daisyui": "^5.0.0-beta.8",
         "postcss": "^8.4.47",
@@ -68,6 +69,8 @@
 
     "@esbuild/win32-x64": ["@esbuild/win32-x64@0.25.0", "", { "os": "win32", "cpu": "x64" }, "sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ=="],
 
+    "@laynezh/vite-plugin-lib-assets": ["@laynezh/vite-plugin-lib-assets@1.1.0", "", { "dependencies": { "escape-string-regexp": "^4.0.0", "loader-utils": "^3.2.1", "mrmime": "^1.0.1", "semver": "^7.6.0" }, "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0" } }, "sha512-Rynyr1A/DxJEmjNZu4NrpDQUfxUmJhanqojwOO20HQWtN5Oc0jJ3ZtwnlpntruK6VYV8aC25Mjzs67dmTIBHyA=="],
+
     "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
 
     "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="],
@@ -176,6 +179,8 @@
 
     "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
 
+    "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
+
     "fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
 
     "fastq": ["fastq@1.19.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ=="],
@@ -236,10 +241,14 @@
 
     "lilconfig": ["lilconfig@3.1.3", "", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
 
+    "loader-utils": ["loader-utils@3.3.1", "", {}, "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg=="],
+
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
 
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
 
+    "mrmime": ["mrmime@1.0.1", "", {}, "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw=="],
+
     "nanoid": ["nanoid@3.3.8", "", { "bin": "bin/nanoid.cjs" }, "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w=="],
 
     "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
@@ -280,6 +289,8 @@
 
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
 
+    "semver": ["semver@7.7.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA=="],
+
     "slash": ["slash@5.1.0", "", {}, "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg=="],
 
     "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],

views/layouts/components/_footer.gohtml

@@ -1,5 +1,5 @@
 {{- $date := Today -}}
-<footer class="container-normal pb-1.5 text-base text-gray-800">
+<footer class="container-normal pb-1.5 text-base text-gray-800 self-end justify-self-end">
 	<div class="mt-12 pt-3 flex flex-row justify-between">
 		<div>
 			<i class="ri-creative-commons-line"></i>

views/layouts/components/_globalscripts.gohtml

@@ -10,6 +10,18 @@
 	}
 </script>
 
+<!-- HTMX Error Handling -->
+<script type="module">
+	document.body.addEventListener("htmx:responseError", function (event) {
+		const config = event.detail.requestConfig;
+		if (config.boosted) {
+			document.body.innerHTML = event.detail.xhr.responseText;
+			const newUrl = event.detail.xhr.responseURL || config.url;
+			window.history.pushState(null, "", newUrl);
+		}
+	});
+</script>
+
 {{ if .isDev }}
 	<!-- Reload script for development -->
 	<script type="module">

views/layouts/default/root.gohtml

@@ -22,19 +22,7 @@
 
 
 		<script type="module" src="/assets/scripts.js"></script>
-		<link href="/assets/css/remixicon.css" rel="stylesheet" />
 		<link rel="stylesheet" type="text/css" href="/assets/style.css" />
-
-		<script type="module">
-			document.body.addEventListener("htmx:responseError", function (event) {
-				const config = event.detail.requestConfig;
-				if (config.boosted) {
-					document.body.innerHTML = event.detail.xhr.responseText;
-					const newUrl = event.detail.xhr.responseURL || config.url;
-					window.history.pushState(null, "", newUrl);
-				}
-			});
-		</script>
 	</head>
 
 	<body class="w-full text-lg" hx-ext="response-targets" hx-boost="true">
@@ -45,7 +33,7 @@
 				{{ end }}
 			</header>
 
-			<main class="">
+			<main class="grow">
 				{{ block "body" . }}
 					<!-- Default app body... -->
 				{{ end }}

views/package-lock.json

@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "devDependencies": {
+        "@laynezh/vite-plugin-lib-assets": "^1.1.0",
         "@tailwindcss/postcss": "^4.0.0",
         "daisyui": "^5.0.0-beta.8",
         "postcss": "^8.4.47",
@@ -457,6 +458,22 @@
         "node": ">=18"
       }
     },
+    "node_modules/@laynezh/vite-plugin-lib-assets": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@laynezh/vite-plugin-lib-assets/-/vite-plugin-lib-assets-1.1.0.tgz",
+      "integrity": "sha512-Rynyr1A/DxJEmjNZu4NrpDQUfxUmJhanqojwOO20HQWtN5Oc0jJ3ZtwnlpntruK6VYV8aC25Mjzs67dmTIBHyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0",
+        "loader-utils": "^3.2.1",
+        "mrmime": "^1.0.1",
+        "semver": "^7.6.0"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1249,6 +1266,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/fast-glob": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -1724,6 +1754,16 @@
         "url": "https://github.com/sponsors/antonk52"
       }
     },
+    "node_modules/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -1748,6 +1788,16 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mrmime": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
+      "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.8",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
@@ -2116,6 +2166,19 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/slash": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",

views/package.json

@@ -22,6 +22,7 @@
   "author": "Simon Martens",
   "license": "MIT",
   "devDependencies": {
+    "@laynezh/vite-plugin-lib-assets": "^1.1.0",
     "@tailwindcss/postcss": "^4.0.0",
     "daisyui": "^5.0.0-beta.8",
     "postcss": "^8.4.47",

views/public/css/fonts.css

@@ -35,7 +35,7 @@
 	font-style: normal;
 	font-weight: 500;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_R_G) format("truetype");
+	src: url(/assets/fonts/LinBiolinum_R_G.ttf) format("truetype");
 }
 
 @font-face {
@@ -43,7 +43,7 @@
 	font-style: italic;
 	font-weight: 500;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_RI_G) format("truetype");
+	src: url(/assets/fonts/LinBiolinum_RI_G.ttf) format("truetype");
 }
 
 @font-face {
@@ -51,5 +51,5 @@
 	font-style: normal;
 	font-weight: bold;
 	font-display: swap;
-	src: url(/assets/fonts/LinBiolinum_RB_G) format("truetype")
+	src: url(/assets/fonts/LinBiolinum_RB_G.ttf) format("truetype");
 }

views/routes/body.gohtml

@@ -1 +1 @@
-Helo from body!
+Hello from body! What!

views/transform/main.js

@@ -1,8 +1,10 @@
 // INFO: We import this so vite processes the stylesheet
 import "../public/css/fonts.css";
 import "./site.css";
+import "../public/css/remixicon.css";
 import "../public/js/alpine.min.js";
 import "../public/js/htmx.min.js";
+import "../public/js/htmx-response-targets.js";
 
 const ATTR_XSLT_ONLOAD = "script[xslt-onload]";
 const ATTR_XSLT_TEMPLATE = "xslt-template";

views/transform/site.css

@@ -1,8 +1,8 @@
 @import "tailwindcss";
 @theme {
 	--font-script: Rancho, ui-serif;
-	--font-sans: "Source Sans 3", "Merriweather Sans", ui-sans-serif;
+	--font-sans: "Linux Biolinum", "Merriweather Sans", ui-sans-serif;
-	--font-serif: "Merriweather", ui-serif;
+	--font-serif: "Linux Libertine", ui-serif;
 
 	--color-background: oklch(0.985 0.001 106.423);
 	--color-background-darker: oklch(0.97 0.001 106.424);
@@ -62,5 +62,4 @@
 	body {
 		@apply bg-stone-50;
 	}
-
 }

views/vite.config.js

@@ -1,8 +1,16 @@
 import { resolve } from "path";
 import { defineConfig } from "vite";
+import libAssetsPlugin from "@laynezh/vite-plugin-lib-assets";
+
 export default defineConfig({
 	mode: "production",
+	plugins: [
+		libAssetsPlugin({
+			limit: 1024 * 1024,
+		}),
+	],
 	build: {
+		assetsInlineLimit: 0,
 		root: resolve(__dirname, ""),
 		lib: {
 			entry: "./transform/main.js",

views/vite.dev.config.js

@@ -1,9 +1,15 @@
 import { resolve } from "path";
 import { defineConfig } from "vite";
 import tailwindcss from "tailwindcss";
+import libAssetsPlugin from "@laynezh/vite-plugin-lib-assets";
 
 export default defineConfig({
 	mode: "development",
+	plugins: [
+		libAssetsPlugin({
+			limit: 1024 * 1024,
+		}),
+	],
 	css: {
 		postcss: {
 			plugins: [tailwindcss],
@@ -14,6 +20,7 @@ export default defineConfig({
 		// These are dev options only:
 		minify: false,
 		emitAssets: true,
+		assetsInlineLimit: 0,
 
 		lib: {
 			entry: "./transform/main.js",