Information site and MARP deck for LOCMAF — Low Overhead CMAF for MOQ.

The primary surface is a single-page static site (site/index.html). A MARP-rendered slide deck (slides/locmaf.md) is published as a secondary artifact at /slides/.

LOCMAF is specified in the IETF Internet-Draft draft-einarsson-moq-locmaf. The editor's copy is at https://eyevinn.github.io/locmaf-id/ and the source repository is Eyevinn/locmaf-id.

locmaf/
├── site/                # Source for the static landing page
│   ├── index.html
│   └── styles.css
├── slides/
│   └── locmaf.md        # MARP source for the deck
├── themes/
│   └── locmaf.css       # MARP theme derived from Eyevinn brand
├── assets/
│   ├── logo.svg         # Wordmark logo (hourglass + LOCMAF)
│   ├── logomark.svg     # Logomark only (hourglass)
│   ├── favicon.svg
│   ├── LevelOne.otf     # Eyevinn brand font
│   ├── eyevinn-logo.png
│   └── diagrams/        # SVG diagrams reused in site + slides
├── scripts/
│   └── build-site.mjs   # Copy site/ + assets/ into public/
├── .marprc.yml
├── Makefile
└── package.json

npm install
npm run build          # site → public/, slides → public/slides/

Outputs land in public/ ready for deploy.

npm run preview        # build, then serve public/ at http://localhost:8000

Opens both the landing page (/) and the slide deck (/slides/). Set PORT=9000 to pick a different port. Ctrl-C to stop.

Theme follows the Eyevinn Technology brand (see ../../ev-marp/ for the upstream PowerPoint-aligned MARP theme):

• LevelOne brand font, dark gradient background
• Orange #FC9900 for primary accent (CMAF chunks, headings)
• Cyan #61B5E5 for secondary accent (LOCMAF deltas, links)
• White on dark for body text

The LOCMAF logo visualises the format itself: a sequence of full CMAF chunks, compressed into tiny delta blocks for the wire, then reconstructed back into identical CMAF chunks at the receiver.