-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Restructure DS website's information architecture (#656)
* Restructure DS website's information architecture - Removes main nav and moves all nav elements to left-hand sidebar - Changes nav categories - Removes four netlify cms collections that were based on categories and replaces them with a single one called "Pages" - Adds a netlify cms collection called "Navigation" that lets users edit the side nav - Moves special pages like the homepage and the help page to a new collection called "Special pages" - Updates tests and Jekyll/netlify metadata files as appropriate https://GHE/CFPB/el-camino/issues/251 * Update website documentation and how-to-edit-stuff guide * Remove the sample component page from the 'component' section * Only show source tabs for fields with content It's very, very difficult to check a string for emptiness with Liquid. Shopify/liquid#223 (comment) * Add sidebar to homepage * Put anchor tags on own lines Otherwise there's a space between the last word and the final period. I could just put the last anchor tag on its own line but I don't want to alienate it and make it feel uncomfortable. * Fix BEM structure of side nav * Properly check for empty sub categories in side nav
- Loading branch information
Showing
107 changed files
with
796 additions
and
895 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| first-level: | ||
| - heading: Foundation | ||
| second-level: | ||
| - heading: Basics | ||
| nav-items: | ||
| - page: Color | ||
| - page: Grid | ||
| - heading: Typography | ||
| nav-items: | ||
| - page: Headings | ||
| - page: Paragraphs | ||
| - page: Quotes | ||
| - heading: Brand symbools | ||
| nav-items: | ||
| - page: Beam pattern | ||
| - page: Logo | ||
| - page: Seal | ||
| - heading: Graphics | ||
| nav-items: | ||
| - page: Iconography | ||
| - page: Illustration | ||
| - page: Photography | ||
| - heading: Multimedia | ||
| nav-items: | ||
| - page: Animation | ||
| - page: Video | ||
| - heading: Components | ||
| second-level: | ||
| - heading: Alerts | ||
| nav-items: | ||
| - page: Banners | ||
| - page: Notifications | ||
| - heading: Behavior | ||
| nav-items: | ||
| - page: Expandables | ||
| - heading: Form elements | ||
| nav-items: | ||
| - page: Buttons | ||
| - page: Checkboxes | ||
| - page: Dropdowns and multi-selects | ||
| - page: Fieldsets | ||
| - page: Helper text | ||
| - page: Labels and legends | ||
| - page: Links | ||
| - page: Radio Buttons | ||
| - page: Range Sliders | ||
| - page: Text Inputs | ||
| - heading: Lists and tables | ||
| nav-items: | ||
| - page: Lists | ||
| - page: Tables | ||
| - heading: Patterns | ||
| second-level: | ||
| - heading: Interaction patterns | ||
| third-level: | ||
| - heading: Forms | ||
| nav-items: | ||
| - page: Forms | ||
| - page: E-mail Signup Forms | ||
| - page: Feedback Forms | ||
| - heading: Navigation | ||
| nav-items: | ||
| - page: Filterable list pages | ||
| - page: Pagination | ||
| - heading: Layout patterns | ||
| third-level: | ||
| - heading: Introductions | ||
| nav-items: | ||
| - page: Heroes | ||
| - page: Text introductions | ||
| - page: Item introductions | ||
| - heading: Featured content | ||
| nav-items: | ||
| - page: Cards | ||
| - page: Featured Content Module | ||
| - page: Wells | ||
| - heading: Main content | ||
| nav-items: | ||
| - page: "Info Unit Groups: Image and text" | ||
| - heading: Pages | ||
| nav-items: | ||
| - page: Landing pages | ||
| - page: Sublanding pages | ||
| - page: Browse pages | ||
| - page: Learn pages | ||
| - page: Filterable list pages | ||
| - page: Document detail pages | ||
| - heading: Development | ||
| second-level: | ||
| - heading: Atomic | ||
| nav-items: | ||
| - page: Atomic Components | ||
| - heading: Layout | ||
| nav-items: | ||
| - page: Base images | ||
| - page: Blocks | ||
| - page: Column dividers | ||
| - page: Main content and sidebars | ||
| - heading: Utilities | ||
| nav-items: | ||
| - page: Helper classes and mixins | ||
| - page: Media queries | ||
| - page: Variables | ||
| - heading: Guidelines | ||
| second-level: | ||
| - heading: Data visualization | ||
| nav-items: | ||
| - page: Bar Charts | ||
| - page: Line Charts | ||
| - page: Pie Charts |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| <form id="search-form" action="{{ site.baseurl }}/search" method="get"> | ||
| <label class="u-visually-hidden" for="search-box">Search:</label> | ||
| <input type="text" id="search-box" class="a-text-input" name="searchQuery" placeholder="enter your query"> | ||
| <button class="a-btn" type="submit">Search!</button> | ||
| <input type="text" id="search-box" class="a-text-input" name="searchQuery" placeholder="Enter your query"> | ||
| <button class="a-btn" type="submit">Search</button> | ||
| </form> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,46 +1,45 @@ | ||
| {% comment %} | ||
| Create an empty array to store secondary nav sections | ||
| {% endcomment %} | ||
| {% assign secondary_sections = '' | split: ',' %} | ||
|
|
||
| {% for p in site.pages %} | ||
| {% if p.section == page.section and p.secondary_section %} | ||
| {% unless secondary_sections contains p.secondary_section %} | ||
| {% assign secondary_sections = secondary_sections | push: p.secondary_section %} | ||
| {% endunless %} | ||
| {% endif %} | ||
| {% endfor %} | ||
|
|
||
| {% comment %} | ||
| Alphabetize the sections | ||
| {% endcomment %} | ||
| {% assign secondary_sections = secondary_sections | sort %} | ||
|
|
||
| {% if secondary_sections %} | ||
| <ul class="m-list m-list__unstyled"> | ||
| {% for secondary_section in secondary_sections | sort %} | ||
| {% for first in site.data.side-navigation.first-level %} | ||
| {% assign first_level_slug = first.heading | slugify %} | ||
| <li class="m-list_item u-mb15"> | ||
| <span class="h5">{{ secondary_section }}</span> | ||
| <ul class="m-list m-list__links"> | ||
| {% for p in site.pages %} | ||
| {% if p.section == page.section and p.secondary_section == secondary_section %} | ||
| <div class="h4"> | ||
| <a class="m-list_link" href="{{ first_level_slug | relative_url }}">{{ first.heading }}</a> | ||
| </div> | ||
| {% if page.section == first_level_slug or page == blank %} | ||
| <div class="m-list_item-subgroup"> | ||
| {% if first.nav-items | size > 0 %} | ||
| <ul class="m-list m-list__links"> | ||
| {% for link in first.nav-items %} | ||
| <li class="m-list_item"> | ||
| <a class="m-list_link" href="{{ p.url | relative_url }}">{{ p.title }}</a> | ||
| <a class="m-list_link" href="{{ first_level_slug | relative_url }}/{{ link.page | slugify }}">{{ link.page }}</a> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| {% endif %} | ||
| {% for second in first.second-level %} | ||
| <div class="h4 u-mt0">{{ second.heading }}</div> | ||
| {% if second.nav-items | size > 0 %} | ||
| <ul class="m-list m-list__links"> | ||
| {% for link in second.nav-items %} | ||
| <li class="m-list_item"> | ||
| <a class="m-list_link" href="{{ first_level_slug | relative_url }}/{{ link.page | slugify }}">{{ link.page }}</a> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| {% endif %} | ||
| {% for third in second.third-level %} | ||
| <div class="h5" style="margin-top:16px">{{ third.heading }}</div> | ||
| <ul class="m-list m-list__links"> | ||
| {% for link in third.nav-items %} | ||
| <li class="m-list_item"> | ||
| <a class="m-list_link" href="{{ first_level_slug | relative_url }}/{{ link.page | slugify }}">{{ link.page }}</a> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| {% endfor %} | ||
| {% endfor %} | ||
| </ul> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| {% else %} | ||
| <ul class="m-list m-list__links"> | ||
| {% for p in site.pages %} | ||
| {% if p.section == page.section %} | ||
| <li class="m-list_item"> | ||
| <a class="m-list_link" href="{{ p.url | relative_url }}">{{ p.title }}</a> | ||
| </li> | ||
| </div> | ||
| {% endif %} | ||
| {% endfor %} | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| {% endif %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.