banner updates

This commit is contained in:
Matthias Kretschmann 2018-10-01 15:25:04 +02:00
parent fbe210fb7e
commit 8199f4bb33
Signed by: m
GPG Key ID: 606EEEF3C479A91F
7 changed files with 24 additions and 22 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

@ -1,8 +1,8 @@
.oceanprotocol {
.banner {
display: block;
box-shadow: none;
height: 100%;
background: #141414;
background: $brand-01;
padding-top: $spacer / 2;
padding-bottom: $spacer / 2;
@ -10,12 +10,12 @@
&:focus {
background: #fff;
.oceanprotocol__title {
.banner__title {
opacity: 1;
color: #141414;
}
.oceanprotocol__logo {
.banner__logo {
fill: #141414;
}
}
@ -28,22 +28,21 @@
}
}
.oceanprotocol__title {
font-size: .65rem;
.banner__title {
font-size: .7rem;
margin: 0;
opacity: .8;
color: #fff;
@media ($screen-sm) {
font-size: .75rem;
font-size: $font-size-small;
}
}
.oceanprotocol__logo {
.banner__logo {
fill: #fff;
width: 1rem;
height: 1rem;
margin-right: $spacer / 4;
margin-bottom: -.3rem;
margin-bottom: -.2rem;
display: inline-block;
}

View File

@ -19,7 +19,7 @@
@import 'alerts';
@import 'cookiebanner';
@import 'syntax';
@import 'oceanprotocol';
@import 'banner';
.content--page--markdown {
padding-top: $spacer * 2;

View File

@ -14,7 +14,7 @@
- name: Joachim Lohkamp
position: Member-at-Large
position: President
bio: |
Joachim Lohkamp is an entrepreneur and tech-enthusiast with a heart for activism. As the founder of Jolocom, he has been working at the forefront of the decentralization movement in Berlin since 2014. With Jolocom, he is providing the identity solution that will enable real world use cases in smart contract based business models.

9
_src/_includes/banner.html Executable file
View File

@ -0,0 +1,9 @@
<a class="banner" href="https://www.meetup.com/blockchain-and-identity/">
<div class="row row--wide">
<h1 class="banner__title">
<svg class="banner__logo">
<use xlink:href="/assets/img/sprite.svg#icon-meetup"></use>
</svg>
Join us at our next IPDB meetup for the test net launch!</h1>
</div>
</a>

View File

@ -1,9 +0,0 @@
<a class="banner--ocean oceanprotocol" href="https://oceanprotocol.com/?utm_source=ipdb.io&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>
</a>

View File

@ -12,7 +12,7 @@ redirect_from:
{% assign content = site.data.content-front %}
{% include oceanprotocol.html %}
{% include banner.html %}
<header class="hero section">