made-with

The shared provenance footer — one import, rendered from a placeholder, so the wording and styling live in one place and every page updates when it changes. The pattern that ends hand-copied-footer drift.

The placeholder

<!-- drop where the footer should render -->
<div data-made-with data-path="web-assets/cards" data-project="assets-gf-cx"></div>

<!-- import the primitive once, near </body> -->
<script src="https://assets.gf.cx/made-with/made-with.js" defer></script>

Live

The placeholder below is replaced at load by the real footer — this page eats its own dogfood:

Why a pattern, not a copy

Hand-copying the footer markup into every page is drift waiting to happen — the wording, the deploy line, the favicon-control-plane link all fork the moment one page is edited and the others aren't. Hosting the footer at assets.gf.cx and rendering it from a placeholder means changing it once updates the whole portfolio on the next CDN refresh. It's the favicon control plane model applied to provenance: a single source of truth, imported everywhere.

Docs: README · Source: github · In use: assets.gf.cx pages + subdomain-scaffold v0.1.1