1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00

bring in current content state

This commit is contained in:
Matthias Kretschmann 2017-04-12 16:36:57 +02:00
parent 26d547ae02
commit 8b59c0899c
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
6 changed files with 146 additions and 21 deletions

View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19">
<g fill="none" fill-rule="evenodd" transform="translate(-1 -5)">
<g transform="translate(1 6)">
<path d="M4.734,7.5 L12.067,7.5 C13.682,7.5 15.138,6.529 15.759,5.038 L17.234,1.5 L18.234,3.941 C20.637,5.457 21.234,5.467 21.234,7.187 C21.234,7.912 20.647,8.499 19.922,8.499 L18.734,8.499 L17.234,11.499 L15.923,16.741 C15.812,17.186 15.411,17.499 14.952,17.499 C14.534,17.499 14.196,17.156 14.199,16.741 C14.223,13.369 13.973,12.499 9.733,12.499 C4.07,12.499 3.546,14.408 1.991,17.011 C1.447,17.922 0.22,17.433 0.545,16.628 C1.191,15.031 2.577,11.571 3.467,9.089 C1.952,8.342 1.234,7 1.234,5 C1.234,0.172 6.437,-1.778 7.065,1.982 C7.225,2.948 5.868,3.401 5.597,2.587 C4.766,0.102 1.323,5.453 4.734,7.5 Z" />
<path stroke="currentColor" d="M8.234 12.621L8.633 16.873C8.693 17.514 7.805 17.75 7.539 17.163L5.667 13.05M16.416 14.772L17.937 17.054C18.507 17.909 19.637 17.413 19.311 16.67 19.104 16.198 18.816 15.455 17.234 11.499" />
<path stroke="currentColor" d="M18.5,6 C18.224,6 18,6.224 18,6.5 C18,6.776 18.224,7 18.5,7 C18.776,7 19,6.776 19,6.5 C19,6.224 18.776,6 18.5,6 L18.5,6 Z"/>
</g>
<rect width="24" height="24"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,3 +1,5 @@
//=include bigchain/smoothscroll.js
jQuery(function($) {
});

View File

@ -32,6 +32,34 @@
max-width: 66%;
}
}
.btn {
@extend .btn-secondary;
min-width: 240px;
&:first-of-type {
@extend .btn-primary;
margin-right: $spacer;
}
}
}
.section--enterpriseintro {
.section-description {
}
.feature {
display: block;
}
.feature__icon {
margin-top: 0;
margin-bottom: $spacer / 3;
width: 2rem;
height: 2rem;
stroke-width: 1px;
}
}
.form--enterprise {

View File

@ -32,6 +32,10 @@
margin-left: auto;
margin-right: auto;
}
.text-left & {
text-align: left;
}
}
.section-title {
@ -48,6 +52,12 @@
margin: ($spacer * 2) auto 0;
background: $gray-light;
}
.text-left & {
&:after {
margin-left: 0;
}
}
}
.section-description {

View File

@ -39,6 +39,16 @@ $menu-height-md: 66px;
}
}
// intro animation
.section-title,
.section-description,
.hero__action {
.wf-active &,
.wf-inactive & {
@extend .animation-slide-in-from-bottom;
animation-fill-mode: backwards;
}
}
//
// intro animation

View File

@ -4,6 +4,31 @@ layout: base
title: Enterprise
js: page-enterprise.min.js
hero:
title: "Bring the best of blockchain to your enterprise with BigchainDB."
description: "From ideation to production, BigchainDB has the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow."
cta:
- name: Get in touch
link: "#contact"
scroll: true
- name: Download one-pager
link: ""
intro:
title: "Blockchain technology that scales"
description: "Blockchain systems share a single source of truth for data and assets, backed by privacy and security guarantees. Yet traditional blockchains lack the scale and speed that most enterprises need. BigchainDB takes a different approach, one that starts with a big data distributed database and then adds blockchain characteristics. The result is linear scaling, high throughput and low latency. <br><br>No other decentralized blockchain database has the advantages of scale, queryability and performance in one package."
benefits:
- title: "Ensure Interoperability"
description: "Unlock and integrate data from existing legacy systems."
- title: "Reduce costs"
description: "Transparency reduces costs for recalls, liability, loss and fraud."
- title: "Create new business models"
description: "Build collaborative data-centric ecosystems that unleash latent value."
- title: "Automate Processes"
description: "Real-time data triggers business logic"
- title: "Share the Story"
description: "Trust and identity out-of-the-box with verifiable audit trails, provenance and tracking"
---
<header class="hero hero--enterprise">
@ -12,39 +37,79 @@ js: page-enterprise.min.js
<div class="hero__content row row--wide">
<hgroup>
<h1 class="section-title">Take your enterprise to the next level with blockchain technology that scales.</h1>
<p class="section-description">From ideation to production, BigchainDB has the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow.</p>
<a href="#" class="btn btn-primary">Get in touch</a> <a href="#" class="btn btn-secondary">Download one-pager</a>
<h1 class="section-title">{{ page.hero.title }}</h1>
<p class="section-description">{{ page.hero.description }}</p>
{% for cta in page.hero.cta %}
<a class="btn {% if cta.scroll %}scroll{% endif %}" href="{{ cta.link }}">{{ cta.name }}</a>
{% endfor %}
</hgroup>
</div>
</header>
<section class="section">
<div class="row row--wide">
<section class="section section--enterpriseintro">
<div class="row">
<header class="section-header">
<h1 class="section-title">Better than traditional databases in every way</h1>
<p class="section-description">Using BigchainDB in enterprises makes so much sense because this and that and this.</p>
<h1 class="section-title">{{ page.intro.title }}</h1>
<p class="section-description">{{ page.intro.description }}</p>
</header>
<div class="section-intro__main grid grid--full grid-small--half grid--gutters">
<div class="grid__col">
<h3>Speed up processes</h3>
<p>Unlock data from existing systems and share it.</p>
</div>
<div class="grid__col">
<h3>Reduce costs</h3>
<p>Transparency reduces costs for recalls, liability, loss and fraud.</p>
</div>
<div class="grid__col">
<h3>Create new business models</h3>
<p>Blockchains enable collaborative ecosystems that unleash latent value from shared data.</p>
</div>
<div class="grid grid--full grid-small--half grid--gutters">
{% for benefit in page.intro.benefits %}
<div class="grid__col">
<div class="feature">
<svg class="feature__icon icon">
<use xlink:href="/assets/img/sprite.svg#icon-cat"></use>
</svg>
<div class="feature__detail">
<h1 class="feature__title">{{ benefit.title }}</h1>
<p class="feature__text">{{ benefit.description }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="section section--enterprisecontact">
<section class="section section--enterprisepartners background--darker">
<div class="row">
<header class="section-header">
<h1 class="section-title">Proudly trusted by</h1>
<p class="section-description">La la la.</p>
</header>
</div>
<div class="row row--wide">
<article class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--justifycenter grid--gutters">
{% assign partners_sorted = (site.partners | sort: 'date') %}
{% for partner in partners_sorted %}
<div class="grid__col grid__col--1">
<a class="partner" href="{{ partner.link }}">
<svg class="partner__logo partner__logo--{{ partner.slug }}" aria-labelledby="title">
<title>{{ partner.title }}</title>
<use xlink:href="/assets/img/sprite.svg#logo-{{ partner.slug }}"></use>
</svg>
</a>
</div>
{% endfor %}
</article>
</div>
</div>
</section>
<section class="section section--enterprisecontact" id="contact">
<div class="row">
<header class="section-header">
<h1 class="section-title">Get in touch</h1>