From 8edeb5366c4809a711e34360c9d948fd77a2f59f Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 27 Sep 2017 18:49:52 +0200
Subject: [PATCH] add Ocean banner

---
 _src/_assets/images/logo-oceanprotocol.svg |  5 +++
 _src/_assets/styles/_9984.scss             | 22 +++++------
 _src/_assets/styles/_oceanprotocol.scss    | 44 ++++++++++++++++++++++
 _src/_assets/styles/bigchain.scss          |  1 +
 _src/_includes/9984.html                   |  9 -----
 _src/_includes/banner.html                 | 26 +++++++++++++
 _src/_layouts/base.html                    |  2 +-
 7 files changed, 88 insertions(+), 21 deletions(-)
 create mode 100644 _src/_assets/images/logo-oceanprotocol.svg
 create mode 100644 _src/_assets/styles/_oceanprotocol.scss
 delete mode 100644 _src/_includes/9984.html
 create mode 100644 _src/_includes/banner.html

diff --git a/_src/_assets/images/logo-oceanprotocol.svg b/_src/_assets/images/logo-oceanprotocol.svg
new file mode 100644
index 0000000..05558e1
--- /dev/null
+++ b/_src/_assets/images/logo-oceanprotocol.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <g fill-rule="evenodd">
+    <path d="M4.0398961 15.259159C4.0398961 16.1978256 3.2694026 16.9592615 2.31812987 16.9592615 1.36768831 16.9592615.596363636 16.1978256.596363636 15.259159.596363636 14.3204923 1.36768831 13.5590564 2.31812987 13.5590564 3.2694026 13.5590564 4.0398961 14.3204923 4.0398961 15.259159M31.2403532 15.259159C31.2403532 16.1978256 30.4694442 16.9592615 29.5190026 16.9592615 28.5681455 16.9592615 27.7972364 16.1978256 27.7972364 15.259159 27.7972364 14.3204923 28.5681455 13.5590564 29.5190026 13.5590564 30.4694442 13.5590564 31.2403532 14.3204923 31.2403532 15.259159M17.6246857 22.0043487C17.6246857 22.9434256 16.8537766 23.7044513 15.9029195 23.7044513 14.9520623 23.7044513 14.1811532 22.9434256 14.1811532 22.0043487 14.1811532 21.0660923 14.9520623 20.3050667 15.9029195 20.3050667 16.8537766 20.3050667 17.6246857 21.0660923 17.6246857 22.0043487M10.8320831 18.6582154C10.8320831 19.5964718 10.0615896 20.3579077 9.11114805 20.3579077 8.16029091 20.3579077 7.38896623 19.5964718 7.38896623 18.6582154 7.38896623 17.7191385 8.16029091 16.9589333 9.11114805 16.9589333 10.0615896 16.9589333 10.8320831 17.7191385 10.8320831 18.6582154M24.4189506 18.6582154C24.4189506 19.5964718 23.6480416 20.3579077 22.6980156 20.3579077 21.7471584 20.3579077 20.9762494 19.5964718 20.9762494 18.6582154 20.9762494 17.7191385 21.7471584 16.9589333 22.6980156 16.9589333 23.6480416 16.9589333 24.4189506 17.7191385 24.4189506 18.6582154M3.45587532 20.3917949C3.45587532 21.0207179 2.93971948 21.5306667 2.30221299 21.5306667 1.66470649 21.5306667 1.14855065 21.0207179 1.14855065 20.3917949 1.14855065 19.7628718 1.66470649 19.2525128 2.30221299 19.2525128 2.93971948 19.2525128 3.45587532 19.7628718 3.45587532 20.3917949M30.6567481 20.3917949C30.6567481 21.0207179 30.1405922 21.5306667 29.5035013 21.5306667 28.8655792 21.5306667 28.3494234 21.0207179 28.3494234 20.3917949 28.3494234 19.7628718 28.8655792 19.2525128 29.5035013 19.2525128 30.1405922 19.2525128 30.6567481 19.7628718 30.6567481 20.3917949M17.0410805 27.1373538C17.0410805 27.7662769 16.5236779 28.2766359 15.8874182 28.2766359 15.2499117 28.2766359 14.7325091 27.7662769 14.7325091 27.1373538 14.7325091 26.5080205 15.2499117 25.9984821 15.8874182 25.9984821 16.5236779 25.9984821 17.0410805 26.5080205 17.0410805 27.1373538M10.2488935 23.7908103C10.2488935 24.4197333 9.73149091 24.9300923 9.09481558 24.9300923 8.45730909 24.9300923 7.94032208 24.4197333 7.94032208 23.7908103 7.94032208 23.1614769 8.45730909 22.6519385 9.09481558 22.6519385 9.73149091 22.6519385 10.2488935 23.1614769 10.2488935 23.7908103M23.8361351 23.7908103C23.8361351 24.4197333 23.3187325 24.9300923 22.6824727 24.9300923 22.0445506 24.9300923 21.5267325 24.4197333 21.5267325 23.7908103 21.5267325 23.1614769 22.0445506 22.6519385 22.6824727 22.6519385 23.3187325 22.6519385 23.8361351 23.1614769 23.8361351 23.7908103M2.90555844 24.4037744C2.90555844 24.7233641 2.64249351 24.9826462 2.31792208 24.9826462 1.99418182 24.9826462 1.73153247 24.7233641 1.73153247 24.4037744 1.73153247 24.0841846 1.99418182 23.8249026 2.31792208 23.8249026 2.64249351 23.8249026 2.90555844 24.0841846 2.90555844 24.4037744M30.1060156 24.4037744C30.1060156 24.7233641 29.8429506 24.9826462 29.5192104 24.9826462 29.194639 24.9826462 28.9328208 24.7233641 28.9328208 24.4037744 28.9328208 24.0841846 29.194639 23.8249026 29.5192104 23.8249026 29.8429506 23.8249026 30.1060156 24.0841846 30.1060156 24.4037744M16.4901818 31.1493744C16.4901818 31.4689641 16.2271169 31.7286564 15.902961 31.7286564 15.5788052 31.7286564 15.3165714 31.4689641 15.3165714 31.1493744 15.3165714 30.8293744 15.5788052 30.5700923 15.902961 30.5700923 16.2271169 30.5700923 16.4901818 30.8293744 16.4901818 31.1493744M9.69753766 27.8024205C9.69753766 28.1228308 9.43447273 28.3825231 9.11114805 28.3825231 8.78657662 28.3825231 8.52351169 28.1228308 8.52351169 27.8024205 8.52351169 27.4828308 8.78657662 27.2235487 9.11114805 27.2235487 9.43447273 27.2235487 9.69753766 27.4828308 9.69753766 27.8024205M23.284613 27.8024205C23.284613 28.1228308 23.0219636 28.3825231 22.6982234 28.3825231 22.3736519 28.3825231 22.1118338 28.1228308 22.1118338 27.8024205 22.1118338 27.4828308 22.3736519 27.2235487 22.6982234 27.2235487 23.0219636 27.2235487 23.284613 27.4828308 23.284613 27.8024205M18.2188468 2.28841026C18.2188468 3.55282051 17.1803013 4.57764103 15.9007169 4.57764103 14.6198857 4.57764103 13.5817558 3.55282051 13.5817558 2.28841026 13.5817558 1.02441026 14.6198857 0 15.9007169 0 17.1803013 0 18.2188468 1.02441026 18.2188468 2.28841026M18.2188468 8.99835897C18.2188468 10.262359 17.1803013 11.2871795 15.9007169 11.2871795 14.6198857 11.2871795 13.5817558 10.262359 13.5817558 8.99835897 13.5817558 7.73394872 14.6198857 6.70912821 15.9007169 6.70912821 17.1803013 6.70912821 18.2188468 7.73394872 18.2188468 8.99835897M18.2188468 15.7078974C18.2188468 16.9718974 17.1803013 17.9963077 15.9007169 17.9963077 14.6198857 17.9963077 13.5817558 16.9718974 13.5817558 15.7078974 13.5817558 14.4438974 14.6198857 13.4186667 15.9007169 13.4186667 17.1803013 13.4186667 18.2188468 14.4438974 18.2188468 15.7078974M31.8381714 8.99835897C31.8381714 10.262359 30.799626 11.2871795 29.5192104 11.2871795 28.2383792 11.2871795 27.2006649 10.262359 27.2006649 8.99835897 27.2006649 7.73394872 28.2383792 6.70912821 29.5192104 6.70912821 30.799626 6.70912821 31.8381714 7.73394872 31.8381714 8.99835897M4.63709091 8.99835897C4.63709091 10.262359 3.59896104 11.2871795 2.31812987 11.2871795 1.03771429 11.2871795 0 10.262359 0 8.99835897 0 7.73394872 1.03771429 6.70912821 2.31812987 6.70912821 3.59896104 6.70912821 4.63709091 7.73394872 4.63709091 8.99835897M11.4290701 5.64299487C11.4290701 6.90781538 10.3905247 7.93222564 9.11094026 7.93222564 7.83052468 7.93222564 6.79197922 6.90781538 6.79197922 5.64299487 6.79197922 4.37899487 7.83052468 3.35458462 9.11094026 3.35458462 10.3905247 3.35458462 11.4290701 4.37899487 11.4290701 5.64299487M11.4290701 12.3529026C11.4290701 13.6173128 10.3905247 14.6417231 9.11094026 14.6417231 7.83052468 14.6417231 6.79197922 13.6173128 6.79197922 12.3529026 6.79197922 11.0889026 7.83052468 10.0640821 9.11094026 10.0640821 10.3905247 10.0640821 11.4290701 11.0889026 11.4290701 12.3529026M25.0159377 5.64299487C25.0159377 6.90781538 23.9778078 7.93222564 22.6973922 7.93222564 21.4173922 7.93222564 20.3792623 6.90781538 20.3792623 5.64299487 20.3792623 4.37899487 21.4173922 3.35458462 22.6973922 3.35458462 23.9778078 3.35458462 25.0159377 4.37899487 25.0159377 5.64299487M25.0159377 12.3529026C25.0159377 13.6173128 23.9778078 14.6417231 22.6973922 14.6417231 21.4173922 14.6417231 20.3792623 13.6173128 20.3792623 12.3529026 20.3792623 11.0889026 21.4173922 10.0640821 22.6973922 10.0640821 23.9778078 10.0640821 25.0159377 11.0889026 25.0159377 12.3529026"/>
+  </g>
+</svg>
diff --git a/_src/_assets/styles/_9984.scss b/_src/_assets/styles/_9984.scss
index 207d32f..f851d2e 100644
--- a/_src/_assets/styles/_9984.scss
+++ b/_src/_assets/styles/_9984.scss
@@ -17,17 +17,18 @@ $font-family-silkscreen:    silkscreennormal, monospace !default;
 
 
 .banner--ninenine {
-    text-align: center;
+    display: block;
     background: $brand-9984-03;
     font-family: $font-family-silkscreen;
     font-weight: $font-weight-normal;
     font-style: normal;
-    padding-top: $spacer;
-    padding-bottom: $spacer;
+    padding-top: $spacer / 2;
+    padding-bottom: $spacer / 2;
+    box-shadow: none;
 
     @media ($screen-sm) {
-        padding-top: $spacer / 2;
-        padding-bottom: $spacer / 2;
+        padding-top: $spacer / 3;
+        padding-bottom: $spacer / 3;
     }
 
     &,
@@ -56,7 +57,7 @@ $font-family-silkscreen:    silkscreennormal, monospace !default;
 
 .ninenine__title,
 .ninenine__meta {
-    font-size: .8rem;
+    font-size: .7rem;
     line-height: $line-height;
     margin: 0;
     color: $brand-9984-04;
@@ -71,14 +72,13 @@ $font-family-silkscreen:    silkscreennormal, monospace !default;
     box-shadow: none;
     color: $brand-9984-04;
     background: $brand-9984-01;
-    padding: $spacer / 5 $spacer / 4;
+    padding: 0 $spacer / 4;
     display: block;
-    margin-top: $spacer / 2;
+    margin-top: $spacer / 6;
+    font-size: .65rem;
 
     @media ($screen-sm) {
-        display: inline;
-        margin-top: 0;
-        margin-left: $spacer / 2;
+        display: inline-block;
     }
 }
 
diff --git a/_src/_assets/styles/_oceanprotocol.scss b/_src/_assets/styles/_oceanprotocol.scss
new file mode 100644
index 0000000..3a81837
--- /dev/null
+++ b/_src/_assets/styles/_oceanprotocol.scss
@@ -0,0 +1,44 @@
+.banner--ocean {
+    display: block;
+    box-shadow: none;
+    height: 100%;
+    background: #000;
+    padding-top: $spacer / 2;
+    padding-bottom: $spacer / 2;
+
+    &:hover,
+    &:focus {
+        background: #fff;
+
+        .ocean__title {
+            opacity: 1;
+            color: #000;
+        }
+
+        .ocean__logo {
+            fill: #000;
+        }
+    }
+
+    .row {
+        display: flex;
+        align-items: center;
+        height: 100%;
+    }
+}
+
+.ocean__title {
+    font-size: .8rem;
+    margin: 0;
+    opacity: .8;
+    color: #fff;
+}
+
+.ocean__logo {
+    fill: #fff;
+    width: 1.2rem;
+    height: 1.2rem;
+    margin-right: $spacer / 4;
+    margin-bottom: -.4rem;
+    display: inline-block;
+}
diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss
index 9cbe776..221f2a6 100644
--- a/_src/_assets/styles/bigchain.scss
+++ b/_src/_assets/styles/bigchain.scss
@@ -64,3 +64,4 @@
 @import 'page-faq';
 @import 'ipdb';
 @import '9984';
+@import 'oceanprotocol';
diff --git a/_src/_includes/9984.html b/_src/_includes/9984.html
deleted file mode 100644
index 32fe426..0000000
--- a/_src/_includes/9984.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<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>
diff --git a/_src/_includes/banner.html b/_src/_includes/banner.html
new file mode 100644
index 0000000..3799013
--- /dev/null
+++ b/_src/_includes/banner.html
@@ -0,0 +1,26 @@
+<aside class="banner">
+
+    <div class="grid grid--full grid-small--half">
+        <div class="grid__col">
+            <a class="banner--ocean ocean" href="https://oceanprotocol.com/?utm_source=bigchaindb.com&utm_medium=banner&utm_campaign=ocean_banner">
+                <div class="row row--wide">
+                    <h1 class="ocean__title">
+                        <svg class="ocean__logo">
+                            <use xlink:href="/assets/img/sprite.svg#logo-oceanprotocol"></use>
+                        </svg>
+                        Meet Ocean. A Decentralized Data Exchange Protocol</h1>
+                </div>
+            </a>
+        </div>
+
+        <div class="grid__col">
+            <a class="banner--ninenine ninenine" 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 <em class="divider--9984slashes">//</em> October 5 - 6, 2017 <em class="divider--9984slashes">//</em> Berlin, Germany</h1>
+                    <h2 class="ninenine__meta"><span class="ninenine__action">Get your ticket now</span></h2>
+                </div>
+            </a>
+        </div>
+    </div>
+
+</aside>
diff --git a/_src/_layouts/base.html b/_src/_layouts/base.html
index 5bea083..ad5e369 100644
--- a/_src/_layouts/base.html
+++ b/_src/_layouts/base.html
@@ -13,7 +13,7 @@
         </div>
         <![endif]-->
 
-        {% include 9984.html %}
+        {% include banner.html %}
 
         {{ content }}