1
0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +01:00

space saving header tweaks, output tagline

This commit is contained in:
Matthias Kretschmann 2017-06-29 15:05:18 +02:00
parent ae150891b2
commit 733b36a45f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 20 additions and 6 deletions

View File

@ -9,6 +9,7 @@
font-size: $font-size-h3; font-size: $font-size-h3;
margin-top: -($spacer * 2); margin-top: -($spacer * 2);
margin-bottom: $spacer * 3; margin-bottom: $spacer * 3;
text-align: left;
&:after { &:after {
display: none; display: none;
@ -160,6 +161,7 @@
margin-top: -($spacer * 2); margin-top: -($spacer * 2);
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
opacity: .7;
// horizon layer // horizon layer
&:before { &:before {

View File

@ -2,8 +2,14 @@
@extend .background--photo; @extend .background--photo;
} }
.header__content {
padding: ($spacer * 4) 0;
text-align: center;
}
// intro animation // intro animation
.header__title, .header__title,
.header__tagline,
.header__description, .header__description,
.header__logo, .header__logo,
.header__label { .header__label {
@ -30,10 +36,15 @@
} }
} }
.header__title { .header__title,
.header__tagline {
position: relative; position: relative;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
margin: 0; margin: 0;
padding: ($spacer * 5) 0; }
.header__tagline {
font-size: $font-size-h3;
color: #fff;
} }

View File

@ -7,13 +7,13 @@ layout: base
{% include menu-main.html %} {% include menu-main.html %}
<div class="row"> <div class="row">
<h1 class="header__title"> <div class="header__content">
{% if page.tagline %} {% if page.tagline %}
{{ page.tagline }} <h1 class="header__tagline">{{ page.tagline }}
{% else %} {% else %}
{{ page.title }} <h1 class="header__title">{{ page.title }}</h1>
{% endif %} {% endif %}
</h1> </div>
</div> </div>
</header> </header>

View File

@ -3,6 +3,7 @@ layout: page
title: Get started title: Get started
description: "Explore drivers, tools &amp; documentation to get started with IPDB &amp; BigchainDB" description: "Explore drivers, tools &amp; documentation to get started with IPDB &amp; BigchainDB"
tagline: "Explore drivers, tools &amp; documentation"
js: page-getstarted.min.js js: page-getstarted.min.js