`)
+.dropdown {
+ position: relative;
+ display: inline-block;
+}
+
+.dropdown-toggle {
+ box-shadow: none;
+ cursor: default;
+
+ &:hover,
+ &:focus {
+ background: transparent;
+ }
+
+ &:after {
+ content: '';
+ display: inline-block;
+ width: 14px;
+ height: 10px;
+ background: url('../img/icon-caret.svg') no-repeat center center;
+ background-size: contain;
+ transition: .15s ease-out;
+ }
+
+ .dropdown.show &,
+ .dropdown--hover:hover & {
+ &:after {
+ transform: rotate(180deg);
+ }
+ }
+}
+
+// The dropdown menu
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 10;
+ display: block;
+ float: left;
+ min-width: 10rem;
+ padding: $spacer / 4 0;
+ margin: 0;
+ font-size: $font-size-base;
+ color: $body-bg;
+ text-align: left;
+ list-style: none;
+ border-radius: $border-radius;
+ box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
+ background: $gray-dark;
+ background-clip: padding-box;
+ border: 0;
+ max-height: 20rem;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+ transition: .2s $timing-bounce;
+ opacity: 0;
+ transform: scale(1, 0);
+ transform-origin: top;
+
+ @media (max-width: 27rem), (max-height: 27rem) {
+ max-height: 11.25rem;
+ }
+}
+
+// Links, buttons, and more within the dropdown menu
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: $spacer / 2 $spacer;
+ clear: both;
+ font-weight: $font-weight-normal;
+ color: $brand-main-gray-light;
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ }
+
+ &.active {
+ background: $brand-main-gray-light;
+ color: $gray-dark;
+ text-decoration: none;
+ }
+
+ &[rel='external']:after {
+ margin-left: 0;
+ }
+}
+
+.dropdown-menu.show,
+.dropdown--hover:hover > .dropdown-menu {
+ transform: scale(1, 1);
+ opacity: 1;
+}
+
+.dropdown--hover > .dropdown-toggle:active {
+ // Without this, clicking will make it sticky
+ pointer-events: none;
+}
diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss
index c21b32d..1e3f55f 100644
--- a/_src/_assets/styles/bigchain/_grid.scss
+++ b/_src/_assets/styles/bigchain/_grid.scss
@@ -104,26 +104,50 @@
}
}
+@mixin grid-gutters-small() {
+ margin: -($gutter-space / 3) 0 $gutter-space / 3 (-($gutter-space / 3));
+
+ > .grid__col {
+ padding: $gutter-space / 3 0 0 $gutter-space / 3;
+ }
+}
+
.grid--gutters {
@include grid-gutters();
}
+.grid--gutters--small {
+ @include grid-gutters-small();
+}
+
@media ($screen-sm) {
.grid-small--gutters {
@include grid-gutters();
}
+
+ .grid-small--gutters--small {
+ @include grid-gutters-small();
+ }
}
@media ($screen-md) {
.grid-medium--gutters {
@include grid-gutters();
}
+
+ .grid-medium--gutters--small {
+ @include grid-gutters-small();
+ }
}
@media ($screen-lg) {
.grid-large--gutters {
@include grid-gutters();
}
+
+ .grid-large--gutters--small {
+ @include grid-gutters-small();
+ }
}
diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss
index 98aceba..06f23db 100644
--- a/_src/_assets/styles/bigchain/_hero.scss
+++ b/_src/_assets/styles/bigchain/_hero.scss
@@ -4,7 +4,7 @@
// bigchaindb.com
//
-$menu-height-md: 66px;
+$menu-height-md: 90px;
.hero {
@include background--photo();
@@ -67,8 +67,7 @@ $menu-height-md: 66px;
//
.hero__title,
.hero__subtitle,
-.hero__action,
-.logo-enterprise {
+.hero__action {
.wf-active &,
.wf-inactive & {
@include animation-slide-in-from-bottom;
@@ -91,8 +90,7 @@ $menu-height-md: 66px;
}
.page-front .menu--main,
-.hero__community,
-.hero__more {
+.hero__community {
@include transition;
opacity: 0;
transition-delay: .8s;
@@ -174,6 +172,17 @@ $menu-height-md: 66px;
.release {
min-width: 44px;
+
+ &:after {
+ content: '';
+ display: inline-block;
+ width: .35rem;
+ height: .35rem;
+ border-radius: 50%;
+ background-color: saturate(adjust-hue($brand-main-green, -170%), 15%);
+ vertical-align: top;
+ margin-left: $spacer / 8;
+ }
}
.icon {
@@ -210,18 +219,20 @@ $menu-height-md: 66px;
.hero__more {
position: relative;
z-index: 2;
- color: rgba(#fff, .6);
+ color: #fff;
+ opacity: .6;
align-self: flex-end;
+ margin-left: auto;
+ margin-right: auto;
margin-bottom: $spacer;
- width: 100%;
display: none;
@media ($screen-md) {
- display: block;
+ display: inline-block;
}
&:hover,
- &:focus { color: #fff; }
+ &:focus { opacity: 1; }
// the caret
.icon {
diff --git a/_src/_assets/styles/bigchain/_icons.scss b/_src/_assets/styles/bigchain/_icons.scss
index 61971fb..e86e13b 100644
--- a/_src/_assets/styles/bigchain/_icons.scss
+++ b/_src/_assets/styles/bigchain/_icons.scss
@@ -34,3 +34,12 @@
fill: none;
stroke: $text-color;
}
+
+.icon--caret {
+ stroke-width: 2px;
+ stroke: currentColor;
+}
+
+.icon--external {
+ stroke: currentColor;
+}
diff --git a/_src/_assets/styles/bigchain/_logo.scss b/_src/_assets/styles/bigchain/_logo.scss
index 84ee3d9..84503bb 100644
--- a/_src/_assets/styles/bigchain/_logo.scss
+++ b/_src/_assets/styles/bigchain/_logo.scss
@@ -46,29 +46,6 @@
height: auto;
}
-
-.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;
- }
+.logo--services {
+ color: $brand-main-violet;
}
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index 4fd01e9..8f27b2a 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -5,6 +5,10 @@
width: 100%;
align-self: flex-start;
text-align: left;
+
+ .dropdown-menu {
+ position: absolute !important; // stylelint-disable-line declaration-no-important
+ }
}
.menu__link {
@@ -26,7 +30,7 @@
}
// link line
- &:after {
+ &:not(.dropdown-toggle):after {
content: '';
position: absolute;
height: 2px;
@@ -157,6 +161,7 @@
@media ($screen-md) {
padding-top: 0;
padding-bottom: 0;
+ text-align: right;
}
}
@@ -308,7 +313,7 @@
margin-right: $spacer;
&:after {
- background: darken($gray-dark, 10%);
+ display: none;
}
&.active {
@@ -370,10 +375,6 @@
background: $headings-color;
color: $gray;
}
-
- &:after {
- background: $headings-color;
- }
}
}
}
diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
index 56527be..8616297 100644
--- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
+++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
@@ -64,6 +64,26 @@
}
}
+.background--violet {
+ background: $brand-main-violet;
+
+ &,
+ .section-description,
+ p {
+ color: darken($brand-main-violet, 35%);
+ }
+
+ .feature__title,
+ .section-title {
+ color: darken($brand-main-violet, 50%);
+
+ // the bottom line
+ &:after {
+ background: $brand-main-blue-light;
+ }
+ }
+}
+
//
// Photo background
diff --git a/_src/_assets/styles/bigchain/_newsletter.scss b/_src/_assets/styles/bigchain/_newsletter.scss
index 806ae3b..214406b 100644
--- a/_src/_assets/styles/bigchain/_newsletter.scss
+++ b/_src/_assets/styles/bigchain/_newsletter.scss
@@ -31,7 +31,8 @@
}
.form-label,
- .form-control {
+ .form-control,
+ .form-control:focus ~ .form-label {
color: $gray-dark;
}
diff --git a/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss b/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
index 0ead5d3..44e378a 100644
--- a/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
+++ b/_src/_assets/styles/bigchain/_select2-bigchaindb/_multiple.scss
@@ -17,9 +17,7 @@
.select2-selection__placeholder {
color: #999;
-
margin-top: 5px;
-
float: left;
}
@@ -33,13 +31,10 @@
.select2-selection__choice {
background-color: #e4e4e4;
-
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
-
float: left;
-
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
@@ -48,10 +43,8 @@
.select2-selection__choice__remove {
color: #999;
cursor: pointer;
-
display: inline-block;
font-weight: $font-weight-bold;
-
margin-right: 2px;
&:hover {
diff --git a/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss b/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
index b596152..484378f 100644
--- a/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
+++ b/_src/_assets/styles/bigchain/_select2-bigchaindb/layout.scss
@@ -3,6 +3,7 @@
.select2-container--bigchaindb {
@import 'single';
@import 'multiple';
+ max-width: 100%;
.select2-dropdown {
border-radius: $border-radius;
@@ -43,7 +44,7 @@
@extend .form-control;
padding-left: $spacer;
padding-right: $spacer;
- border-bottom: none !important;
+ border-bottom: none !important; // stylelint-disable-line declaration-no-important
background: rgba($input-border-color, .2);
}
}
diff --git a/_src/_assets/styles/bigchain/_typography.scss b/_src/_assets/styles/bigchain/_typography.scss
index a43adfa..e4f5662 100644
--- a/_src/_assets/styles/bigchain/_typography.scss
+++ b/_src/_assets/styles/bigchain/_typography.scss
@@ -90,6 +90,26 @@ a {
}
}
+// External links
+.dropdown,
+.content--page {
+ [rel='external'],
+ [target='_blank'] {
+ &:not(.btn):not(.driver):not(.social-link):not(.team__social__link) {
+ &:after {
+ content: '';
+ display: inline-block;
+ width: 9px;
+ height: 8px;
+ background: url('../img/icon-arrowout.svg') no-repeat center center;
+ background-size: contain;
+ transition: .15s ease-out;
+ margin-left: $spacer / 8;
+ }
+ }
+ }
+}
+
//
// Headings
diff --git a/_src/_assets/styles/bigchain/_variables.scss b/_src/_assets/styles/bigchain/_variables.scss
index 818909d..88be0f8 100644
--- a/_src/_assets/styles/bigchain/_variables.scss
+++ b/_src/_assets/styles/bigchain/_variables.scss
@@ -45,7 +45,7 @@ $font-size-root: 18px !default;
$font-size-root-lg: 20px !default;
$font-size-base: 1rem !default;
-$font-size-lg: 1.3rem !default;
+$font-size-lg: 1.2rem !default;
$font-size-sm: .85rem !default;
$font-size-xs: .65rem !default;
@@ -107,7 +107,7 @@ $component-active-bg: $brand-primary !default;
//
// Grid
//
-$gutter-space: ($spacer * 2) !default;
+$gutter-space: ($spacer * 3) !default;
//
@@ -151,7 +151,7 @@ $btn-primary-bg: $brand-primary !default;
$btn-secondary-color: $brand-main-blue !default;
$btn-secondary-bg: $gray-light !default;
-$btn-blue-color: $brand-primary !default;
+$btn-blue-color: $brand-main-blue-light !default;
$btn-blue-bg: $brand-main-blue !default;
$btn-violet-color: $brand-main-blue !default;
diff --git a/_src/_data/colors.yml b/_src/_data/colors.yml
index c0da36b..8a15ecf 100644
--- a/_src/_data/colors.yml
+++ b/_src/_data/colors.yml
@@ -11,8 +11,6 @@ primary:
hex: 445261
- name: brand-main-blue-dark
hex: 101A25
-
-secondary:
- name: brand-main-violet
hex: B581CF
- name: brand-main-blue-light
@@ -22,6 +20,7 @@ secondary:
- name: brand-main-gray-lighter
hex: E8EBEF
+
#
# Errors
#
diff --git a/_src/_data/faq.yml b/_src/_data/faq.yml
deleted file mode 100644
index d3c093e..0000000
--- a/_src/_data/faq.yml
+++ /dev/null
@@ -1,69 +0,0 @@
-- question: How does BigchainDB provide decentralized control?
- answer: |
- The BigchainDB server software runs on each server in a cluster. One key requirement is that every node in the cluster should be owned and operated by a different person or organization.
-
- The degree of democracy or autocracy can vary and is something enforced by the organization overseeing the cluster. Ideally, the nodes should be located in many countries, legal jurisdictions and hosting providers, so an issue with one doesn’t affect them all.
-
- The only people who can create a valid transfer transaction are the people with the necessary private keys. Nobody else, including node operators, can do that: the power to transact is decentralized.
-
-
-- question: How is BigchainDB immutable?
- answer: |
- Within BigchainDB, all data is copied to several different places. The higher the replication factor, set by the consortium, the more difficult it becomes to change or delete all replicas. All nodes also monitor all changes so if some unauthorized change happens, appropriate action can be taken.
-
- Cryptographic signatures and hashes are also extensively used. In BigchainDB, each transaction must be signed, each block is signed by the node that created it, and each vote is signed by the node that cast it.
-
-
-- question: How does BigchainDB provide Sybil tolerance?
- answer: |
- BigchainDB is run within federations, where the governing organization behind the network knows and controls who they allow to operate the nodes. There’s no way for one entity to add additional nodes without the permission of the federation.
-
- Hosting diversity also protects against a Sybil attack. It prevents any one hosting company from taking control of a majority of nodes. If a hosting company did spin up a new node using the private key already in their hosting infrastructure, the database would have to be reconfigured, alerting the federation about the new node.
-
-
-- question: What are Native Assets?
- answer: |
- BigchainDB has a built-in concept of assets, along with built-in transaction validity checking. Every BigchainDB transaction is a JSON document with a data structure in which “assets” and “asset transfers” are first-class, fully-supported concepts. A transaction can be used to “create” an asset. A transaction can also be used to transfer an asset from one public key to another.
-
- In BigchainDB, the person who holds the private key associated with the current owner’s public key is the owner of the asset linked to that public key. BigchainDB makes sure that only the owner of an asset can transfer that asset.
-
- BigchainDB also allows more complicated ownership and control structures. For example, an asset transfer might be enabled if any two of three controllers allow it.
-
-
-- question: Is BigchainDB Byzantine Fault Tolerant (BFT)?
- answer: |
- BigchainDB is not currently BFT. It will be offered as an option in future releases with the expectation that turning it on will come at a cost to performance. Full BFT does not scale, and in most practical systems is not necessary. BigchainDB handles crashes and many arbitrary failures.
-
- BigchainDB takes a pragmatic approach to security and fault tolerance by adding many security features, including verification of every transaction by all federation nodes and immutability.
-
- All federations and nodes are advised to follow best-in-class security standards and regularly run internal tests.
-
-
-- question: How do I try BigchainDB?
- answer: |
- If you want to try BigchainDB, then you need a BigchainDB cluster to connect to.
-
- One option is to install a single-node BigchainDB cluster on your local machine. The [Quickstart](https://docs.bigchaindb.com/projects/server/en/latest/quickstart.html) page in the BigchainDB Server docs has installation instructions.
-
- Another option is to connect to an existing BigchainDB cluster, such as the [BigchainDB Test Network](https://testnet.bigchaindb.com).
-
- Once you have a BigchainDB cluster to connect to, you can communicate with it via the BigchainDB HTTP API and the WebSocket Event Stream API. To find a list of all tools and libraries, visit the [Get Started](https://www.bigchaindb.com/getstarted/#drivers) page.
-
-
-- question: Is there a public instance of BigchainDB?
- answer: |
- If you’re not looking to set up your own federation, you can sign up for [BigchainDB Test Network](https://testnet.bigchaindb.com) and connect instantly, no installation needed. We will handle running a BigchainDB network for you.
-
-
-- question: Can I get a commercial license for BigchainDB?
- answer: |
- BigchainDB has a few different models:
- * consulting for education, ideation and use definition and development
- * the subscription model, a per node fee for enterprise software billed on an annual contract
- * support packages based on a retainer rate
-
- Get more information on BigchainDB’s [Enterprise](https://www.bigchaindb.com/enterprise/) page.
-
-
-# - question:
-# answer: ""
diff --git a/_src/_data/getstarted.yml b/_src/_data/getstarted.yml
index 54a0e5d..b7ea4c7 100644
--- a/_src/_data/getstarted.yml
+++ b/_src/_data/getstarted.yml
@@ -23,6 +23,7 @@ server:
network:
pretitle: "Managed"
title: "The BigchainDB Test Network"
+ version_title: "Test Network is currently running on BigchainDB "
description: "No installation needed. Sign up and connect instantly, we will handle running a BigchainDB network for you."
button: "Sign up"
link: "https://testnet.bigchaindb.com"
@@ -54,7 +55,7 @@ docs:
title: "Guides & Documentation "
description: "Dive into our documentation with guides, examples, terminology, references and more."
button_documentation: "See All Documentation"
- button_guides: "See All Guides"
+ button_guides: "See the Guide"
categories:
- title: "Code Examples"
@@ -63,8 +64,6 @@ docs:
link: "https://docs.bigchaindb.com/projects/py-driver/en/latest/usage.html"
- title: "Handcrafting Transactions"
link: "https://docs.bigchaindb.com/projects/py-driver/en/latest/handcraft.html"
- - title: "Kyber"
- link: "https://github.com/bigchaindb/kyber"
- title: "Quick References"
items:
diff --git a/_src/_data/menus.yml b/_src/_data/menus.yml
index d7bbc38..7e81f82 100644
--- a/_src/_data/menus.yml
+++ b/_src/_data/menus.yml
@@ -1,25 +1,25 @@
---
main:
- - title: Get started
- url: "/getstarted/"
- title: Features
- url: "/features/"
- - title: Use Cases
- url: "/usecases/"
- - title: Guide
- url: "/guides/"
- - title: Docs
- url: https://docs.bigchaindb.com/
+ url: /features/
+ - title: Developers
+ url: /developers/getstarted/
+ items:
+ - title: Get Started
+ url: /developers/getstarted/
+ - title: Guide
+ url: /developers/guide/
+ - title: Docs
+ url: https://docs.bigchaindb.com/
+ external: true
+ - title: Services
+ url: /services/
secondary:
- - title: FAQ
- url: "/faq/"
- title: About
url: "/about/"
- title: Blog
url: https://blog.bigchaindb.com
- - title: Enterprise
- url: "/enterprise/"
- title: Whitepaper
url: "/whitepaper/"
- title: Contact
diff --git a/_src/_guides/_setup.md b/_src/_guide/_setup.md
similarity index 100%
rename from _src/_guides/_setup.md
rename to _src/_guide/_setup.md
diff --git a/_src/_guides/_tutorial-cryptoconditions.md b/_src/_guide/_tutorial-cryptoconditions.md
similarity index 100%
rename from _src/_guides/_tutorial-cryptoconditions.md
rename to _src/_guide/_tutorial-cryptoconditions.md
diff --git a/_src/_guides/diagram.png b/_src/_guide/diagram.png
similarity index 100%
rename from _src/_guides/diagram.png
rename to _src/_guide/diagram.png
diff --git a/_src/_guides/diagram@2x.png b/_src/_guide/diagram@2x.png
similarity index 100%
rename from _src/_guides/diagram@2x.png
rename to _src/_guide/diagram@2x.png
diff --git a/_src/_guides/header-art.jpg b/_src/_guide/header-art.jpg
similarity index 100%
rename from _src/_guides/header-art.jpg
rename to _src/_guide/header-art.jpg
diff --git a/_src/_guides/header-car.jpg b/_src/_guide/header-car.jpg
similarity index 100%
rename from _src/_guides/header-car.jpg
rename to _src/_guide/header-car.jpg
diff --git a/_src/_guides/header-rbac.jpg b/_src/_guide/header-rbac.jpg
similarity index 100%
rename from _src/_guides/header-rbac.jpg
rename to _src/_guide/header-rbac.jpg
diff --git a/_src/_guides/header-token.jpg b/_src/_guide/header-token.jpg
similarity index 100%
rename from _src/_guides/header-token.jpg
rename to _src/_guide/header-token.jpg
diff --git a/_src/_guides/key-concepts-of-bigchaindb.md b/_src/_guide/key-concepts-of-bigchaindb.md
similarity index 100%
rename from _src/_guides/key-concepts-of-bigchaindb.md
rename to _src/_guide/key-concepts-of-bigchaindb.md
diff --git a/_src/_guides/tutorial-car-telemetry-app.md b/_src/_guide/tutorial-car-telemetry-app.md
similarity index 100%
rename from _src/_guides/tutorial-car-telemetry-app.md
rename to _src/_guide/tutorial-car-telemetry-app.md
diff --git a/_src/_guides/tutorial-piece-of-art.md b/_src/_guide/tutorial-piece-of-art.md
similarity index 100%
rename from _src/_guides/tutorial-piece-of-art.md
rename to _src/_guide/tutorial-piece-of-art.md
diff --git a/_src/_guides/tutorial-rbac.md b/_src/_guide/tutorial-rbac.md
similarity index 100%
rename from _src/_guides/tutorial-rbac.md
rename to _src/_guide/tutorial-rbac.md
diff --git a/_src/_guides/tutorial-token-launch.md b/_src/_guide/tutorial-token-launch.md
similarity index 100%
rename from _src/_guides/tutorial-token-launch.md
rename to _src/_guide/tutorial-token-launch.md
diff --git a/_src/_includes/form-enterprise.html b/_src/_includes/form-services.html
similarity index 93%
rename from _src/_includes/form-enterprise.html
rename to _src/_includes/form-services.html
index 03ca737..d7dd2f8 100644
--- a/_src/_includes/form-enterprise.html
+++ b/_src/_includes/form-services.html
@@ -1,5 +1,5 @@
-
- Updates, stories and ideas from the people behind BigchainDB.
-