new guides hero

This commit is contained in:
Matthias Kretschmann 2017-11-23 12:28:46 +01:00
parent 6ed5eef6cc
commit 4a1e714a09
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 166 additions and 2 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 45 KiB

View File

@ -1,3 +1,25 @@
.header--guides {
background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom;
background-size: contain;
padding-bottom: 17%;
&:before {
display: none;
}
> .row {
@extend .row--wide;
}
.header__tagline {
@media ($screen-sm) {
max-width: 40rem;
margin-left: auto;
margin-right: auto;
}
}
}
.content--guide {
.content--page--markdown {
padding-top: $spacer * 4;
@ -66,6 +88,7 @@
@include color-overlay;
background-size: cover;
background-position: center;
background-image: url('../img/hero-berlin.jpg');
display: block;
box-shadow: none;
background-color: $brand-main-blue-dark;

View File

@ -1,4 +1,4 @@
<header role="banner" class="header"
<header role="banner" class="header header--{{ page.url | replace: '/','' }}"
{% if page.header %}
{% if page.path contains '_guides' %}
style="background-image:url('../{{ page.header }}')"

View File

@ -1,7 +1,7 @@
---
layout: page
title: Guides
title: The Hitchhiker Guides to BigchainDB
tagline: "These guides explain you how to get started and build apps with BigchainDB/IPDB"
---