Skip to content

Commit

Permalink
Add /brand-assets link to footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@shakyShane
shakyShane committed Oct 24, 2015
1 parent fd214f5 commit dfdbfbf
Show file tree
Hide file tree
Showing 14 changed files with 28 additions and 12 deletions.
2 changes: 2 additions & 0 deletions _config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,8 @@ navigation:
footer-navigation:
- label: "Documentation"
url: "/docs"
- label: "Community"
url: "https://browsersync.herokuapp.com/"
- label: "Brand Assets"
url: "/brand-assets"

Expand Down
2 changes: 1 addition & 1 deletion _src/_includes/footer.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
12 changes: 7 additions & 5 deletions _src/brand-assets.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;">
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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">
Expand Down Expand Up @@ -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">
Expand Down
13 changes: 8 additions & 5 deletions brand-assets/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;">
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/api/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/command-line/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/grunt/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/gulp/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/http-protocol/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions docs/options/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1287,6 +1287,7 @@ <h3 id="option-socket" 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>
Expand Down
1 change: 1 addition & 0 deletions docs/recipes/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -165,6 +165,7 @@ <h3 id="contribute">Contribute</h3>
<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>
Expand Down
Loading

0 comments on commit dfdbfbf

Please sign in to comment.