digitalgov.gov icon indicating copy to clipboard operation
digitalgov.gov copied to clipboard

Create reusable two column template

Open nick-mon1 opened this issue 1 year ago • 1 comments

Summary

Refactor template markup into a re-usable two column template for several content pages.

Preview

Link to Preview

Solution

Created new two-column-baseof.html to replace template markup in multiple files.

  • removed unnecessary <div>'s
  • removed grid styles

Refactored to use a consistent markup structure:

section.grid-container-desktop
  nav.usa-breadcrumb
  header
  section.usa-in-page-nav-container || section.grid-row.tablet-lg:4
    main#main-content
    aside.dg-sidebar.usa-in-page-nav

templates updated

template two col layout
services/single.html in page navigation
default/list.html in page navigation
default/single.html in page navigation
resources/single.html in page navigation
communities/single.html in page navigation
events/single.html grid classes
news/single.html grid classes

How To Test

  1. First Step
  2. Second Step
  3. Third Step

Dev Checklist

  • [ ] PR has correct labels
  • [ ] A11y testing (voice over testing, meets WCAG, run axe tools)
  • [ ] Code is formatted properly

nick-mon1 avatar Dec 06 '23 19:12 nick-mon1