Imported from bare git on Zurich
Go to file
James 3e18f04b21 style: card bg = button bg values, --bg more blue-gray
- card: rgba(100,140,200,0.12) blue-gray tint
- card.alt/gold/red: same opacity (0.15) as matching buttons
- --bg: #0d1520 (was #0A1628, slightly more blue-gray)
2026-03-02 04:24:24 -05:00
README.md docs: README styleguide section — rules, live URL, app usage 2026-03-02 04:17:04 -05:00
favicon.svg init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
go.mod feat: replace Python server with Go binary 2026-03-02 01:18:26 -05:00
hosted.html feat: nav classes, --width:1280px, nav in styleguide 2026-03-02 04:15:06 -05:00
index.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
install.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
main.go redesign: hero → map → security explanation 2026-03-02 03:55:47 -05:00
pricing.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
privacy.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
sources.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
styleguide.html feat: nav classes, --width:1280px, nav in styleguide 2026-03-02 04:15:06 -05:00
tailwind.min.css init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
terms.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
vault1984-web style: card bg = button bg values, --bg more blue-gray 2026-03-02 04:24:24 -05:00
vault1984.css style: card bg = button bg values, --bg more blue-gray 2026-03-02 04:24:24 -05:00
worldmap.svg refactor: extract 133KB geography SVG paths to worldmap.svg 2026-03-02 01:32:46 -05:00

README.md

Styleguide

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

Rules (no exceptions)

  1. One stylesheet. vault1984.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 vault1984 app

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