Add /brand-assets link to footer

Author: shakyShane

_config.yml

@@ -27,6 +27,8 @@ navigation:
 footer-navigation:
  - label: "Documentation"
    url: "/docs"
+ - label: "Community"
+   url: "https://browsersync.herokuapp.com/"
  - label: "Brand Assets"
    url: "/brand-assets"
 

_src/_includes/footer.hbs

@@ -21,7 +21,7 @@
     <div class="container">
         <nav>
             <ul class="site-nav">
-                {{#each site.navigation}}
+                {{#each site.footer-navigation}}
                 <li class="nav__item {{#current this.url}}active{{/current}}"><a href="{{this.url}}" class="nav-link">{{ this.label }}</a></li>
                 {{/each}}
                 <li class="nav__item credit__thumb">

_src/brand-assets.html

@@ -29,7 +29,6 @@ <h2 class="brand-rule">Logo Evolution</h2>
 
         <div class="three-quarters">
             <h2 class="brand-rule">Brand Colours</h2>
-            <p class="brand-desc">Not changed just tweaked.</p>
         </div>
         <div class="brand-asset brand--colours">
             <div class="colour__item" style="background-color: #F24747;">
@@ -48,7 +47,7 @@ <h2 class="brand-rule">Brand Colours</h2>
 
         <div class="three-quarters">
             <h2 class="brand-rule">Browsersync name</h2>
-            <p class="brand-desc">Browsersync (previously BrowserSync) is now one word, capital B, and nothing else. This was changed to stop the abbreviation "BS". No BS, just Browsersyn.</p>
+            <p class="brand-desc">Browsersync (previously BrowserSync) is now 1 word, capital B, and nothing else.</p>
         </div>
         <div class="brand-asset brand--name">
             <div class="name__item"><img src="../img/bs-name.svg"/></div>
@@ -58,7 +57,9 @@ <h2 class="brand-rule">Browsersync name</h2>
 
         <div class="three-quarters">
             <h2 class="brand-rule">Typeface</h2>
-            <p class="brand-desc">Titillium has been select for its modern and technical appearance and is used for the logo type and heading. Open sans was selected for its friendly appearance and used for body text. Our fonts characteristics represent Browsersync's technical but friendly nature.</p>
+            <p class="brand-desc">Titillium has been selected for its modern, technical appearance and is used for the logo type and heading.
+                Open sans was selected for its friendly appearance and is used for body text.
+                The characteristics of both fonts represent Browsersync's technical but friendly nature.</p>
         </div>
         <div class="brand-asset brand--typeface">
             <div class="typeface__item">{{inc src="icon.hbs" icon="typeface-reg" class="typeface__img"}}<p>Regular</p></div>
@@ -68,7 +69,8 @@ <h2 class="brand-rule">Typeface</h2>
 
         <div class="three-quarters">
             <h2 class="brand-rule">Logo Usage</h2>
-            <p>To increase legibility it is important to have a strong contrast between the logo and background, for light backgrounds use the primary red and dark backgrounds white. If on top of image overlays or mid tone colours use your best judgment to use either red or white and create the highest contrast possible.</p>
+            <p>To increase legibility it is important to have a strong contrast between the logo and the background on which it sits -
+                for light backgrounds use the primary red and for darker backgrounds, use white.</p>
         </div>
         <div class="brand-asset brand--usage">
             <div class="usage__item">
@@ -104,7 +106,7 @@ <h2 class="brand-rule">Minimum Logo Spacing</h2>
 
         <div class="three-quarters">
             <h2 class="brand-rule">Restrictions</h2>
-            <p class="brand-desc">Our brand is important to us and we are happy for you to use it respectively and responsively for projects that relate to or use Browsersync. However if you do use it please do not do any of the following:</p>
+            <p class="brand-desc">Our brand is important to us and we are happy for you to use it respectively and responsively for projects that relate to or use Browsersync. However if you do use it, please do not do any of the following:</p>
         </div>
         <div class="brand-asset brand--restrictions">
             <div class="restriction__item">

brand-assets/index.html

@@ -86,7 +86,6 @@ <h2 class="brand-rule">Logo Evolution</h2>
 
             <div class="three-quarters">
                 <h2 class="brand-rule">Brand Colours</h2>
-                <p class="brand-desc">Not changed just tweaked.</p>
             </div>
             <div class="brand-asset brand--colours">
                 <div class="colour__item" style="background-color: #F24747;">
@@ -105,7 +104,7 @@ <h2 class="brand-rule">Brand Colours</h2>
 
             <div class="three-quarters">
                 <h2 class="brand-rule">Browsersync name</h2>
-                <p class="brand-desc">Browsersync (previously BrowserSync) is now one word, capital B, and nothing else. This was changed to stop the abbreviation "BS". No BS, just Browsersyn.</p>
+                <p class="brand-desc">Browsersync (previously BrowserSync) is now 1 word, capital B, and nothing else.</p>
             </div>
             <div class="brand-asset brand--name">
                 <div class="name__item"><img src="../img/bs-name.svg"/></div>
@@ -115,7 +114,9 @@ <h2 class="brand-rule">Browsersync name</h2>
 
             <div class="three-quarters">
                 <h2 class="brand-rule">Typeface</h2>
-                <p class="brand-desc">Titillium has been select for its modern and technical appearance and is used for the logo type and heading. Open sans was selected for its friendly appearance and used for body text. Our fonts characteristics represent Browsersync's technical but friendly nature.</p>
+                <p class="brand-desc">Titillium has been selected for its modern, technical appearance and is used for the logo type and heading.
+                    Open sans was selected for its friendly appearance and is used for body text.
+                    The characteristics of both fonts represent Browsersync's technical but friendly nature.</p>
             </div>
             <div class="brand-asset brand--typeface">
                 <div class="typeface__item"><svg class="svg-icon typeface__img"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/img/icons/icons.svg#svg-typeface-reg"></use></svg>
@@ -128,7 +129,8 @@ <h2 class="brand-rule">Typeface</h2>
 
             <div class="three-quarters">
                 <h2 class="brand-rule">Logo Usage</h2>
-                <p>To increase legibility it is important to have a strong contrast between the logo and background, for light backgrounds use the primary red and dark backgrounds white. If on top of image overlays or mid tone colours use your best judgment to use either red or white and create the highest contrast possible.</p>
+                <p>To increase legibility it is important to have a strong contrast between the logo and the background on which it sits -
+                    for light backgrounds use the primary red and for darker backgrounds, use white.</p>
             </div>
             <div class="brand-asset brand--usage">
                 <div class="usage__item">
@@ -168,7 +170,7 @@ <h2 class="brand-rule">Minimum Logo Spacing</h2>
 
             <div class="three-quarters">
                 <h2 class="brand-rule">Restrictions</h2>
-                <p class="brand-desc">Our brand is important to us and we are happy for you to use it respectively and responsively for projects that relate to or use Browsersync. However if you do use it please do not do any of the following:</p>
+                <p class="brand-desc">Our brand is important to us and we are happy for you to use it respectively and responsively for projects that relate to or use Browsersync. However if you do use it, please do not do any of the following:</p>
             </div>
             <div class="brand-asset brand--restrictions">
                 <div class="restriction__item">
@@ -241,6 +243,7 @@ <h2 class="brand-rule">Restrictions</h2>
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item active"><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/api/index.html

@@ -572,6 +572,7 @@ <h3 id="api-sockets" class="section-link">
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/command-line/index.html

@@ -370,6 +370,7 @@ <h3 id="command-line-options" class="section-link">
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/grunt/index.html

@@ -243,6 +243,7 @@ <h3 id="grunt-watch" class="section-link">
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/gulp/index.html

@@ -319,6 +319,7 @@ <h3 id="gulp-manual-reload" class="section-link">
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/http-protocol/index.html

@@ -152,6 +152,7 @@ <h1 class="page-title">HTTP Protocol</h1>
             <ul class="site-nav">
                 <li class="nav__item "><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>

docs/index.html

@@ -200,6 +200,7 @@ <h3 id="external-url" class="section-link">
             <ul class="site-nav">
                 <li class="nav__item active"><a href="/docs" class="nav-link">Documentation</a></li>
                 <li class="nav__item "><a href="https://browsersync.herokuapp.com/" class="nav-link">Community</a></li>
+                <li class="nav__item "><a href="/brand-assets" class="nav-link">Brand Assets</a></li>
                 <li class="nav__item credit__thumb">
                     <span>An open source project by</span>
                     <a href="http://www.wearejh.com/" class="nav-link"><img src="/img/jh-logo-white.png" alt="JH"/></a>