Skip to content

docs: add ATAK/CloudTAK app icon badges to feature pages - #8

Merged
chriselsen merged 1 commit into
mainfrom
docs/app-icon-badges
Aug 31, 2026
Merged

chriselsen merged 1 commit into
mainfrom
docs/app-icon-badges

Conversation

@chriselsen

Copy link
Copy Markdown
Contributor

Summary

Adds a small circular badge to the top-right of the intro paragraph on Channels, Data Sync & Missions, Data Packages, and Maps, showing the same icon end users see for that feature's nav entry in ATAK and CloudTAK. Goal: a recurring visual anchor between the docs and the app UI, per #7's follow-up discussion.

What changed

  • docs/assets/images/app-icons/*.png — white ATAK-CIV glyphs (sourced from TAK-NZ/CloudTAK's branding/atak-icons/primary) recolored onto a solid TAK.NZ-blue circle, 144x144
  • docs/assets/stylesheets/extra.css — new .tak-app-icon class, floated top-right of the paragraph, 64px desktop / 48px mobile
  • concepts/channels.md, data-sync/index.md, data-packages/index.md, maps/index.md — badge added via attr_list image syntax immediately under each H1
  • THIRD_PARTY_NOTICES.md (new) — attribution for the GPL-3.0-licensed ATAK-CIV source glyphs, linked from README. Kept outside docs/ since any .md file under docs/ is treated as a page by MkDocs and broke the strict nav/link validation.

Testing

  • mkdocs build --strict locally with ENABLED_HTMLPROOFER=true — clean build.
  • Visual check via Playwright screenshots: desktop (1280px), mobile (390px), and dark mode. Badge renders cleanly in all three, no collision with the heading or the Table of Contents sidebar.

Adds a small circular badge in the top-right of the intro paragraph on
Channels, Data Sync & Missions, Data Packages, and Maps, showing the
same icon end users see for that feature's nav entry in ATAK and
CloudTAK. The goal is a recurring visual anchor between the docs and
the app UI.

- docs/assets/images/app-icons/*.png: white ATAK-CIV glyphs (sourced
  from TAK-NZ/CloudTAK's branding/atak-icons/primary) recolored onto a
  solid TAK.NZ-blue circle, 144x144
- docs/assets/stylesheets/extra.css: .tak-app-icon class, floated
  top-right, 64px desktop / 48px mobile
- concepts/channels.md, data-sync/index.md, data-packages/index.md,
  maps/index.md: badge added via attr_list image syntax
- THIRD_PARTY_NOTICES.md: attribution for the GPL-3.0-licensed ATAK-CIV
  source glyphs, linked from README.md

Verified with a local strict build (mkdocs build --strict, htmlproofer
enabled) and visually with Playwright screenshots at desktop/mobile
widths and in dark mode — badge renders cleanly, no layout collisions
with the ToC sidebar or headings.
@chriselsen
chriselsen merged commit 16a7c05 into main Aug 31, 2026
3 checks passed
@chriselsen
chriselsen deleted the docs/app-icon-badges branch August 31, 2026 05:35
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