From ca6f515e8c3255b66482e5b71faa62e852e96acd Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Thu, 18 May 2017 19:33:14 +0200 Subject: [PATCH] new copy, make everything RC ready --- _src/_assets/images/icon-wrench.svg | 6 ++ _src/_assets/styles/_page-enterprise.scss | 98 +++++++++++++---- _src/_assets/styles/_sections.scss | 1 + .../_sections/_section-cta-enterprise.scss | 7 ++ _src/_assets/styles/bigchain/_grid.scss | 2 +- _src/_assets/styles/bigchain/_hero.scss | 3 +- _src/_assets/styles/bigchain/_logo.scss | 33 +++++- .../styles/bigchain/_mixins/_backgrounds.scss | 13 ++- _src/_assets/styles/bigchain/_variables.scss | 2 +- _src/_data/menus.yml | 4 +- .../sections/section-cta-enterprise.html | 13 ++- _src/enterprise.html | 101 +++++++++--------- 12 files changed, 198 insertions(+), 85 deletions(-) create mode 100644 _src/_assets/images/icon-wrench.svg create mode 100644 _src/_assets/styles/_sections/_section-cta-enterprise.scss diff --git a/_src/_assets/images/icon-wrench.svg b/_src/_assets/images/icon-wrench.svg new file mode 100644 index 0000000..41519d4 --- /dev/null +++ b/_src/_assets/images/icon-wrench.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/_src/_assets/styles/_page-enterprise.scss b/_src/_assets/styles/_page-enterprise.scss index d57543c..fe54389 100644 --- a/_src/_assets/styles/_page-enterprise.scss +++ b/_src/_assets/styles/_page-enterprise.scss @@ -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%); } } diff --git a/_src/_assets/styles/_sections.scss b/_src/_assets/styles/_sections.scss index cdbf0ee..2303ed6 100644 --- a/_src/_assets/styles/_sections.scss +++ b/_src/_assets/styles/_sections.scss @@ -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'; diff --git a/_src/_assets/styles/_sections/_section-cta-enterprise.scss b/_src/_assets/styles/_sections/_section-cta-enterprise.scss new file mode 100644 index 0000000..a0541c4 --- /dev/null +++ b/_src/_assets/styles/_sections/_section-cta-enterprise.scss @@ -0,0 +1,7 @@ + +.section-cta--enterprise { + .logo-enterprise { + margin-bottom: $spacer; + transform: scale(.8); + } +} diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss index 14d0325..3390438 100644 --- a/_src/_assets/styles/bigchain/_grid.scss +++ b/_src/_assets/styles/bigchain/_grid.scss @@ -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); diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss index 11e1b1f..c5f4e6c 100644 --- a/_src/_assets/styles/bigchain/_hero.scss +++ b/_src/_assets/styles/bigchain/_hero.scss @@ -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; diff --git a/_src/_assets/styles/bigchain/_logo.scss b/_src/_assets/styles/bigchain/_logo.scss index f22d41f..b2d1584 100644 --- a/_src/_assets/styles/bigchain/_logo.scss +++ b/_src/_assets/styles/bigchain/_logo.scss @@ -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; + } } diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss index 7ca90d5..600ecea 100644 --- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss +++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss @@ -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; } } diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss index 886cf6b..1bb011f 100644 --- a/_src/_assets/styles/bigchain/_variables.scss +++ b/_src/_assets/styles/bigchain/_variables.scss @@ -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}'; diff --git a/_src/_data/menus.yml b/_src/_data/menus.yml index f2b809d..57d2e31 100644 --- a/_src/_data/menus.yml +++ b/_src/_data/menus.yml @@ -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/ diff --git a/_src/_includes/sections/section-cta-enterprise.html b/_src/_includes/sections/section-cta-enterprise.html index 379305e..2e22bd6 100644 --- a/_src/_includes/sections/section-cta-enterprise.html +++ b/_src/_includes/sections/section-cta-enterprise.html @@ -1,8 +1,17 @@
-

Enterprise

-

Get hands-on production support for your company.

+ +
+ + Enterprise +
+ +

Hands-on production support

+

From ideation to production, we have the team and technology to help you build enterprise-grade applications and platforms.

diff --git a/_src/enterprise.html b/_src/enterprise.html index aa9d773..87f4868 100644 --- a/_src/enterprise.html +++ b/_src/enterprise.html @@ -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:
+
+ + Enterprise +

{{ page.hero.title }}

{{ page.hero.description }}

@@ -121,19 +112,11 @@ contact:

{{ page.intro.title }}

{{ page.intro.description }}

-
-
{{ page.intro.quote.copy }}
- -
- - - {{ page.intro.quote.name }} - {{ page.intro.quote.org }} - -
-
+

{{ page.intro.title2 }}

{{ page.intro.text }}

+ +

{{ page.intro.text2 }}

@@ -152,19 +135,37 @@ contact: {% endfor %}
-

{{ page.intro.text2 }}

+
+
+
+
+
+
{{ page.testimonial.copy }}
+ +
+ + + {{ page.testimonial.name }} + {{ page.testimonial.org }} + +
+
-
+

{{ page.support.title }}

{{ page.support.description }}

+
+ +
+
{% for feature in page.support.features %}
@@ -182,7 +183,7 @@ contact:
- Get started now + Get in touch