---
paths: ["website/**"]
---

# Website — build, deploy, and the encoding fences

## Deploy

**Since 2026-10-30 (D35 / R-1228) the public site is served by Cloudflare Pages** (project `felhom-site`): a push to
`main` reaches the public site only after `sec run CF_PAGES_TOKEN -- scripts/publish-site-cloudflare.sh` (`--dry-run`
first; it uploads `website/` from `main` and `/scripts/` from the installer tag). DooPlex's git-sync copy keeps tracking
`main` as the way back (`documentation/audits/release-2026-10-30/p3-cloudflare/PLAN.md` §5). No image build.

**Do NOT pin the website to the installer tag.** The sparse-checkout used to cover `/website/` and
`/scripts/` in one sync; pinning that would turn every copy edit into a release. The installer's
tag-based publishing is a separate mechanism — see the R-110 fence in the repo core `CLAUDE.md`.

## Gates

Website changes go through `python3 scripts/repo_gates.py`, which runs `site_gates.py`. **A new page
must be registered in that gate** — in `TWINS` together with its English twin, or by name in `NO_TWIN` —
or it is unchecked (and the gate's walk refuses it).

`site_gates.py` asserts: BOM, emoji, nav/footer consistency **per language set**, analytics, CDN, design
tokens, no embedded `<style>` blocks, cache-busting, the two download pages agreeing, and since 2026-10-08:
the **twin gate** (every public Hungarian page has its English twin and back, matching `hreflang`, the nav's
language switch pointing at its own twin, `canonical` at itself), `lang` per set, the same apps on both apps
pages, no Hungarian on an English page (accent + ASCII-folded stems, controls printed), the FAQ JSON-LD equal
to the visible answers, and nothing after `</html>`.

## The two languages (operator ruling 2026-10-08, `10-localisation.md` §10.7)

- **The Hungarian site is the default** (`x-default`). Every public Hungarian page has an English twin
  under `/en/` (`/alkalmazasok` → `/en/apps`, `/technologiak` → `/en/technology`, `/biztonsagimentes` →
  `/en/backups`, `/gyik` → `/en/faq`, `/kapcsolat` → `/en/contact`, `/letoltes` → `/en/download`).
  Exceptions, by name: `szolgaltatasok-nonpublic.html` (stays Hungarian) and `404.html`.
- **A new public page needs its twin in the same commit.** A change to a page's claims is made on both
  pages of the pair in the same commit; the English promises nothing the Hungarian does not.
- English words: the dashboard's (`en.json`: Dashboard, Launcher, Backup); app names and „Felhom" stay;
  no „please"/„kindly"; prices stay in Ft. The English footer says Felhom serves households in Hungary.
- No Accept-Language redirect and no language cookie — a visitor lands on the page they asked for.
- **The switch is a globe** (operator ruling 2026-10-08, like the dashboard's): a `<details class="lang-globe">` in
  the nav listing every language in its own name, the current one marked. **A new language = one entry in
  `LANGS` in `scripts/site_gates.py` (and the globe's list) + its twin pages** — nothing else in the switch changes.

## The dashboard pictures

`website/assets/dashboard-<page>-hu.webp` / `-en.webp` show **controller 0.305.0–0.307.0** (retaken 2026-10-10 on
demo-hp's household guest; method and privacy scan: `documentation/audits/register-shrink-2026-10-10/r910/`, first
taken by `documentation/audits/website-dashboard-2026-10-08/`). **A controller
release that visibly changes a pictured page (Launcher, Apps, an app's page, Backup → Apps) should refresh them.**
Every caption is a claim (`captions-claims.md` there). Gate 19 keeps each page on its own language's pictures.

## The picture viewer

**One viewer, in `assets/gallery.js`** — never an inline copy (gate 20). A picture set is DECLARED in the page: each
picture is an `<a href="/assets/…" data-gallery="<set>">` (further pictures of an app card are hidden links in the card);
a set is all links with the same name, in page order. **JavaScript off must still work** — the link opens the picture.
A page with openers loads `gallery.js?v=N`; bump N when the file changes.

## The encoding fences

- **All `website/` HTML is UTF-8 *with BOM*. Preserve it.** An editor that strips the BOM is a
  silent, whole-file change.
- **Emoji count is zero.** The design system forbids them; the gate enforces it.
- Cache-busting: bump the asset query string when CSS or JS changes, or browsers serve the old file
  and the change looks like it did not deploy.

## Copy

Customer-facing copy is **Hungarian first, with an English twin** (above); tone and terminology rules
live in the **`felhom-ui-design`** skill — use it rather than inventing phrasing. Every claim must rest on
a PROVEN-LIVE or IMPLEMENTED row of `00-capability-map.md` (the claim table of the last refresh:
`documentation/audits/website-refresh-2026-10-08/claims.md`). Operator-facing text is English.