Skip to content

Reskin WebCrypt app to OnlyAgent brand (visual only)#38

Open
0c-coder wants to merge 1 commit into
onlykey:heroku-deployfrom
0c-coder:onlyagent-reskin
Open

Reskin WebCrypt app to OnlyAgent brand (visual only)#38
0c-coder wants to merge 1 commit into
onlykey:heroku-deployfrom
0c-coder:onlyagent-reskin

Conversation

@0c-coder

Copy link
Copy Markdown

Reskin WebCrypt app to OnlyAgent brand (visual only)

Base: onlykey/onlykey.github.io:heroku-deployHead: 0c-coder:onlyagent-reskin

What this does

Restyles the WebCrypt app so it matches the OnlyAgent design language (onlyagent.us): a sleek sticky nav with the OnlyAgent logo, a gradient hero + tool-card home page, card-wrapped tool forms, gradient CTAs, and themed inputs, modals, and console output.

Visual only — no changes to crypto/FIDO2 logic or any JS hooks (#container, #onlykey_start, #setTime, data-page, the dynamic app_pages nav loop are all preserved).

Changes

  • NEW src/assets/css/onlyagent-theme.css — OnlyAgent design system (tokens, nav, hero, cards, forms, buttons, modals, footer). Linked last in both shells.
  • NEW src/assets/onlyagent-logo.svg — brand mark.
  • src/index-src.html — restructured home (gradient hero + 2-col tool-card grid), theme + logo wired in, rebranded title/footer.
  • src/app-src.html — restructured tool shell (custom nav + single form card), theme + logo wired in, rebranded title/footer.

BUILD.sh already copies src/assets/* into build/app, so no build-config change is needed.

Test plan

  • npm install && npm run dev, then load each page (encrypt, encrypt-file, decrypt, decrypt-file, search, password-generator) — confirm each renders and the OnlyKey hardware flow still works.
  • Diff is markup + CSS only; functional risk is low.

Out of scope

  • onlyagent.app domain move — gated on the FIDO2 firmware origin-lock (hardware only talks to apps.crp.to). Tracked separately.
  • favicon swap (existing favicon.ico retained).

Restyles the app to match the onlyagent.us design language: sleek sticky nav with OnlyAgent logo, gradient hero + tool-card home page, card-wrapped tool forms, gradient CTAs, themed inputs/modals/console. No changes to crypto/FIDO2 logic or any JS hooks.

- NEW src/assets/css/onlyagent-theme.css  (design system / theme)
- NEW src/assets/onlyagent-logo.svg        (brand mark)
- src/index-src.html  restructured home (hero + tool grid), theme + logo wired
- src/app-src.html    restructured tool shell (nav + form card), theme + logo wired

BUILD.sh already copies src/assets/* into build/app, so no build-config change.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant