1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 09:46:57 +01:00

Merge pull request #182 from ascribe/feature/oceanbanner

remove 9984 banner, tweak Ocean Protocol banner
This commit is contained in:
Matthias Kretschmann 2017-10-11 17:43:47 +02:00 committed by GitHub
commit 9ac0ccd653
3 changed files with 21 additions and 36 deletions

View File

@ -1,40 +1,38 @@
.banner--ocean { .oceanprotocol {
display: block; display: block;
box-shadow: none; box-shadow: none;
height: 100%; height: 100%;
background: #000; background: #141414;
padding-top: $spacer / 2; padding-top: $spacer / 1.5;
padding-bottom: $spacer / 2; padding-bottom: $spacer / 1.5;
&:hover, &:hover,
&:focus { &:focus {
background: #fff; background: lighten(#141414, 5%);
.ocean__title { .oceanprotocol__title {
opacity: 1; opacity: 1;
color: #000;
}
.ocean__logo {
fill: #000;
} }
} }
.row { .row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
height: 100%; height: 100%;
} }
} }
.ocean__title { h1.oceanprotocol__title {
font-size: .8rem; font-size: .85rem;
margin: 0; margin: 0;
opacity: .8; opacity: .7;
color: #fff; color: #fff;
font-weight: $font-weight-bold;
transition: .2s ease-out;
} }
.ocean__logo { .oceanprotocol__logo {
fill: #fff; fill: #fff;
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;

View File

@ -63,5 +63,4 @@
@import 'page-enterprise'; @import 'page-enterprise';
@import 'page-faq'; @import 'page-faq';
@import 'ipdb'; @import 'ipdb';
@import '9984';
@import 'oceanprotocol'; @import 'oceanprotocol';

View File

@ -1,25 +1,13 @@
<aside class="banner"> <aside class="banner">
<div class="grid grid--full grid-small--half"> <a class="banner--oceanprotocol oceanprotocol" href="https://oceanprotocol.com/?utm_source=bigchaindb.com&utm_medium=banner&utm_campaign=ocean_banner">
<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"> <div class="row row--wide">
<h1 class="ocean__title"> <h1 class="oceanprotocol__title">
<svg class="ocean__logo"> <svg class="oceanprotocol__logo">
<use xlink:href="/assets/img/sprite.svg#logo-oceanprotocol"></use> <use xlink:href="/assets/img/sprite.svg#logo-oceanprotocol"></use>
</svg> </svg>
Meet Ocean. A Decentralized Data Exchange Protocol</h1> Meet Ocean. A Decentralized Data Exchange Protocol</h1>
</div> </div>
</a> </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 <br /><em class="divider--9984slashes">//</em> Berlin, Germany</h1>
</div>
</a>
</div>
</div>
</aside> </aside>