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

View File

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

View File

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