url.lucafchala.com

The public directory of every short link (PURL) in the lucafchala.com network, plus a quick-launch grid of the ecosystem's pages.

Live: url.lucafchala.com · Stack: static HTML/CSS/JS on Cloudflare Pages · Build step: none

Part of the lucafchala.com ecosystem. Design system, conventions and the data flow: hub README.

---

What it is

The redirecting itself (/<slug> → destination) is done by Cloudflare Pages from _redirects, identical here and on lucafchala.com: every link works at both lucafchala.com/<slug> and url.lucafchala.com/<slug>. This page exists so people can browse, search and copy those links.

Almost every file here is generated and committed by dash; this repo is an output target.

File	Generated by (in dash)	Notes
index.html	genUrlIndex(items)	The full list is baked into the HTML — no fetch, works without JavaScript, crawlable
url.js	genUrlJs()	Theme/lang, filter, copy, #group deep links, / shortcut
data.json	genDataJson(items)	Same data as the dash; read by the 404 page's suggestions and by the status monitor
_redirects	genRedirectsFile(items)	/<slug> <dest> 302 (301 only for links marked permanent)
404.html, 404.js	gen404Html(), gen404Js()	Same pair as lucafchala.com: PT/EN, decoded slug in a toast, "did you mean" suggestions

Each generated file starts with a generated by dash.lucafchala.com (genX) marker. Hand edits are overwritten on the next save in the dash — change the generator there instead.

Hand-owned files: README.md, CLAUDE.md, _headers, robots.txt, icon.svg, fonts/, .github/workflows/checks.yml.

Features

• Links grouped by contact, events, video, tools in native <details> sections (keyboard accessible without JS; events and video start collapsed).
• Filter box: matches slug and destination, opens matching groups, restores them when cleared, shows "N of M". Press / to focus it.
• Copy puts the canonical short link https://lucafchala.com/<slug> on the clipboard, with a fallback for non-secure contexts and an aria-live confirmation. Open goes straight to the destination.
• Deep links: url.lucafchala.com/#events opens and scrolls to that group.
• PT/EN and dark/light, shared with every *.lucafchala.com site (lf_lang / lf_theme cookies).
• Meta description, canonical and Open Graph tags; no horizontal scrolling at 360 px; axe-clean in both themes.

Architecture

• Host: Cloudflare Pages; the dash's commits trigger deploys.
• CSP: script-src 'self', font-src 'self' (self-hosted fonts), connect-src 'self', object-src 'none', COOP/CORP. There are no inline scripts or handlers.
• Headers: /data.json is served with Access-Control-Allow-Origin: *, so the 404 page on lucafchala.com can read it for suggestions.

CI (.github/workflows/checks.yml)

• JSON validity, weak-escaper grep, _headers present, node --check.
• No inline scripts / on*= handlers.
• Generated files agree with each other: every generated file carries the dash marker, and every link in data.json appears in _redirects with the right destination and status and is listed in index.html.
• Weekly drift job (scheduled only): _redirects must equal lucafchala.com's. It doesn't run on PRs, because while PRs for both repos are open the other repo's main is legitimately behind.

Status

In production.