This repository has been archived by the owner on Feb 15, 2020. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into link-to-contributing
- Loading branch information
Showing
33 changed files
with
209 additions
and
189 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
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,24 +1,24 @@ | ||
| ## Front End Guild | ||
| ## Front-End Guild | ||
|
|
||
| 18F promotes team best practices across specialty areas through guilds. These guilds support their members in whatever way deemed most appropriate by those members themselves. | ||
|
|
||
| This repo is where the 18F Front End Guild keeps its guide to best practices and resources for front end development. | ||
| This repo is where the 18F Front-End Guild keeps its guide to best practices and resources for front-end development. | ||
|
|
||
| ### Quicklinks | ||
|
|
||
| - Guide: https://frontend.18f.gov/ | ||
| - [CONTRIBUTING.md](CONTRIBUTING.md) on how to build this guide locally and submitting PRs/issues. | ||
|
|
||
| ## Our mission | ||
| We believe that government websites should be functional, maintainable, and thoughtfully designed. Our guild helps TTS promote the adoption and advancement of front end design and development best practices. In this way, TTS can lead by example while providing effective services that help our partners and customers fulfill their missions. | ||
| To achieve our vision, the Front End Guild works to: | ||
| - Support the continuous learning necessary for successful front end work. | ||
| - Provide TTS developers with easy-to-understand, actionable guidance around front end best practices. | ||
| We believe that government websites should be functional, maintainable, and thoughtfully designed. Our guild helps TTS promote the adoption and advancement of front-end design and development best practices. In this way, TTS can lead by example while providing effective services that help our partners and customers fulfill their missions. | ||
| To achieve our vision, the Front-End Guild works to: | ||
| - Support the continuous learning necessary for successful front-end work. | ||
| - Provide TTS developers with easy-to-understand, actionable guidance around front-end best practices. | ||
| - Promote a central knowledge base of shared tools and common patterns. | ||
| - Create a healthy and supportive internal environment so that we can, in turn, bolster healthy external communities related to our work. | ||
|
|
||
| ## How to track what we're doing, and how you can be involved! | ||
|
|
||
| We use issues in this repo to track work. If you'd like to suggest a new topic or flag an issue, please [file an issue](https://github.com/18F/frontend/issues/new/). | ||
|
|
||
| The front end space is rapidly changing, and our guide is a living document. Please suggest edits or changes via pull request. | ||
| The front-end space is rapidly changing, and our guide is a living document. Please suggest edits or changes via pull request. |
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,31 +1,64 @@ | ||
| # Whether to show the "Return to top" link; can also be | ||
| # configured as an object with 'text' and 'href' properties. | ||
| top: true | ||
| # This is the configuration for the site footer. | ||
|
|
||
| # Which links to show at the top of the footer. | ||
| # This can key into _data/navigation.yml or a list of link objects | ||
| # with 'text' and 'href' properties. | ||
| # Configuration for type of footer. | ||
| # Footer types can be only be medium at the moment | ||
| type: medium | ||
|
|
||
| # Configuration for "Return to top" link. | ||
| # Customize with 'text' and 'href' properties. | ||
| # Comment out to the following section to hide. | ||
| top: | ||
| text: Return to top | ||
| href: '#' | ||
|
|
||
| # Configuration for "Edit this page" link in the footer. | ||
| # Customize with 'text' property. | ||
| # Uncomment the following line to show. | ||
| # edit_page: | ||
| # text: Edit this page | ||
|
|
||
| # Configuration for "Last updated" date and time. | ||
| # Uncomment the following line to show. | ||
| # last_updated: true | ||
|
|
||
| # Configuration for which links show at the top of the footer. | ||
| # this is a key into _data/navigation.yml | ||
| links: | ||
|
|
||
| # The optional heading for the footer. | ||
| # Configuration for footer heading. (optional) | ||
| heading: | ||
|
|
||
| # An array of agency logos to show, side by side, in the lower left | ||
| # of the footer on large screens. | ||
| # Configuration for agency logo(s) (shown side by side). | ||
| # If the logo is external add external: true | ||
| logos: | ||
| - src: /assets/images/18f-Logo.svg | ||
| alt: 18F | ||
|
|
||
| # Configuration for footer contact links | ||
| contact: | ||
| links: | ||
| # - text: USA | ||
| # href: https://usa.gov/ | ||
|
|
||
| # Configuration for social media links | ||
| # Comment out links you don't want to use (RSS is an example) | ||
| social_links: | ||
| # - text: Facebook | ||
| # href: https://facebook.com | ||
| # external: true | ||
| # type: facebook | ||
| # - text: Twitter | ||
| # href: https://twitter.com | ||
| # external: true | ||
| # type: twitter | ||
| # - text: YouTube | ||
| # href: https://youtube.com | ||
| # external: true | ||
| # type: youtube | ||
| # - text: RSS Feed | ||
| # href: https://usa.gov/ | ||
| # external: true | ||
| # type: rss | ||
| heading: | ||
|
|
||
| address: | | ||
| [18F USWDS-Jekyll theme](https://github.com/18F/uswds-jekyll) | ||
| Hosted by [Federalist](https://federalist.18f.gov/) | ||
| Maintained by [18F](https://18f.gsa.gov/) | ||
| # Configuration for contact links for email, phone, etc... | ||
| contact_links: | ||
| # - text: (800) CALL-GOVT | ||
| # href: tel:1-800-555-5555 | ||
| # - text: info@agency.gov | ||
| # href: mailto:info@agency.gov |
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 |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| {% if footer %} | ||
| <footer class="usa-footer usa-footer-medium" role="contentinfo"> | ||
|
|
||
| {% if footer.last_updated %} | ||
| <div class="usa-grid"> | ||
| <div class="usa-width-one-whole"> | ||
| <p>Last updated: {{ page.last_modified_at | date: '%B %d, %Y at %I:%M %p' }}</p> | ||
| </div> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| {% if footer.top %} | ||
| <div class="usa-grid usa-footer-return-to-top"> | ||
| <a href="{{ footer.top.href | default: '#' }}">{{ footer.top.text | default: 'Return to top' }}</a> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
|
|
||
|
|
||
| {% if footer.links %} | ||
| {% assign footer_links = site.data.navigation[footer.links] | default: footer.links %} | ||
| {% assign _sizes = 'whole half third fourth sixth' | split: ' ' %} | ||
| {% assign _size = footer_links.size | minus: 1 %} | ||
| {% assign _size = _sizes[_size] | default: 'whole' %} | ||
| <div class="usa-footer-primary-section"> | ||
| <div class="usa-grid"> | ||
| <nav class="usa-footer-nav"> | ||
| <ul class="usa-unstyled-list"> | ||
| {% for _link in footer_links %} | ||
| <li class="usa-width-one-{{ _size }} usa-footer-primary-content"> | ||
| <a class="usa-footer-primary-link" href="{% if _link.external == true %}{{ _link.href }}{% else %}{{ _link.href | relative_url }}{% endif %}"> | ||
| {{ _link.text }} | ||
| </a> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| {% if footer.logos or footer.heading or footer.contact %} | ||
| <div class="usa-footer-secondary_section"> | ||
| <div class="usa-grid"> | ||
| <div class="usa-footer-logo usa-width-one-half"> | ||
| {% if footer.logos %} | ||
| {% for logo in footer.logos -%} | ||
| {% if logo.url %} | ||
| <a href="{{ logo.url }}"> | ||
| {% endif %} | ||
| <img class="usa-footer-logo-img" src="{% if logo.external %}{{ logo.src }}{% else %}{{ logo.src | relative_url }}{% endif %}" alt="{{ logo.alt }}"{% if logo.width %}width="{{ logo.width }}"{% endif %}{% if logo.height %}height="{{ logo.height }}"{% endif %}> | ||
| {% if logo.url %} | ||
| </a> | ||
| {% endif %} | ||
| {% endfor %} | ||
| {% endif %} | ||
|
|
||
| {% if footer.heading %} | ||
| <h3 class="usa-footer-logo-heading">{{ footer.heading }}</h3> | ||
| {% endif %} | ||
| </div> | ||
| <div class="usa-footer-contact-links usa-width-one-half"> | ||
| <ul class="usa-unstyled-list"> | ||
| <li><a href="https://github.com/18F/uswds-jekyll">18F USWDS-Jekyll theme</a></li> | ||
| <li>Hosted by <a href="https://federalist.18f.gov/">Federalist</a></li> | ||
| <li>Maintained by <a href="https://18f.gsa.gov/">18F</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| </footer> | ||
| {% endif %} |
Oops, something went wrong.