clavitor/clavitor.com
James 55699985ae chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
..
account chore: auto-commit uncommitted changes 2026-03-24 18:02:41 -04:00
templates chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
.DS_Store chore: auto-commit uncommitted changes 2026-03-24 06:02:53 -04:00
._.DS_Store chore: auto-commit uncommitted changes 2026-03-24 06:02:53 -04:00
._clavitor-logo.svg chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
CLAUDE.md chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
Makefile chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
README.md chore: auto-commit uncommitted changes 2026-03-24 06:02:53 -04:00
apple-touch-icon.png Rebrand: dynamic POPs from DB, NOC dashboard, looking glass, terminology overhaul 2026-03-25 02:03:15 -04:00
clavitor-logo.svg Rebrand: dynamic POPs from DB, NOC dashboard, looking glass, terminology overhaul 2026-03-25 02:03:15 -04:00
clavitor-web chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
clavitor-web-linux-amd64 chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
clavitor.css chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
clavitor.db Rebrand: dynamic POPs from DB, NOC dashboard, looking glass, terminology overhaul 2026-03-25 02:03:15 -04:00
clavitor.db-shm chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
clavitor.db-wal chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
favicon.svg Rebrand: dynamic POPs from DB, NOC dashboard, looking glass, terminology overhaul 2026-03-25 02:03:15 -04:00
go.mod chore: auto-commit uncommitted changes 2026-03-24 18:02:41 -04:00
go.sum chore: auto-commit uncommitted changes 2026-03-24 18:02:41 -04:00
main.go chore: auto-commit uncommitted changes 2026-03-25 06:04:04 -04:00
tailwind.min.css chore: auto-commit uncommitted changes 2026-03-24 06:02:53 -04:00
worldmap.svg chore: auto-commit uncommitted changes 2026-03-24 18:02:41 -04:00

README.md

Styleguide

clavitor.css is the single global stylesheet for all clavitor web surfaces — marketing site (clavitor-web) and the app UI (clavitor).

Rules (no exceptions)

  1. One stylesheet. clavitor.css only. No Tailwind, no inline styles, no <style> blocks.
  2. One rule per class. If you need a variant, add a modifier class (e.g. .card.gold), not a new inline style.
  3. One width. --width: 1280px via .container. Never hardcode a max-width anywhere else.
  4. One padding. --pad: 2rem via .container. Never hardcode horizontal padding.
  5. CSS variables for everything. Colors, spacing, radius, fonts — all via var(--*).

To use in clavitor app

Copy or symlink clavitor.css into clavitor/web/ and embed it. The token set (colors, fonts, radius) is shared — app UI should feel identical to the marketing site.