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

add Ocean banner

This commit is contained in:
Matthias Kretschmann 2017-09-27 18:49:52 +02:00
parent 5aef5c91a4
commit 8edeb5366c
Signed by: m
GPG Key ID: 606EEEF3C479A91F
7 changed files with 88 additions and 21 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.8 KiB

View File

@ -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;
}
}

View File

@ -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;
}

View File

@ -64,3 +64,4 @@
@import 'page-faq';
@import 'ipdb';
@import '9984';
@import 'oceanprotocol';

View File

@ -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>

View File

@ -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>

View File

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