Part A — Shared filter-pill.html include
- Added
components/_includes/filter-pill.html: a single-<li> partial that renders one filter pill from {% set %} variables (pillTitle, pillUrl, pillIcon, pillIconTitle, pillActive, pillId, pillExtraClass)
- Synced to
standards, scangov, docs, scangov-com
- Refactored 7 call sites to use
{% set %} + {% include "filter-pill.html" %}:
standards/_includes/filter.html
standards/_includes/filter-guidance.html
standards/content/docs/standard.njk (Indicators)
standards/content/docs/guidance.njk (Indicators)
components/_includes/post-badges.html (synced to docs/standards)
scangov/_includes/rankingtabs.html (second <ul>)
scangov/_includes/jumbotron.html (both <ul>s in mapPage block)
- Added
pillIconTitle (not in original plan) to preserve the title="{{ audit.displayName }}" tooltip on the topic icons in filter.html/filter-guidance.html — keeps output byte-identical aside from the icon swap below
Part B — Topic icon updates
data/standards/audits.json: usability.icon rectangle-list → hand-pointer, security.icon lock → shield-halved
- Single source of truth via
audits.js — propagates automatically to filter pills, Indicators sections, sidenav, and rankings/map pills
- Out of scope (flagged, pre-existing inconsistency):
scangov/_includes/profilelinks.html has its own hardcoded icons for security/usability, left untouched
Verification
standards dev server: /, /guidance/, /crawlable/ — markup unchanged, icon tooltips preserved
scangov full build: /rankings/accessibility/, /map/states/overall/ — confirmed fa-hand-pointer/fa-shield-halved render correctly via audits[topic].icon
Part A — Shared
filter-pill.htmlincludecomponents/_includes/filter-pill.html: a single-<li>partial that renders one filter pill from{% set %}variables (pillTitle,pillUrl,pillIcon,pillIconTitle,pillActive,pillId,pillExtraClass)standards,scangov,docs,scangov-com{% set %}+{% include "filter-pill.html" %}:standards/_includes/filter.htmlstandards/_includes/filter-guidance.htmlstandards/content/docs/standard.njk(Indicators)standards/content/docs/guidance.njk(Indicators)components/_includes/post-badges.html(synced todocs/standards)scangov/_includes/rankingtabs.html(second<ul>)scangov/_includes/jumbotron.html(both<ul>s inmapPageblock)pillIconTitle(not in original plan) to preserve thetitle="{{ audit.displayName }}"tooltip on the topic icons infilter.html/filter-guidance.html— keeps output byte-identical aside from the icon swap belowPart B — Topic icon updates
data/standards/audits.json:usability.iconrectangle-list→hand-pointer,security.iconlock→shield-halvedaudits.js— propagates automatically to filter pills, Indicators sections, sidenav, and rankings/map pillsscangov/_includes/profilelinks.htmlhas its own hardcoded icons for security/usability, left untouchedVerification
standardsdev server:/,/guidance/,/crawlable/— markup unchanged, icon tooltips preservedscangovfull build:/rankings/accessibility/,/map/states/overall/— confirmedfa-hand-pointer/fa-shield-halvedrender correctly viaaudits[topic].icon