diff --git a/_src/_assets/fonts/slkscr-webfont.woff b/_src/_assets/fonts/slkscr-webfont.woff new file mode 100755 index 0000000..cea4f32 Binary files /dev/null and b/_src/_assets/fonts/slkscr-webfont.woff differ diff --git a/_src/_assets/fonts/slkscr-webfont.woff2 b/_src/_assets/fonts/slkscr-webfont.woff2 new file mode 100755 index 0000000..f6bb6f8 Binary files /dev/null and b/_src/_assets/fonts/slkscr-webfont.woff2 differ diff --git a/_src/_assets/styles/_9984.scss b/_src/_assets/styles/_9984.scss new file mode 100644 index 0000000..8d77a38 --- /dev/null +++ b/_src/_assets/styles/_9984.scss @@ -0,0 +1,83 @@ + +$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 / 2; + padding-bottom: $spacer / 2; + + &, + .divider--9984, + .divider--slashes, + .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__content { + display: inline-block; + position: relative; +} + +.ninenine__title, +.ninenine__meta, +.ninenine__tagline { + 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; + margin-left: $spacer / 2; +} + +.divider--9984 { + color: $brand-9984-01; +} + +.divider--slashes { + color: $brand-9984-02; +} diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss index f025bd6..4bf1a05 100644 --- a/_src/_assets/styles/bigchain.scss +++ b/_src/_assets/styles/bigchain.scss @@ -62,3 +62,4 @@ @import 'page-partners'; @import 'page-enterprise'; @import 'ipdb'; +@import '9984'; diff --git a/_src/_includes/9984.html b/_src/_includes/9984.html new file mode 100644 index 0000000..411b29d --- /dev/null +++ b/_src/_includes/9984.html @@ -0,0 +1,11 @@ + diff --git a/_src/_layouts/base.html b/_src/_layouts/base.html index b49e645..5bea083 100644 --- a/_src/_layouts/base.html +++ b/_src/_layouts/base.html @@ -13,6 +13,8 @@ + {% include 9984.html %} + {{ content }} {% include footer.html %} diff --git a/gulpfile.babel.js b/gulpfile.babel.js index bbbff87..c69906b 100644 --- a/gulpfile.babel.js +++ b/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