Implement initial sitemap and draft content for usability testing

[lauraGgit]

Summary

• Preparation for Test & validate user needs and tasks by usability testing prototype on Federalist site #27
• Implement the initial wireframe and content suggestions in a stock USWDS template.
• add subnav elements to the main nav
• update the page subnav to not be collection (project) specific, but site section dependent

https://federalist-proxy.app.cloud.gov/preview/18f/cic-site/implement-sitemap-content/

Impacted areas of the application

List general components of the application that this PR will affect:

• All the places!

Screenshots

Before

After

[jdamis4XD]

Global Nav looks good.

[jdamis4XD]

Global nav looks good. Thanks for removing the sub nav from the Acquisition and Implementation overview pages. I want to get users reactions on not having it from those top level pages to determine what we standardize.

Content comments:

1. The 3 container cards at the bottom of the Acq & Implementation pages don't consistently match the landing pages nor page headers, so a little disorienting and we will need address later.

2. Next iteration, recommend making the Overview data the top nav category and kill the Overview sub nav category and link.

[jenniferthibault]

One small markup catch inline (which doesn't look like it's breaking anything, but just in case).

If there's time for a quick styling fix, I think it would be helpful to set the visited state to white on the .usa-nav-submenu class so that the nav items don't appear different from one another — it's not a helpful visual cue in menus like it is for regular text links.

[jenniferthibault]

I'm not totally familiar with all parts of config, but it seems surprising we'd use the specific branch name here instead of ending say, after /cic-site/. I'd love to understand more about what this does (offline is fine!)

[lauraGgit]

yeah, i think is left over from when i was trying to debug the urls, will update

[jenniferthibault]

Looks like there's an extra = in here

[lauraGgit]

this explains why the css class wasn't picking up and why I to put in inline (and now can remove!) Great catch!

[lauraGgit]

@jenniferthibault thanks for the comments! they should be all pushed now!

[jdamis4XD]

For the Find Cloud Business Solutions > Business and operations sub-category we need to add the following child items in order for users to complete task 3 for the study.

• Business management
• Customer relationship management
• Email
• Human resources
• Public and media relations
• Telecommunications

[jenniferthibault]

We're going to hold on making the last nav change requested by @jdamis4XD — please hold off on making changes to this PR while testing happens on this branch.