mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 02:16:10 +01:00
new copy, make everything RC ready
This commit is contained in:
parent
9d1adf150a
commit
ca6f515e8c
GPG Key ID:
BD3C1F3EDD7831FC
6
_src/_assets/images/icon-wrench.svg
Normal file
6
_src/_assets/images/icon-wrench.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25">
|
||||
<g>
|
||||
<path d="M21.277 11.908C23.322 9.862 23.717 6.785 22.467 4.343L19.156 7.5 16.5 7.5 16.5 5 19.722 1.524C17.28.275 14.171.67 12.126 2.714 10.082 4.758 9.666 7.825 10.916 10.268L1.089 20.087C.308 20.867.302 22.133 1.084 22.914 1.865 23.696 3.128 23.696 3.909 22.914L13.725 13.097C16.168 14.347 19.234 13.951 21.277 11.908zM16.5 7.5L21 12.313"/>
|
||||
<path stroke="currentColor" d="M12.5 9L14 7.5M13.75 10.25L15.25 8.75M15 11.5L16.5 10"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 542 B |
@ -4,27 +4,67 @@
|
||||
// bigchaindb.com
|
||||
//
|
||||
.page-enterprise {
|
||||
// Different Features unit layout
|
||||
.feature {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
width: 3rem;
|
||||
display: block;
|
||||
margin-top: $spacer * $line-height;
|
||||
}
|
||||
}
|
||||
|
||||
.feature__text {
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
.feature__icon {
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer / 3;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
margin-bottom: $spacer / 6;
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.hero--enterprise {
|
||||
&,
|
||||
.section-title,
|
||||
.section-description {
|
||||
text-align: left;
|
||||
.logo-enterprise {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
.logo,
|
||||
.logo-enterprise--text {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
.wf-active &,
|
||||
.wf-inactive & {
|
||||
animation-delay: .2s;
|
||||
}
|
||||
}
|
||||
|
||||
.section-description {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
.wf-active &,
|
||||
.wf-inactive & {
|
||||
animation-delay: .4s;
|
||||
}
|
||||
}
|
||||
|
||||
.hero__action {
|
||||
.wf-active &,
|
||||
.wf-inactive & {
|
||||
animation-delay: .6s;
|
||||
}
|
||||
}
|
||||
|
||||
.hero__content {
|
||||
@ -33,18 +73,17 @@
|
||||
}
|
||||
|
||||
@media ($screen-md) {
|
||||
height: auto;
|
||||
|
||||
.section-title,
|
||||
.section-description {
|
||||
max-width: 66%;
|
||||
margin-left: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
@extend .btn-secondary;
|
||||
min-width: 240px;
|
||||
min-width: 220px;
|
||||
|
||||
&:first-of-type {
|
||||
@extend .btn-primary;
|
||||
@ -54,9 +93,32 @@
|
||||
}
|
||||
|
||||
.section--enterpriseintro {
|
||||
.grid,
|
||||
.feature {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@extend .h3;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
// the bottom line
|
||||
&::after {
|
||||
background: rgba($gray-light, .4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section--enterprisetestimonial {
|
||||
.testimonial {
|
||||
@extend .large;
|
||||
margin: $spacer * 4 auto;
|
||||
margin: 0 auto;
|
||||
|
||||
@media ($screen-sm) {
|
||||
max-width: 66%;
|
||||
@ -64,22 +126,18 @@
|
||||
}
|
||||
|
||||
.testimonial__quote {
|
||||
&:before {
|
||||
&::before {
|
||||
margin-left: -1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
}
|
||||
|
||||
.section--enterprisesupport {
|
||||
.actions {
|
||||
@extend .text-center;
|
||||
margin-top: $spacer * 3;
|
||||
text-align: center;
|
||||
margin-top: $spacer * 2;
|
||||
padding-top: $spacer * 2;
|
||||
border-top: 1px solid rgba(0,0,0,.1);
|
||||
border-top: 1px solid darken($brand-main-green, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -88,4 +88,5 @@
|
||||
@import '_sections/section-cta-whitepaper';
|
||||
@import '_sections/section-cta-features';
|
||||
@import '_sections/section-cta-community';
|
||||
@import '_sections/section-cta-enterprise';
|
||||
@import '_sections/section-partners';
|
||||
|
||||
@ -0,0 +1,7 @@
|
||||
|
||||
.section-cta--enterprise {
|
||||
.logo-enterprise {
|
||||
margin-bottom: $spacer;
|
||||
transform: scale(.8);
|
||||
}
|
||||
}
|
||||
@ -36,7 +36,7 @@
|
||||
}
|
||||
|
||||
.row {
|
||||
max-width: calc(#{$screen-md-min} - #{$gutter-space * 2});
|
||||
max-width: calc(50em - #{$gutter-space * 2});
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: ($gutter-space / 2);
|
||||
|
||||
@ -57,7 +57,8 @@ $menu-height-md: 66px;
|
||||
//
|
||||
.hero .section-title,
|
||||
.hero .section-description,
|
||||
.hero__action {
|
||||
.hero__action,
|
||||
.logo-enterprise {
|
||||
.wf-active &,
|
||||
.wf-inactive & {
|
||||
@include animation-slide-in-from-bottom;
|
||||
|
||||
@ -27,6 +27,10 @@
|
||||
color: $brand-main-green;
|
||||
}
|
||||
|
||||
.logo--dark {
|
||||
fill: $brand-main-blue-dark;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// size modifiers
|
||||
@ -43,9 +47,28 @@
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// color modifiers
|
||||
//
|
||||
.logo--dark {
|
||||
fill: $brand-main-blue-dark;
|
||||
.logo-enterprise {
|
||||
.logo {
|
||||
@extend .logo--sm;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-enterprise--text {
|
||||
font-size: $font-size-h3 * 1.05;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
padding-left: $spacer;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: $spacer / 3;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: $brand-main-violet;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@ -25,28 +25,35 @@
|
||||
.background--green {
|
||||
background: $brand-main-green;
|
||||
|
||||
&,
|
||||
.section-title,
|
||||
.section-description,
|
||||
p {
|
||||
color: $brand-main-blue;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
&:after {
|
||||
&::after {
|
||||
background: darken($brand-main-green, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.feature__icon {
|
||||
stroke: $brand-main-blue;
|
||||
color: $brand-main-gray-lighter;
|
||||
color: $brand-main-violet;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
color: $brand-main-blue;
|
||||
|
||||
// the bottom line
|
||||
&::after {
|
||||
background: darken($brand-main-green, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.feature__text {
|
||||
color: $brand-main-gray-lighter;
|
||||
opacity: .75;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -79,7 +79,7 @@ $link-hover-bg: rgba($brand-primary, .8) !default;
|
||||
// Responsive breakpoints
|
||||
//
|
||||
$screen-sm-min: 40em !default;
|
||||
$screen-md-min: 50em !default;
|
||||
$screen-md-min: 58em !default;
|
||||
$screen-lg-min: 85em !default;
|
||||
|
||||
$screen-sm: 'min-width: #{$screen-sm-min}';
|
||||
|
||||
@ -4,10 +4,10 @@ main:
|
||||
url: "/features/"
|
||||
- title: Use Cases
|
||||
url: "/usecases/"
|
||||
- title: Enterprise
|
||||
url: "/enterprise/"
|
||||
- title: Community
|
||||
url: "/community/"
|
||||
- title: Enterprise
|
||||
url: "/enterprise/"
|
||||
- title: Docs
|
||||
url: https://docs.bigchaindb.com/
|
||||
|
||||
|
||||
@ -1,8 +1,17 @@
|
||||
<section class="section section-cta section-cta--enterprise background--green text-center">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Enterprise</h1>
|
||||
<p class="section-description">Get hands-on production support for your company.</p>
|
||||
|
||||
<div class="logo-enterprise">
|
||||
<svg class="logo logo--white" aria-labelledby="title">
|
||||
<title>Logo</title>
|
||||
<use xlink:href="/assets/img/sprite.svg#logo"></use>
|
||||
</svg>
|
||||
<span class="logo-enterprise--text">Enterprise</span>
|
||||
</div>
|
||||
|
||||
<h1 class="section-title">Hands-on production support</h1>
|
||||
<p class="section-description">From ideation to production, we have the team and technology to help you build enterprise-grade applications and platforms.</p>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-blue" href="/enterprise/">
|
||||
|
||||
@ -7,14 +7,12 @@ image: hero-enterprise.jpg
|
||||
js: page-enterprise.min.js
|
||||
|
||||
hero:
|
||||
title: "A fast blockchain database for data driven applications."
|
||||
title: "A fast blockchain database for data driven enterprise applications"
|
||||
description: "BigchainDB enables industry leaders to build performant & scalable enterprise applications, platforms, and networks."
|
||||
cta:
|
||||
- name: Get started now
|
||||
- name: Get in touch
|
||||
link: "#contact"
|
||||
scroll: true
|
||||
- name: Download one-pager
|
||||
link: ""
|
||||
|
||||
partners:
|
||||
title: "Trusted by leading global companies"
|
||||
@ -23,52 +21,39 @@ partners:
|
||||
intro:
|
||||
title: "Designed for data-centric, high-transaction use cases."
|
||||
description: "Whether you’re a system architect, a developer or a database specialist, BigchainDB offers the performance, scale and tooling to help you create the future."
|
||||
title2: "Decentralized, secure and immutable. At Scale."
|
||||
text: "Traditional blockchains lack the scale and speed that most enterprises require. 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, making data-centric and high volume use cases a breeze."
|
||||
text2: "BigchainDB puts data at the forefront, making it the only decentralized blockchain database. It combines the all-important advantages of scale, queryability and performance of traditional databases with the distributed, secure and immutable nature of blockchain technology into one package."
|
||||
quote:
|
||||
copy: "It takes me one day to build on BigchainDB what it took me 30 days to build on Bitcoin."
|
||||
name: Thomas Fürstner
|
||||
org: CEO Riddle & Code
|
||||
image: thomas-fuerstner.jpg
|
||||
text2: "Only BigchainDB combines the all-important advantages of scale, queryability and performance of traditional databases with the distributed, secure and immutable nature of blockchain technology into one package."
|
||||
features:
|
||||
- title: "Scale & performance"
|
||||
description: "Inherits the performance and scalability of the underlying database substrate. Customers can choose their preferred database substrate to minimize integration and interoperability barriers."
|
||||
icon: icon-scaling
|
||||
- title: "Asset issuance and transfer"
|
||||
description: "Create assets using the widely accepted JSON format while maintaining the ability to add metadata to each asset with each transaction."
|
||||
icon: icon-diamond
|
||||
- title: "Federation consensus model"
|
||||
description: "Efficient federation consensus mechanism allows for fast transaction confirmation within a trusted permissioned network."
|
||||
icon: icon-nodes
|
||||
- title: "Asset level permissioning & privacy"
|
||||
description: "Circuit inspired crypto-conditions allow business logic automation and value transfer. If/Then simple contracts can be triggered with multisig, time and hash locks."
|
||||
icon: icon-group
|
||||
- title: "Interoperability"
|
||||
description: "Interoperability with Ethereum, IPFS, Bitcoin and other protocols such as the Interledger Protocol (ILP), IPLD, COALA IP and COALA SC."
|
||||
- title: "Easy to build with"
|
||||
description: "Build applications that speak directly to BigchainDB using our set of drivers and APIs. A powerfully simple and quick way to prototype."
|
||||
icon: icon-wrench
|
||||
- title: "Interoperability by design"
|
||||
description: "Interoperability with Ethereum, IPFS, Bitcoin and other protocols such as the Interledger Protocol (ILP), IPLD, COALA IP and COALA SC mean that enterprises can develop their applications knowing that their work is future-proofed."
|
||||
icon: icon-plug
|
||||
- title: "Queryability & indexing"
|
||||
description: "Leverage efficient big data query capabilities out of the box to search and retrieve transactions and metadata."
|
||||
icon: icon-search
|
||||
- title: "Monitoring"
|
||||
description: "Monitoring tools for nodes, caretakers and permissioned networks, to allow each stakeholder to gain transparency."
|
||||
icon: icon-monitoring
|
||||
- title: "Easy Integration"
|
||||
description: "Build serverless applications with JavaScript that speak directly to BigchainDB, a powerfully simple and quick way to prototype."
|
||||
icon: icon-monitoring
|
||||
|
||||
testimonial:
|
||||
copy: "It takes me one day to build on BigchainDB what it took me 30 days to build on Bitcoin."
|
||||
name: Thomas Fürstner
|
||||
org: CEO Riddle & Code
|
||||
image: thomas-fuerstner.jpg
|
||||
|
||||
support:
|
||||
title: "Hands-on production support by the best"
|
||||
description: "From ideation to production, we have the team and technology to deploy enterprise-grade applications and platforms for businesses looking to build the tools of tomorrow."
|
||||
title: "Hands-on production support"
|
||||
description: "From ideation to production, we have the team and technology to help you build enterprise-grade applications and platforms."
|
||||
features:
|
||||
- title: "Ideation"
|
||||
description: "Have some ideas but don’t know where to start? We run a 1-day workshop to help you better understand blockchain technologies and let you drill-down into the right use cases that bring the biggest benefit."
|
||||
icon: icon-education
|
||||
- title: "Use case development"
|
||||
description: "You have a specific idea for a blockchain application? We help you build a detailed business and technical architecture that lets you move forward with confidence."
|
||||
icon: icon-blueprint
|
||||
- title: "Application engineering"
|
||||
description: "The idea is clear. Now you need help to build a prototype to show your superiors. We can work to your needs, budget and timeline to get a demo into your hands that will impress."
|
||||
icon: icon-engineering
|
||||
|
||||
contact:
|
||||
title: "Get started now"
|
||||
title: "Get in touch"
|
||||
description: "Ready to start building with BigchainDB? Enter your details below and we'll be in touch right away."
|
||||
|
||||
interests:
|
||||
@ -102,6 +87,12 @@ contact:
|
||||
|
||||
<div class="hero__content row row--wide">
|
||||
<hgroup>
|
||||
<div class="logo-enterprise">
|
||||
<svg class="logo logo--white">
|
||||
<use xlink:href="/assets/img/sprite.svg#logo"></use>
|
||||
</svg>
|
||||
<span class="logo-enterprise--text">Enterprise</span>
|
||||
</div>
|
||||
<h1 class="section-title">{{ page.hero.title }}</h1>
|
||||
<p class="section-description">{{ page.hero.description }}</p>
|
||||
|
||||
@ -121,19 +112,11 @@ contact:
|
||||
<h1 class="section-title">{{ page.intro.title }}</h1>
|
||||
<p class="section-description">{{ page.intro.description }}</p>
|
||||
|
||||
<figure class="testimonial">
|
||||
<blockquote class="testimonial__quote">{{ page.intro.quote.copy }}</blockquote>
|
||||
|
||||
<figcaption class="testimonial__caption">
|
||||
<img class="testimonial__avatar" src="/assets/img/{{ page.intro.quote.image }}">
|
||||
<cite class="testimonial__cite">
|
||||
<span class="testimonial__name">{{ page.intro.quote.name }}</span>
|
||||
<span class="testimonial__org">{{ page.intro.quote.org }}</span>
|
||||
</cite>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h2>{{ page.intro.title2 }}</h2>
|
||||
|
||||
<p>{{ page.intro.text }}</p>
|
||||
|
||||
<p>{{ page.intro.text2 }}</p>
|
||||
</header>
|
||||
|
||||
<div class="grid grid--full grid-small--half grid--gutters">
|
||||
@ -152,19 +135,37 @@ contact:
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<p class="large text-center">{{ page.intro.text2 }}</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--enterprisetestimonial background--blue">
|
||||
<div class="row">
|
||||
<figure class="testimonial">
|
||||
<blockquote class="testimonial__quote">{{ page.testimonial.copy }}</blockquote>
|
||||
|
||||
<figcaption class="testimonial__caption">
|
||||
<img class="testimonial__avatar" src="/assets/img/{{ page.testimonial.image }}">
|
||||
<cite class="testimonial__cite">
|
||||
<span class="testimonial__name">{{ page.testimonial.name }}</span>
|
||||
<span class="testimonial__org">{{ page.testimonial.org }}</span>
|
||||
</cite>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--enterprisesupport background--green">
|
||||
<div class="row">
|
||||
|
||||
<header class="section-header text-left">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">{{ page.support.title }}</h1>
|
||||
<p class="section-description">{{ page.support.description }}</p>
|
||||
</header>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row row--wide">
|
||||
|
||||
<div class="grid grid--full grid-small--third grid--gutters">
|
||||
{% for feature in page.support.features %}
|
||||
<div class="grid__col">
|
||||
@ -182,7 +183,7 @@ contact:
|
||||
</div>
|
||||
|
||||
<div class="actions">
|
||||
<a class="btn btn-blue" href="#contact">Get started now</a>
|
||||
<a class="btn btn-blue" href="#contact">Get in touch</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user