quick front page reorganisation

* move sections around
* add CTA to intro
* remove redundant Features CTA section
* give Blog section title/description
* IPDB banner on every page of the site
* decouple content & code in intro section
This commit is contained in:
Matthias Kretschmann 2017-06-24 13:33:46 +02:00
parent ebe0336437
commit dbe88db64d
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 41 additions and 31 deletions

View File

@ -5,7 +5,8 @@
//
.page-front {
.section--partners {
.section--partners,
.section-testimonials {
@extend .background--darker;
}
}
@ -14,6 +15,11 @@
.section-header {
margin-bottom: $spacer * 2;
}
p:last-child {
margin-top: $spacer * 4;
margin-bottom: 0;
}
}
.section-intro__main {
@ -37,9 +43,6 @@
margin: auto;
margin-bottom: $spacer;
}
}
.section-quickstart__title {
@extend .h3;
margin-top: 0;
}

View File

@ -1,3 +1,5 @@
{% include ipdb.html %}
<footer class="footer section" role="contentinfo">
<div class="row row--wide">

View File

@ -1,6 +1,11 @@
<section class="section section--blog ">
<div class="row row--wide">
<header class="section-header">
<h1 class="section-title">The BigchainDB Blog</h1>
<p class="section-description">Updates, stories and ideas from the people behind BigchainDB.</p>
</header>
<div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
{% for article in site.articles | limit: 6 %}
<div class="grid__col">

View File

@ -10,6 +10,20 @@ js: page-front.min.js
redirect_from:
- /partners/
intro:
title: "This is BigchainDB"
description: "With high throughput, sub-second latency and powerful functionality to automate business processes, BigchainDB looks, acts and feels like a database with added blockchain characteristics."
keyfeatures:
- title: "Decentralization"
icon: "icon-nodes"
- title: "Immutability"
icon: "icon-castle"
- title: "Native Assets"
icon: "icon-diamond"
text: "BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database, supporting a wide range of industries and use cases."
button: "All Features"
---
{% include hero.html %}
@ -17,48 +31,34 @@ redirect_from:
<section id="features" class="section section-intro">
<div class="row">
<header class="section-header">
<h1 class="section-title">This is BigchainDB</h1>
<p class="section-description lead">
With high throughput, sub-second latency and powerful functionality to automate business processes, BigchainDB looks, acts and feels like a database with added blockchain characteristics.
</p>
<h1 class="section-title">{{ page.intro.title }}</h1>
<p class="section-description lead">{{ page.intro.description }}</p>
</header>
<div class="section-intro__main grid grid--full grid-small--fit grid--gutters">
{% for feature in page.intro.keyfeatures %}
<div class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-nodes"></use>
<use xlink:href="/assets/img/sprite.svg#{{ feature.icon }}"></use>
</svg>
<h3>Decentralization</h3>
</div>
<div class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-castle"></use>
</svg>
<h3>Immutability</h3>
</div>
<div class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-diamond"></use>
</svg>
<h3>Native Assets</h3>
<h3>{{ feature.title }}</h3>
</div>
{% endfor %}
</div>
<p class="large text-center">
BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database, supporting a wide range of industries and use cases.
<p class="large text-center">{{ page.intro.text }}</p>
<p class="text-center">
<a class="btn btn-primary" href="/features/">{{ page.intro.button }}</a>
</p>
</div>
</section>
{% include sections/section-partners.html %}
{% include sections/section-testimonials.html %}
{% include sections/section-cta-enterprise.html %}
{% include sections/section-testimonials.html %}
{% include sections/section-cta-features.html %}
{% include sections/section-partners.html %}
{% include sections/section-blog.html %}
{% include ipdb.html %}