Merge pull request #161 from ascribe/feature/9984-banner

9984 >> SUMMIT banner

_src/_assets/styles/_9984.scss

@@ -0,0 +1,93 @@
+$brand-9984-01:             #ec008c !default;
+$brand-9984-02:             #f7931d !default;
+$brand-9984-03:             #161d21 !default;
+$brand-9984-04:             #e6e6e6 !default;
+$font-family-silkscreen:    silkscreennormal, monospace !default;
+
+
+@font-face {
+    font-family: silkscreennormal;
+    // stylelint-disable declaration-colon-newline-after
+    src: url('../fonts/slkscr-webfont.woff2') format('woff2'),
+        url('../fonts/slkscr-webfont.woff') format('woff');
+    // stylelint-enable
+    font-weight: $font-weight-normal;
+    font-style: normal;
+}
+
+
+.banner--ninenine {
+    text-align: center;
+    background: $brand-9984-03;
+    font-family: $font-family-silkscreen;
+    font-weight: $font-weight-normal;
+    font-style: normal;
+    padding-top: $spacer;
+    padding-bottom: $spacer;
+
+    @media ($screen-sm) {
+        padding-top: $spacer / 2;
+        padding-bottom: $spacer / 2;
+    }
+
+    &,
+    .divider--9984,
+    .divider--9984slashes,
+    .ninenine__action {
+        transition: .15s ease-out;
+    }
+
+    &:hover,
+    &:focus {
+        background: $brand-9984-01;
+
+        .divider--9984,
+        .divider--slashes {
+            color: $brand-9984-04;
+        }
+
+        .ninenine__action {
+            background: $brand-9984-04;
+            color: $brand-9984-01;
+        }
+    }
+}
+
+
+.ninenine__title,
+.ninenine__meta {
+    font-size: .8rem;
+    line-height: $line-height;
+    margin: 0;
+    color: $brand-9984-04;
+
+    em {
+        font-style: normal;
+    }
+}
+
+
+.ninenine__action {
+    box-shadow: none;
+    color: $brand-9984-04;
+    background: $brand-9984-01;
+    padding: $spacer / 5 $spacer / 4;
+    display: block;
+    margin-top: $spacer / 2;
+
+    @media ($screen-sm) {
+        display: inline;
+        margin-top: 0;
+        margin-left: $spacer / 2;
+    }
+}
+
+
+.divider--9984 {
+    color: $brand-9984-01;
+}
+
+
+.divider--9984slashes {
+    color: $brand-9984-02;
+}

_src/_assets/styles/bigchain.scss

@@ -62,3 +62,4 @@
 @import 'page-partners';
 @import 'page-enterprise';
 @import 'ipdb';
+@import '9984';

_src/_includes/9984.html

@@ -0,0 +1,9 @@
+<aside class="banner--ninenine ninenine">
+    <a href="https://2017.9984.io/?utm_source=bigchaindb.com&utm_medium=banner&utm_campaign=9984_banner">
+        <div class="row row--wide">
+            <h1 class="ninenine__title">9984 <em class="divider--9984">>></em> SUMMIT <span class="ninenine__tagline"><em class="divider--9984slashes">//</em> Blockchain Futures for Developers, Enterprises &amp; Society</span></h1>
+
+            <h2 class="ninenine__meta">October 5 - 6, 2017 <em class="divider--9984slashes">//</em> Berlin, Germany <span class="ninenine__action">Get your ticket now</span></h2>
+        </div>
+    </a>
+</aside>

_src/_layouts/base.html

@@ -13,6 +13,8 @@
         </div>
         <![endif]-->
 
+        {% include 9984.html %}
+
         {{ content }}
 
         {% include footer.html %}

gulpfile.babel.js

@@ -232,6 +232,13 @@ export const images = () => src(SRC + '_assets/images/**/*')
     .pipe(dest(DIST + 'assets/img/'))
 
 
+//
+// Copy Fonts
+//
+export const fonts = () => src(SRC + '_assets/fonts/**/*')
+    .pipe(dest(DIST + 'assets/fonts/'))
+
+
 //
 // Revision static assets
 //
@@ -328,7 +335,7 @@ const deployBanner = (done) => {
 // `gulp build` is the development build
 // `gulp build --production` is the production build
 //
-export const build = series(buildBanner, clean, jekyll, parallel(html, css, js, images, svg), rev, revReplace, criticalCss)
+export const build = series(buildBanner, clean, jekyll, parallel(html, css, js, images, fonts, svg), rev, revReplace, criticalCss)
 
 //
 // Build site, run server, and watch for file changes