mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-21 17:26:55 +01:00
Merge pull request #215 from bigchaindb/feature/bigchaindb2
Changes for BigchainDB 2.0 / Services rebranding
This commit is contained in:
GitHub
commit
e500c641d5
49
README.md
49
README.md
@ -16,11 +16,9 @@
|
||||
|
||||
---
|
||||
|
||||
## Table of Contents
|
||||
|
||||
* [Development](#development)
|
||||
* [Install dependencies](#install-dependencies)
|
||||
* [Development build](#development-build)
|
||||
* [Prerequisites](#prerequisites)
|
||||
* [Get up and running](#get-up-and-running)
|
||||
* [Continuous deployment: always be shipping](#continuous-deployment-always-be-shipping)
|
||||
* [Manual deployment](#manual-deployment)
|
||||
* [Prerequisite: authentication](#prerequisite-authentication)
|
||||
@ -34,35 +32,45 @@
|
||||
|
||||
## Development
|
||||
|
||||
The whole website is a Jekyll based site with a Gulp-based build pipeline in front of it.
|
||||
|
||||
### Prerequisites
|
||||
|
||||
You need to have the following tools installed on your development machine before moving on:
|
||||
|
||||
- [node.js](http://nodejs.org/) & [npm](https://npmjs.org/)
|
||||
- (optional) use [Yarn](https://yarnpkg.com) instead of npm for faster dependency installations
|
||||
- [Node.js](http://nodejs.org/) & [npm](https://npmjs.org/)
|
||||
- [Ruby](https://www.ruby-lang.org) (for sanity, install with [rvm](https://rvm.io/))
|
||||
- [Bundler](http://bundler.io/)
|
||||
|
||||
### Install dependencies
|
||||
### Get up and running
|
||||
|
||||
Run the following command from the repository's root folder to install all dependencies.
|
||||
Run the following command from the repository's root folder to clone this repository, install all dependencies, and spin up local dev server reachable under [http://localhost:1337](http://localhost:1337):
|
||||
|
||||
```bash
|
||||
git clone git@github.com:bigchaindb/site.git
|
||||
cd site/
|
||||
npm i && bundle install
|
||||
```
|
||||
|
||||
or
|
||||
|
||||
```bash
|
||||
yarn && bundle install
|
||||
```
|
||||
|
||||
### Development build
|
||||
|
||||
Spin up local dev server and livereloading watch task, reachable under [http://localhost:1337](http://localhost:1337):
|
||||
|
||||
```bash
|
||||
# development build and dev server
|
||||
gulp
|
||||
```
|
||||
|
||||
Additionally, you can execute those commands to test the actual build output:
|
||||
|
||||
```bash
|
||||
# full production build
|
||||
gulp build --production
|
||||
|
||||
# build preventing search engine indexing & Google Analytics tracking
|
||||
gulp build --staging
|
||||
```
|
||||
|
||||
All builds are output into the `_dist/` folder. Use a tool like [serve](https://github.com/zeit/serve) to inspect a local build in your browser:
|
||||
|
||||
```bash
|
||||
serve -s _dist
|
||||
```
|
||||
|
||||
## Continuous deployment: always be shipping
|
||||
|
||||
|
||||
@ -159,6 +167,7 @@ New js should follow [eslint-config-ascribe](https://github.com/ascribe/javascri
|
||||
## Authors
|
||||
|
||||
- Matthias Kretschmann ([@kremalicious](https://github.com/kremalicious)) - [BigchainDB](https://www.bigchaindb.com) & [Ocean Protocol](https://oceanprotocol.com)
|
||||
- [All the contributors](https://github.com/bigchaindb/site/graphs/contributors)
|
||||
|
||||
## License
|
||||
|
||||
|
||||
@ -15,4 +15,64 @@
|
||||
<ReplaceKeyPrefixWith>whitepaper/</ReplaceKeyPrefixWith>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>usecases/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<ReplaceKeyPrefixWith>features/#usecases</ReplaceKeyPrefixWith>
|
||||
<HttpRedirectCode>301</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>getstarted/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<ReplaceKeyPrefixWith>developers/getstarted/</ReplaceKeyPrefixWith>
|
||||
<HttpRedirectCode>301</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>developers/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<ReplaceKeyPrefixWith>developers/getstarted/</ReplaceKeyPrefixWith>
|
||||
<HttpRedirectCode>301</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>guides/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<ReplaceKeyPrefixWith>developers/guide/</ReplaceKeyPrefixWith>
|
||||
<HttpRedirectCode>301</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>enterprise/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<ReplaceKeyPrefixWith>services/</ReplaceKeyPrefixWith>
|
||||
<HttpRedirectCode>301</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
<RoutingRule>
|
||||
<Condition>
|
||||
<KeyPrefixEquals>faq/</KeyPrefixEquals>
|
||||
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
|
||||
</Condition>
|
||||
<Redirect>
|
||||
<HostName>docs.bigchaindb.com</HostName>
|
||||
<HttpRedirectCode>302</HttpRedirectCode>
|
||||
</Redirect>
|
||||
</RoutingRule>
|
||||
</RoutingRules>
|
||||
|
||||
16
_config.yml
16
_config.yml
@ -15,8 +15,8 @@ email:
|
||||
contact_cc: "kamal@bigchaindb.com,ricardo@bigchaindb.com,gautam@bigchaindb.com"
|
||||
cla: troy@ascribe.io
|
||||
cla_cc: sylvain@bigchaindb.com
|
||||
enterprise: ikytz6br@robot.zapier.com
|
||||
enterprise_cc: "kamal@bigchaindb.com,ricardo@bigchaindb.com,gautam@bigchaindb.com"
|
||||
services: ikytz6br@robot.zapier.com
|
||||
services_cc: "kamal@bigchaindb.com,ricardo@bigchaindb.com,gautam@bigchaindb.com"
|
||||
|
||||
social:
|
||||
gitter:
|
||||
@ -51,7 +51,7 @@ social:
|
||||
address:
|
||||
company: BigchainDB GmbH
|
||||
street: Chausseestraße 19
|
||||
zip: 10115
|
||||
zip: "10115"
|
||||
city: Berlin
|
||||
country: Germany
|
||||
|
||||
@ -90,18 +90,18 @@ collections:
|
||||
partners:
|
||||
output: true
|
||||
permalink: /:collection/:path/
|
||||
guides:
|
||||
guide:
|
||||
output: true
|
||||
permalink: /:collection/:path/
|
||||
permalink: /developers/:collection/:path/
|
||||
|
||||
defaults:
|
||||
- scope:
|
||||
path: ""
|
||||
type: guides
|
||||
type: guide
|
||||
values:
|
||||
toc: true
|
||||
image: share-image-guides.png
|
||||
js: page-guides.min.js
|
||||
image: share-image-guide.png
|
||||
js: page-guide.min.js
|
||||
|
||||
# Plugins
|
||||
# --------------------
|
||||
|
||||
|
Before Width: | Height: | Size: 385 KiB After Width: | Height: | Size: 385 KiB |
6
_src/_assets/images/icon-arrowout.svg
Normal file
6
_src/_assets/images/icon-arrowout.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16">
|
||||
<g fill="none" stroke="#fff" stroke-width="2" stroke-opacity=".6" transform="translate(0 -4)">
|
||||
<polyline points="19.585 4.069 12.542 11.147 5.464 4.069" transform="rotate(-135 12.525 7.608)"/>
|
||||
<path d="M14,6 L1,19"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 325 B |
@ -1,14 +1,3 @@
|
||||
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In -->
|
||||
<svg version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
|
||||
x="0px" y="0px" width="42.3px" height="22.2px" viewBox="0 0 42.3 22.2" style="enable-background:new 0 0 42.3 22.2;"
|
||||
xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<defs>
|
||||
</defs>
|
||||
<g>
|
||||
<polyline class="st0" points="41.3,1 21.2,21.2 1,1 "/>
|
||||
</g>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14">
|
||||
<polyline fill="none" stroke="#fff" stroke-width="2" points="22.606 0 11.331 11.331 0 0" transform="translate(1 .971)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 600 B After Width: | Height: | Size: 214 B |
7
_src/_assets/images/icon-hourglass.svg
Normal file
7
_src/_assets/images/icon-hourglass.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 18 24">
|
||||
<g>
|
||||
<polyline stroke="currentColor" points="2.5 19.5 6 19.5 9 16.5 12 19.5 15.5 19.5"/>
|
||||
<path stroke="currentColor" d="M3.896,9.5 L14.104,9.5"/>
|
||||
<path d="M15.5 5.5C15.5 9.09 12.588 12 9 12 5.408 12 2.5 9.09 2.5 5.5L2.5.5 15.5.5 15.5 5.5zM15.5 18.5C15.5 14.911 12.588 12 9 12 5.408 12 2.5 14.911 2.5 18.5L2.5 23.5 15.5 23.5 15.5 18.5zM.5.5L17.5.5M.5 23.5L17.5 23.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 479 B |
19
_src/_assets/images/icon-network.svg
Normal file
19
_src/_assets/images/icon-network.svg
Normal file
@ -0,0 +1,19 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
|
||||
<g transform="translate(6 7)">
|
||||
<path d="M.386.407L9.619 7.582M.386 7.582L9.619.407"/>
|
||||
</g>
|
||||
<g stroke="currentColor">
|
||||
<ellipse cx="3.5" cy="2" rx="3" ry="1.5"/>
|
||||
<path d="M6.5,4.5 C6.5,5.328 5.156,6 3.5,6 C1.844,6 0.5,5.328 0.5,4.5"/>
|
||||
<path d="M6.5,2 L6.5,7 C6.5,7.828 5.156,8.5 3.5,8.5 C1.844,8.5 0.5,7.828 0.5,7 L0.5,2"/>
|
||||
<ellipse cx="18.5" cy="2" rx="3" ry="1.5"/>
|
||||
<path d="M21.5,4.5 C21.5,5.328 20.156,6 18.5,6 C16.844,6 15.5,5.328 15.5,4.5"/>
|
||||
<path d="M21.5,2 L21.5,7 C21.5,7.828 20.156,8.5 18.5,8.5 C16.844,8.5 15.5,7.828 15.5,7 L15.5,2"/>
|
||||
<ellipse cx="3.5" cy="15" rx="3" ry="1.5"/>
|
||||
<path d="M6.5,17.5 C6.5,18.328 5.156,19 3.5,19 C1.844,19 0.5,18.328 0.5,17.5"/>
|
||||
<path d="M6.5,15 L6.5,20 C6.5,20.828 5.156,21.5 3.5,21.5 C1.844,21.5 0.5,20.828 0.5,20 L0.5,15"/>
|
||||
<ellipse cx="18.5" cy="15" rx="3" ry="1.5"/>
|
||||
<path d="M21.5,17.5 C21.5,18.328 20.156,19 18.5,19 C16.844,19 15.5,18.328 15.5,17.5"/>
|
||||
<path d="M21.5,15 L21.5,20 C21.5,20.828 20.156,21.5 18.5,21.5 C16.844,21.5 15.5,20.828 15.5,20 L15.5,15"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -1,8 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25">
|
||||
<g>
|
||||
<path d="M8.5 19.501L15.5 19.501M13.984 7.953L17.914 15.827M10 8.001L6.087 15.827"/>
|
||||
<circle stroke="currentColor" cx="4.5" cy="19.501" r="4"/>
|
||||
<circle stroke="currentColor" cx="19.5" cy="19.501" r="4"/>
|
||||
<circle stroke="currentColor" cx="12" cy="4.501" r="4"/>
|
||||
<path d="M8.5 19.501L15.5 19.501M13.984 7.953L17.914 15.827M10 8.001L6.087 15.827"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 381 B After Width: | Height: | Size: 381 B |
8
_src/_assets/images/icon-triangle.svg
Normal file
8
_src/_assets/images/icon-triangle.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23">
|
||||
<g>
|
||||
<path d="M12.288 3.5L20.955 19.494M3.042 19.5L11.713 3.499M20.498 20.5L3.5 20.5"/>
|
||||
<rect stroke="currentColor" width="3" height="3" x="10.5" y=".5"/>
|
||||
<rect stroke="currentColor" width="3" height="3" x="20.5" y="19.5"/>
|
||||
<rect stroke="currentColor" width="3" height="3" x=".5" y="19.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 406 B |
10
_src/_assets/images/logo-services.svg
Normal file
10
_src/_assets/images/logo-services.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
BIN
_src/_assets/images/share-image-services.png
Normal file
BIN
_src/_assets/images/share-image-services.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
BIN
_src/_assets/images/share-image.png
Normal file
BIN
_src/_assets/images/share-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 219 KiB |
@ -42,7 +42,7 @@ jQuery(function($) {
|
||||
//
|
||||
// Automatically add header links to all Markdown headings
|
||||
//
|
||||
$('.content--page--markdown h1:not(#heading-1), .content--page--markdown h2:not(#heading-2), .faq__question').each(function(i, el) {
|
||||
$('.content--page--markdown h1:not(#heading-1), .content--page--markdown h2:not(#heading-2)').each(function(i, el) {
|
||||
var $el, icon, id;
|
||||
$el = $(el);
|
||||
id = $el.attr('id');
|
||||
|
||||
@ -159,12 +159,12 @@ var GoogleAnalytics = (function(w,d,$) {
|
||||
ga('send', 'event', 'cla', 'cla_form', 'error');
|
||||
},
|
||||
|
||||
// Enterprise form
|
||||
gaEventEnterpriseSuccess: function() {
|
||||
ga('send', 'event', 'enterprise', 'enterprise_form', 'success');
|
||||
// Services form
|
||||
gaEventServicesSuccess: function() {
|
||||
ga('send', 'event', 'services', 'services_form', 'success');
|
||||
},
|
||||
gaEventEnterpriseError: function() {
|
||||
ga('send', 'event', 'enterprise', 'enterprise_form', 'error');
|
||||
gaEventServicesError: function() {
|
||||
ga('send', 'event', 'services', 'services_form', 'error');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
13
_src/_assets/javascripts/bigchain/dropdowns.js
Normal file
13
_src/_assets/javascripts/bigchain/dropdowns.js
Normal file
@ -0,0 +1,13 @@
|
||||
//=include popper.js/dist/umd/popper.js
|
||||
//=include bootstrap/js/dist/util.js
|
||||
//=include bootstrap/js/dist/dropdown.js
|
||||
|
||||
$('body').on('mouseenter mouseleave', '.dropdown--hover', function(e) {
|
||||
var _d = $(e.target).closest('.dropdown--hover')
|
||||
|
||||
_d.addClass('show')
|
||||
|
||||
setTimeout(function () {
|
||||
_d[_d.is(':hover') ? 'addClass' : 'removeClass']('show')
|
||||
}, 300)
|
||||
})
|
||||
@ -1,15 +1,15 @@
|
||||
|
||||
var FormEnterprise = (function(w, d, $) {
|
||||
var FormServices = (function(w, d, $) {
|
||||
|
||||
'use strict';
|
||||
|
||||
var app, _private, _config;
|
||||
|
||||
_config = {
|
||||
form: $('#form-enterprise'),
|
||||
formBtn: $('#form-enterprise').find('.btn'),
|
||||
formURL: $('#form-enterprise').attr('action'),
|
||||
formMethod: $('#form-enterprise').attr('method')
|
||||
form: $('#form-services'),
|
||||
formBtn: $('#form-services').find('.btn'),
|
||||
formURL: $('#form-services').attr('action'),
|
||||
formMethod: $('#form-services').attr('method')
|
||||
};
|
||||
|
||||
_private = {
|
||||
@ -35,7 +35,7 @@ var FormEnterprise = (function(w, d, $) {
|
||||
|
||||
// send GA event
|
||||
if (!_dntEnabled()) {
|
||||
GoogleAnalytics.gaEventEnterpriseSuccess();
|
||||
GoogleAnalytics.gaEventServicesSuccess();
|
||||
}
|
||||
},
|
||||
error: function(err) {
|
||||
@ -46,7 +46,7 @@ var FormEnterprise = (function(w, d, $) {
|
||||
|
||||
// send GA event
|
||||
if (!_dntEnabled()) {
|
||||
GoogleAnalytics.gaEventEnterpriseError();
|
||||
GoogleAnalytics.gaEventServicesError();
|
||||
}
|
||||
}
|
||||
});
|
||||
@ -1,6 +1,3 @@
|
||||
|
||||
//include whatwg-fetch/fetch.js
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
const url = 'https://bigchaindb-github.now.sh'
|
||||
@ -13,9 +10,11 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
const repo = repos[0]
|
||||
const stars = repo.stars
|
||||
const release = repo.release
|
||||
const releaseUrl = repo.release_url
|
||||
|
||||
document.getElementById('stars').innerText = stars
|
||||
document.getElementById('stars').style.opacity = 1
|
||||
document.getElementById('release-link').href = releaseUrl
|
||||
document.getElementById('release').innerText = release
|
||||
document.getElementById('release').style.opacity = 1
|
||||
}
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
//require whatwg-fetch/fetch.js
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
const url = 'https://bigchaindb-meetups.now.sh'
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
//=include bigchain/form-enterprise.js
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
FormEnterprise.init();
|
||||
});
|
||||
@ -1,10 +1,9 @@
|
||||
|
||||
//=include bigchain/testimonials.js
|
||||
//=include bigchain/newsletter.js
|
||||
//=include bigchain/github.js
|
||||
//=include bigchain/meetup.js
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
Testimonials.init();
|
||||
Newsletter.init()
|
||||
|
||||
});
|
||||
})
|
||||
|
||||
@ -45,6 +45,31 @@ function stickyNav() {
|
||||
stickyNav()
|
||||
|
||||
|
||||
//
|
||||
// Test network version
|
||||
//
|
||||
function testNetworkVersion() {
|
||||
const versionOutput = document.getElementById('network-version')
|
||||
|
||||
fetch(bigchaindbUrl)
|
||||
.then(function(response) {
|
||||
return response.json()
|
||||
})
|
||||
.then(function(data) {
|
||||
const version = data.version
|
||||
const titleOrig = versionOutput.getAttribute('title')
|
||||
|
||||
versionOutput.innerText = version
|
||||
versionOutput.setAttribute('title', titleOrig + version)
|
||||
})
|
||||
.catch(function(error) {
|
||||
console.log(error)
|
||||
})
|
||||
}
|
||||
|
||||
testNetworkVersion()
|
||||
|
||||
|
||||
//
|
||||
// BigchainDB transaction tool
|
||||
//
|
||||
|
||||
6
_src/_assets/javascripts/page-services.js
Normal file
6
_src/_assets/javascripts/page-services.js
Normal file
@ -0,0 +1,6 @@
|
||||
//=include bigchain/form-services.js
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
FormServices.init()
|
||||
})
|
||||
1
_src/_assets/javascripts/page-styleguide.js
Normal file
1
_src/_assets/javascripts/page-styleguide.js
Normal file
@ -0,0 +1 @@
|
||||
//=include bigchain/dropdowns.js
|
||||
@ -1,14 +0,0 @@
|
||||
.faq {
|
||||
padding-top: $spacer * 3;
|
||||
}
|
||||
|
||||
.faq__question {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
|
||||
.faq-contents__title {
|
||||
font-size: $font-size-h5;
|
||||
margin-top: $spacer / 2;
|
||||
margin-bottom: $spacer / 2;
|
||||
color: $brand-main-gray-lighter;
|
||||
}
|
||||
@ -1,3 +1,9 @@
|
||||
.page-features {
|
||||
.section--getstarted {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.feature {
|
||||
display: flex;
|
||||
margin-bottom: $spacer;
|
||||
@ -7,7 +13,7 @@
|
||||
|
||||
.feature__icon {
|
||||
flex: 0 0 15%;
|
||||
margin-right: 5%;
|
||||
margin-right: 3%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 0;
|
||||
width: 3rem;
|
||||
@ -15,7 +21,7 @@
|
||||
}
|
||||
|
||||
.feature__detail {
|
||||
flex: 0 0 80%;
|
||||
flex: 0 0 82%;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
@ -23,6 +29,8 @@
|
||||
color: $brand-main-blue-light;
|
||||
margin-top: 0;
|
||||
margin-bottom: ($spacer / 3);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.feature__text {
|
||||
@ -35,17 +43,22 @@
|
||||
padding: 1rem 0 0;
|
||||
}
|
||||
|
||||
.feature__title__comingsoon {
|
||||
@extend .small;
|
||||
.feature__title__comingsoon,
|
||||
.feature__title__new {
|
||||
font-family: $headings-font-family;
|
||||
font-size: $font-size-sm;
|
||||
color: $gray-light;
|
||||
background: $gray-dark;
|
||||
|
||||
display: inline-block;
|
||||
margin-left: ($spacer / 2);
|
||||
padding: ($spacer / 4) ($spacer / 2);
|
||||
padding: ($spacer / 6) ($spacer / 2);
|
||||
border-radius: 2px;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.feature__title__new {
|
||||
background: $brand-main-blue-light;
|
||||
color: $brand-main-blue-dark;
|
||||
}
|
||||
|
||||
.stacks__title {
|
||||
@ -56,15 +69,6 @@
|
||||
figcaption { margin: $spacer 0; }
|
||||
}
|
||||
|
||||
.section-usecases {
|
||||
.grid {
|
||||
// manually center last column
|
||||
.grid__col:last-child {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table--comparison {
|
||||
td {
|
||||
text-align: center;
|
||||
@ -90,5 +94,131 @@
|
||||
.icon-check {
|
||||
stroke: $brand-primary;
|
||||
}
|
||||
|
||||
// hide external icon
|
||||
&:after { display: none !important; } // stylelint-disable-line
|
||||
}
|
||||
}
|
||||
|
||||
.section-usecases {
|
||||
> .row {
|
||||
> .section-header {
|
||||
margin-bottom: 0;
|
||||
|
||||
> .section-description { // stylelint-disable-line selector-max-compound-selectors
|
||||
margin-bottom: $spacer * 3;
|
||||
padding-bottom: $spacer * 3;
|
||||
border-bottom: 2px solid lighten($gray-dark, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Industry section
|
||||
//
|
||||
.section--industry {
|
||||
&:first-child {
|
||||
margin-top: $spacer * 4;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
.icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-bottom: -($spacer / 3);
|
||||
margin-right: $spacer / 2;
|
||||
stroke-width: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title,
|
||||
.section-description {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
@extend .h2;
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase {
|
||||
border-top: 2px solid lighten($gray-dark, 10%);
|
||||
padding-top: $spacer * 2;
|
||||
margin-top: $spacer * 2;
|
||||
|
||||
@media ($screen-sm) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase__logo {
|
||||
box-shadow: none;
|
||||
transition: .2s ease-out;
|
||||
display: block;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
|
||||
svg {
|
||||
fill: $brand-main-green;
|
||||
}
|
||||
}
|
||||
|
||||
@media ($screen-sm) {
|
||||
flex: 0 0 20%;
|
||||
order: 2;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
width: 80px;
|
||||
max-width: 80px;
|
||||
max-height: 60px;
|
||||
height: auto;
|
||||
margin-bottom: $spacer / 2;
|
||||
opacity: .6;
|
||||
align-self: flex-start; // work around stretched images flexbox bug
|
||||
fill: $brand-main-blue-light;
|
||||
transition: .2s ease-out;
|
||||
|
||||
@media ($screen-sm) {
|
||||
width: 120px;
|
||||
max-width: 120px;
|
||||
max-height: 90px;
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase__content {
|
||||
flex: 0 0 75%;
|
||||
}
|
||||
|
||||
.featuredusecase__title {
|
||||
@extend .h3;
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
a {
|
||||
color: $brand-main-green;
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -17,8 +17,8 @@
|
||||
margin-bottom: $spacer * 2;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-top: $spacer * 4;
|
||||
.row:last-child > p:last-child {
|
||||
margin-top: $spacer * 3;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@ -29,11 +29,15 @@
|
||||
margin-top: $spacer;
|
||||
|
||||
h3 {
|
||||
@extend .h5;
|
||||
@extend .h6;
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
hyphens: auto;
|
||||
|
||||
@media ($screen-sm) {
|
||||
font-size: $font-size-h5;
|
||||
}
|
||||
}
|
||||
|
||||
sub {
|
||||
|
||||
@ -141,7 +141,6 @@
|
||||
height: 3rem;
|
||||
border-radius: 50%;
|
||||
font-size: $font-size-lg;
|
||||
vertical-align: .4rem;
|
||||
background: $headings-color;
|
||||
color: $gray;
|
||||
font-weight: 400;
|
||||
@ -152,6 +151,7 @@
|
||||
span {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
vertical-align: .4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -178,6 +178,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// All your star bases belong to us
|
||||
//
|
||||
@ -272,6 +273,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.choice__title__version {
|
||||
font-size: $font-size-sm;
|
||||
color: $gray-light;
|
||||
font-family: $font-family-base;
|
||||
font-weight: $font-weight-base;
|
||||
}
|
||||
|
||||
.choice__title--community {
|
||||
text-align: center;
|
||||
|
||||
&:after {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
margin-left: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.architecture {
|
||||
text-align: center;
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
.header--guides {
|
||||
.header--developersguide {
|
||||
background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom;
|
||||
background-size: contain;
|
||||
padding-bottom: 18%;
|
||||
@ -103,14 +103,10 @@
|
||||
display: block;
|
||||
box-shadow: none;
|
||||
background-color: $brand-main-blue-dark;
|
||||
padding: $spacer * 1.5;
|
||||
padding: $spacer * 2;
|
||||
height: 100%;
|
||||
border-radius: $border-radius;
|
||||
|
||||
@media ($screen-sm) {
|
||||
padding: $spacer * 3;
|
||||
}
|
||||
|
||||
&:before {
|
||||
opacity: .85;
|
||||
}
|
||||
@ -130,17 +126,6 @@
|
||||
.grid {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.section--guides &,
|
||||
.section--guideslist & {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
a {
|
||||
@media ($screen-sm) {
|
||||
padding: $spacer * 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guide__title,
|
||||
@ -156,12 +141,33 @@ h1.guide__title {
|
||||
margin-bottom: $spacer / $line-height;
|
||||
margin-top: 0;
|
||||
color: #fff;
|
||||
|
||||
.section--guides-more & {
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
}
|
||||
|
||||
.guide__tagline {
|
||||
color: $brand-main-blue-light;
|
||||
}
|
||||
|
||||
.section--guideslist {
|
||||
.guide {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
a {
|
||||
padding: $spacer * 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section--guides,
|
||||
.section--guides-more {
|
||||
.grid {
|
||||
margin-bottom: $spacer * 3;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// TOC
|
||||
//
|
||||
@ -212,20 +218,6 @@ li.toc-h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section--getstarted {
|
||||
padding-bottom: 0;
|
||||
|
||||
.section-header {
|
||||
margin-bottom: -($spacer * 3.5);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image--create-transfer {
|
||||
max-width: calc(100% + 1rem) !important; //stylelint-disable-line declaration-no-important
|
||||
margin-left: -1rem;
|
||||
@ -1,9 +1,9 @@
|
||||
//
|
||||
// Page: enterprise
|
||||
// Page: Services
|
||||
// ---
|
||||
// bigchaindb.com
|
||||
//
|
||||
.page-enterprise {
|
||||
.page-services {
|
||||
// Different Features unit layout
|
||||
.feature {
|
||||
display: block;
|
||||
@ -11,6 +11,7 @@
|
||||
|
||||
.feature__title {
|
||||
margin-bottom: $spacer;
|
||||
display: block;
|
||||
|
||||
// the bottom line
|
||||
&:after {
|
||||
@ -22,10 +23,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.feature__text {
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
.feature__icon {
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer / 6;
|
||||
@ -34,65 +31,46 @@
|
||||
}
|
||||
}
|
||||
|
||||
.hero--enterprise {
|
||||
.logo-enterprise {
|
||||
.hero--services {
|
||||
.logo--services {
|
||||
display: inline-block;
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
.hero__subtitle {
|
||||
margin-bottom: $spacer * 2;
|
||||
font-size: $font-size-h5;
|
||||
|
||||
.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;
|
||||
@media ($screen-sm) {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
}
|
||||
|
||||
.hero__content {
|
||||
margin-top: $spacer * 6;
|
||||
margin-top: $spacer * 2;
|
||||
margin-bottom: $spacer * 6;
|
||||
}
|
||||
|
||||
@media ($screen-md) {
|
||||
.section-title,
|
||||
.section-description {
|
||||
max-width: 66%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
@extend .btn-secondary;
|
||||
min-width: 220px;
|
||||
|
||||
&:first-of-type {
|
||||
@extend .btn-primary;
|
||||
margin-right: $spacer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section--enterpriseintro {
|
||||
.section--servicesdetail {
|
||||
.feature__icon {
|
||||
stroke: darken($brand-main-violet, 30%);
|
||||
color: $brand-main-green;
|
||||
}
|
||||
|
||||
.actions {
|
||||
text-align: center;
|
||||
margin-top: $spacer * 2;
|
||||
padding-top: $spacer * 2;
|
||||
border-top: 1px solid darken($brand-main-violet, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.section--servicesintro {
|
||||
.grid,
|
||||
.feature {
|
||||
margin-bottom: 0;
|
||||
@ -115,7 +93,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.section--enterprisetestimonial {
|
||||
.section--servicestestimonial {
|
||||
.testimonial {
|
||||
@extend .large;
|
||||
margin: 0 auto;
|
||||
@ -132,16 +110,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.section--enterprisesupport {
|
||||
.actions {
|
||||
text-align: center;
|
||||
margin-top: $spacer * 2;
|
||||
padding-top: $spacer * 2;
|
||||
border-top: 1px solid darken($brand-main-green, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.form--enterprise {
|
||||
.form--services {
|
||||
background: darken($brand-main-blue, 5%);
|
||||
|
||||
.grid {
|
||||
@ -13,11 +13,10 @@
|
||||
|
||||
// color swatches
|
||||
.color {
|
||||
padding: ($spacer / 2);
|
||||
margin-bottom: 5px;
|
||||
padding: $spacer $spacer / 2;
|
||||
margin-bottom: 0;
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid lighten($body-bg, 10%);
|
||||
min-height: 70px;
|
||||
text-align: center;
|
||||
|
||||
&,
|
||||
@ -28,7 +27,6 @@
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
@ -1,142 +1,3 @@
|
||||
.page-usecases {
|
||||
.header {
|
||||
background-position: bottom center;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
.icon {
|
||||
stroke-width: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section--intro {
|
||||
.section-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.section-description {
|
||||
margin-bottom: $spacer * 3;
|
||||
padding-bottom: $spacer * 3;
|
||||
border-bottom: 2px solid lighten($gray-dark, 10%);
|
||||
}
|
||||
|
||||
.grid {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Industry section
|
||||
//
|
||||
.section--industry {
|
||||
.section-header {
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
.icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-bottom: $spacer / 2;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title,
|
||||
.section-description {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
@extend .h2;
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer * 2;
|
||||
|
||||
&:after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
@extend .background--darker;
|
||||
|
||||
.featuredusecase {
|
||||
border-top-color: lighten($gray-dark, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase {
|
||||
border-top: 2px solid lighten($gray-dark, 10%);
|
||||
padding-top: $spacer * 2;
|
||||
margin-top: $spacer * 2;
|
||||
|
||||
@media ($screen-sm) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase__logo {
|
||||
box-shadow: none;
|
||||
transition: .2s ease-out;
|
||||
display: block;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
|
||||
svg {
|
||||
fill: $brand-main-green;
|
||||
}
|
||||
}
|
||||
|
||||
@media ($screen-sm) {
|
||||
flex: 0 0 20%;
|
||||
order: 2;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
width: 80px;
|
||||
max-width: 80px;
|
||||
max-height: 60px;
|
||||
height: auto;
|
||||
margin-bottom: $spacer / 2;
|
||||
opacity: .6;
|
||||
align-self: flex-start; // work around stretched images flexbox bug
|
||||
fill: $brand-main-blue-light;
|
||||
transition: .2s ease-out;
|
||||
|
||||
@media ($screen-sm) {
|
||||
width: 120px;
|
||||
max-width: 120px;
|
||||
max-height: 90px;
|
||||
height: auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.featuredusecase__content {
|
||||
flex: 0 0 75%;
|
||||
}
|
||||
|
||||
.featuredusecase__title {
|
||||
@extend .h3;
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
a {
|
||||
color: $brand-main-green;
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Single use case page
|
||||
//
|
||||
|
||||
@ -86,7 +86,7 @@
|
||||
// Specific sections
|
||||
//
|
||||
@import '_sections/section-cta-whitepaper';
|
||||
@import '_sections/section-cta-community';
|
||||
@import '_sections/section-cta-enterprise';
|
||||
@import '_sections/section-cta-services';
|
||||
@import '_sections/section-partners';
|
||||
@import '_sections/section-blog';
|
||||
@import '_sections/section-getstarted';
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
box-shadow: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 7rem;
|
||||
min-height: 8rem;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
.article__title,
|
||||
h1.article__title {
|
||||
font-size: $font-size-h5;
|
||||
font-size: $font-size-lg;
|
||||
font-weight: $font-weight-normal;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
.section-cta--community {
|
||||
background-image: url('../img/photo2.jpg');
|
||||
background-position: center top;
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
|
||||
.section-cta--enterprise {
|
||||
.logo-enterprise {
|
||||
margin-bottom: $spacer;
|
||||
transform: scale(.8);
|
||||
}
|
||||
}
|
||||
28
_src/_assets/styles/_sections/_section-cta-services.scss
Normal file
28
_src/_assets/styles/_sections/_section-cta-services.scss
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
.section-cta--services {
|
||||
@media ($screen-md) {
|
||||
padding-top: $spacer * 7;
|
||||
padding-bottom: $spacer * 7;
|
||||
}
|
||||
|
||||
.logo--services {
|
||||
margin-bottom: $spacer;
|
||||
transform: scale(.8);
|
||||
transform-origin: left;
|
||||
color: darken($brand-main-violet, 25%);
|
||||
fill: darken($brand-main-violet, 25%);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
text-align: left;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
13
_src/_assets/styles/_sections/_section-getstarted.scss
Normal file
13
_src/_assets/styles/_sections/_section-getstarted.scss
Normal file
@ -0,0 +1,13 @@
|
||||
.section--getstarted {
|
||||
padding-bottom: 0;
|
||||
|
||||
.section-header {
|
||||
margin-bottom: -($spacer * 3.5);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -36,6 +36,7 @@
|
||||
@import 'bigchain/timeline';
|
||||
@import 'bigchain/terminal';
|
||||
@import 'bigchain/nyan';
|
||||
@import 'bigchain/dropdowns';
|
||||
@import 'bigchain/utilities';
|
||||
|
||||
// Content types
|
||||
@ -60,7 +61,6 @@
|
||||
@import 'page-contact';
|
||||
@import 'page-cla';
|
||||
@import 'page-partners';
|
||||
@import 'page-enterprise';
|
||||
@import 'page-faq';
|
||||
@import 'page-services';
|
||||
@import 'oceanprotocol';
|
||||
@import 'page-guides';
|
||||
@import 'page-guide';
|
||||
|
||||
@ -8,8 +8,7 @@
|
||||
}
|
||||
|
||||
> h1,
|
||||
h2,
|
||||
.faq__question {
|
||||
h2 {
|
||||
border-bottom: 2px solid $brand-main-blue-light;
|
||||
padding-bottom: $spacer;
|
||||
margin-bottom: ($spacer * 1.5);
|
||||
|
||||
106
_src/_assets/styles/bigchain/_dropdowns.scss
Normal file
106
_src/_assets/styles/bigchain/_dropdowns.scss
Normal file
@ -0,0 +1,106 @@
|
||||
// The dropdown wrapper (`<div>`)
|
||||
.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;
|
||||
}
|
||||
@ -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();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -34,3 +34,12 @@
|
||||
fill: none;
|
||||
stroke: $text-color;
|
||||
}
|
||||
|
||||
.icon--caret {
|
||||
stroke-width: 2px;
|
||||
stroke: currentColor;
|
||||
}
|
||||
|
||||
.icon--external {
|
||||
stroke: currentColor;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -31,7 +31,8 @@
|
||||
}
|
||||
|
||||
.form-label,
|
||||
.form-control {
|
||||
.form-control,
|
||||
.form-control:focus ~ .form-label {
|
||||
color: $gray-dark;
|
||||
}
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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
|
||||
#
|
||||
|
||||
@ -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: ""
|
||||
@ -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:
|
||||
|
||||
@ -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
|
||||
|
||||
|
Before Width: | Height: | Size: 278 KiB After Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 610 KiB After Width: | Height: | Size: 610 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
@ -1,5 +1,5 @@
|
||||
|
||||
<form id="form-enterprise" class="form form--enterprise js-parsley" action="//formspree.io/{{ site.email.enterprise }}" method="POST" accept-charset="UTF-8">
|
||||
<form id="form-services" class="form form--services js-parsley" action="//formspree.io/{{ site.email.services }}" method="POST" accept-charset="UTF-8">
|
||||
|
||||
<p class="form-group">
|
||||
<input class="form-control" type="text" id="name" name="name" required>
|
||||
@ -101,6 +101,6 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="_subject" value="New enterprise form submission" />
|
||||
<input type="hidden" name="_cc" value="{{ site.email.enterprise_cc }}" />
|
||||
<input type="hidden" name="_subject" value="New services form submission" />
|
||||
<input type="hidden" name="_cc" value="{{ site.email.services_cc }}" />
|
||||
</form>
|
||||
@ -1,9 +1,9 @@
|
||||
<header role="banner" class="header header--{{ page.url | replace: '/','' }} header--{{ page.layout }}"
|
||||
{% if page.header %}
|
||||
{% if page.path contains '_guides' %}
|
||||
style="background-image:url('../{{ page.header }}')"
|
||||
{% if page.path contains '_guide' %}
|
||||
style="background-image:url('../{{ page.header }}');"
|
||||
{% else %}
|
||||
style="background-image:url('/assets/img/{{ page.header }}')"
|
||||
style="background-image:url('/assets/img/{{ page.header }}');"
|
||||
{% endif %}
|
||||
{% endif %}>
|
||||
|
||||
|
||||
@ -6,13 +6,13 @@
|
||||
<hgroup>
|
||||
<h1 class="hero__title section-title">{{ page.tagline }}</h1>
|
||||
<h2 class="hero__subtitle">{{ site.description }}</h2>
|
||||
<a href="/getstarted/" class="hero__action btn btn-primary">Get Started</a>
|
||||
<a href="{% link developers/getstarted.html %}" class="hero__action btn btn-primary">Get Started</a>
|
||||
</hgroup>
|
||||
</div>
|
||||
|
||||
<aside class="hero__community">
|
||||
<div class="row row--wide">
|
||||
<a class="btn btn-text btn-sm" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
|
||||
<a class="btn btn-text btn-sm" id="release-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
|
||||
|
||||
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}" title="Star {{ site.social.github.org }}/{{ site.social.github.repo }} on GitHub">
|
||||
<svg class="icon icon--social icon--github" aria-labelledby="title">
|
||||
@ -43,6 +43,6 @@
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
|
||||
<a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon icon--caret"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
|
||||
|
||||
</header>
|
||||
|
||||
@ -19,7 +19,18 @@
|
||||
{% assign active = 'active' %}
|
||||
{% endif %}
|
||||
|
||||
{% unless link.items %}
|
||||
<a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>
|
||||
{% endunless %}
|
||||
|
||||
{% for item in link.items %}
|
||||
{% assign active = nil %}
|
||||
{% if page.url contains item.url %}
|
||||
{% assign active = 'active' %}
|
||||
{% endif %}
|
||||
|
||||
<a class="menu__link menu__link--secondary {{ active }} js-tracking-menu" href="{{ item.url }}">{{ item.title }}</a>
|
||||
{% endfor %}
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@ -19,18 +19,39 @@
|
||||
|
||||
<div class="grid__col grid__col--4">
|
||||
|
||||
<div class="menu-overflow">
|
||||
{% for link in site.data.menus.main %}
|
||||
{% for link in site.data.menus.main %}
|
||||
|
||||
{% assign active = nil %}
|
||||
{% if page.url contains link.url %}
|
||||
{% assign active = 'active' %}
|
||||
{% endif %}
|
||||
{% assign active = nil %}
|
||||
{% if page.url contains link.url %}
|
||||
{% assign active = 'active' %}
|
||||
{% endif %}
|
||||
|
||||
{% if link.items %}
|
||||
<div class="dropdown dropdown--hover">
|
||||
<a class="menu__link {{ active }} js-tracking-menu dropdown-toggle"
|
||||
data-toggle="dropdown"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false"
|
||||
id="dropdownMenuButton"
|
||||
href="{{ link.url }}">{{ link.title }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||
{% for item in link.items %}
|
||||
{% assign active = nil %}
|
||||
{% if page.url contains item.url %}
|
||||
{% assign active = 'active' %}
|
||||
{% endif %}
|
||||
<a class="dropdown-item {{ active }}" href="{{ item.url }}" {% if item.external %}rel="external"{% endif %}>
|
||||
{{ item.title }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
{% if page.image %}
|
||||
<meta content="{{ site.url }}/assets/img/{{ page.image }}" property="og:image">
|
||||
{% else %}
|
||||
<meta content="{{ site.url }}/assets/img/share-image.jpg" property="og:image">
|
||||
<meta content="{{ site.url }}/assets/img/share-image.png" property="og:image">
|
||||
{% endif %}
|
||||
|
||||
{% if page.categories %}
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
<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">
|
||||
<div class="grid grid--full grid-small--half grid-medium--third grid--gutters--small">
|
||||
{% for article in site.articles | limit: 6 %}
|
||||
<div class="grid__col">
|
||||
<a class="article article--{{ article.title | downcase | truncatewords: 3, '' | replace: ' ', '-' }}" href="{{ article.link }}" style="background-image: url('{{ article.image }}')">
|
||||
<a class="article article--{{ article.title | downcase | truncatewords: 3, '' | replace: ' ', '-' }}" href="{{ article.link }}" style="background-image: url('{{ article.image }}');">
|
||||
|
||||
<h1 class="article__title">
|
||||
{{ article.title }}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
<section class="section section-cta section-cta--community background--photo text-center">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get involved</h1>
|
||||
<p class="section-description">There are many ways you can contribute to the BigchainDB project.</p>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-primary" href="/community/">
|
||||
Community
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,21 +0,0 @@
|
||||
<section class="section section-cta section-cta--enterprise background--green text-center">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
|
||||
<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/">
|
||||
Enterprise
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
17
_src/_includes/sections/section-cta-services.html
Normal file
17
_src/_includes/sections/section-cta-services.html
Normal file
@ -0,0 +1,17 @@
|
||||
<section class="section section-cta section-cta--services background--violet">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
|
||||
<svg class="logo logo--services logo--white" aria-labelledby="title">
|
||||
<title>Logo BigchainDB Services</title>
|
||||
<use xlink:href="/assets/img/sprite.svg#logo-services"></use>
|
||||
</svg>
|
||||
|
||||
<h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-blue" href="{% link services.html %}">
|
||||
Explore Services
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
@ -4,14 +4,14 @@
|
||||
{% assign context = page %}
|
||||
{% endif %}
|
||||
|
||||
<section class="section section-cta section-cta--features background--photo text-center">
|
||||
<section class="section section-cta background--photo text-center">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">{{ context.cta.title }}</h1>
|
||||
<p class="section-description">{{ context.cta.description }}</p>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-primary" href="/">
|
||||
<a class="btn btn-primary" href="{{ context.cta.button_link }}">
|
||||
{{ context.cta.button }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
18
_src/_includes/sections/section-getstarted.html
Normal file
18
_src/_includes/sections/section-getstarted.html
Normal file
@ -0,0 +1,18 @@
|
||||
<section class="section section--getstarted background--darker">
|
||||
<div class="row row--wide">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get to know the BigchainDB universe</h1>
|
||||
<div class="section-description">
|
||||
<p>Explore drivers, tools & a lot more documentation.</p>
|
||||
<a class="btn btn-primary" href="{% link developers/getstarted.html %}">Get started</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<aside class="starbase starbase--server">
|
||||
<div class="row row--wide">
|
||||
<figure class="starbase__image">
|
||||
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
|
||||
</figure>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
28
_src/_includes/sections/section-guide.html
Normal file
28
_src/_includes/sections/section-guide.html
Normal file
@ -0,0 +1,28 @@
|
||||
<section class="section section--guides">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">The Hitchhiker's Guide to BigchainDB</h1>
|
||||
<p class="section-description">Complete the guide to learn about how to create apps in BigchainDB.</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="row row--wide">
|
||||
<div class="grid grid--full grid-small--half grid--gutters--small">
|
||||
{% assign guide = site.guide | sort: 'order' %}
|
||||
{% for chapter in guide limit: 4 %}
|
||||
<div class="grid__col">
|
||||
<article class="guide">
|
||||
<a href="{{ chapter.url }}" {% if chapter.header %}style="background-image:url('/developers/guide/{{ chapter.header }}')" {% endif %}>
|
||||
<h1 class="guide__title">{{ chapter.title }}</h1>
|
||||
<p class="guide__tagline">{{ chapter.tagline }}</p>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<a class="btn btn-secondary" href="{% link developers/guide.html %}">All chapters</a>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,24 +0,0 @@
|
||||
<section class="section section--guides">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">The Hitchhiker's Guide to BigchainDB</h1>
|
||||
<p class="section-description">Complete the guide to learn about how to create apps in BigchainDB.</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{% assign guides = site.guides | sort: 'order' %}
|
||||
{% for guide in guides limit: 3 %}
|
||||
<article class="guide">
|
||||
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
|
||||
<h1 class="guide__title">{{ guide.title }}</h1>
|
||||
<p class="guide__tagline">{{ guide.tagline }}</p>
|
||||
</a>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<a class="btn btn-secondary" href="/guides/">All guides</a>
|
||||
</div>
|
||||
</section>
|
||||
@ -25,5 +25,5 @@
|
||||
{% if page.image %}
|
||||
<meta name="twitter:image:src" content="{{ site.url }}/assets/img/{{ page.image }}">
|
||||
{% else %}
|
||||
<meta name="twitter:image:src" content="{{ site.url }}/assets/img/share-image.jpg">
|
||||
<meta name="twitter:image:src" content="{{ site.url }}/assets/img/share-image.png">
|
||||
{% endif %}
|
||||
|
||||
@ -13,10 +13,10 @@
|
||||
</div>
|
||||
<![endif]-->
|
||||
|
||||
{% include banner.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include banner.html %}
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include scripts.html %}
|
||||
|
||||
@ -24,17 +24,17 @@ layout: base
|
||||
<section class="section section--guides-more">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">More guides</h1>
|
||||
<h1 class="section-title">More chapters</h1>
|
||||
</header>
|
||||
</div>
|
||||
<div class="row row--wide">
|
||||
<div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
|
||||
{% for guide in site.guides limit: 6 %}
|
||||
{% unless page.id == guide.id %}
|
||||
<div class="grid grid--full grid-small--half grid-medium--third grid--gutters--small">
|
||||
{% for chapter in site.guide limit: 6 %}
|
||||
{% unless page.id == chapter.id %}
|
||||
<div class="grid__col">
|
||||
<article class="guide">
|
||||
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('../{{ guide.header }}')"{% endif %}>
|
||||
<h1 class="guide__title">{{ guide.title }}</h1>
|
||||
<a href="{{ chapter.url }}" {% if chapter.header %}style="background-image:url('../{{ chapter.header }}')"{% endif %}>
|
||||
<h1 class="guide__title">{{ chapter.title }}</h1>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
@ -43,25 +43,8 @@ layout: base
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<a class="btn btn-primary" href="/guides/">All guides</a>
|
||||
<a class="btn btn-primary" href="{% link developers/guide.html %}">All chapters</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--getstarted background--darker">
|
||||
<div class="row row--wide">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get to know the BigchainDB universe</h1>
|
||||
<div class="section-description">
|
||||
<p>Explore drivers, tools & a lot more documentation.</p>
|
||||
<a class="btn btn-primary" href="/getstarted/">Get started</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<aside class="starbase starbase--server">
|
||||
<div class="row row--wide">
|
||||
<figure class="starbase__image">
|
||||
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
|
||||
</figure>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
{% include sections/section-getstarted.html %}
|
||||
|
||||
@ -29,6 +29,6 @@ cta:
|
||||
|
||||
</section>
|
||||
|
||||
{% include sections/section-cta-enterprise.html %}
|
||||
{% include sections/section-cta-services.html %}
|
||||
|
||||
{% include sections/section-cta.html %}
|
||||
|
||||
@ -5,6 +5,7 @@ cta:
|
||||
title: Meet BigchainDB
|
||||
description: The blockchain database
|
||||
button: Learn More
|
||||
button_link: "/"
|
||||
---
|
||||
|
||||
<header role="banner" class="header header--usecase" {% if page.header %}style="background-image:url('/assets/img/{{ page.header }}')"{% endif %}>
|
||||
@ -73,21 +74,21 @@ cta:
|
||||
|
||||
<div class="grid grid--full grid-small--fit grid--top">
|
||||
|
||||
{% if page.pdf %}
|
||||
<div class="grid__col">
|
||||
<a href="../{{ page.pdf }}" download rel="external">Download case study (pdf)</a>
|
||||
<a class="link-back" href="/features/#usecases">< Back to use cases</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="grid__col">
|
||||
<a class="link-back" href="/usecases/">< Back to use cases</a>
|
||||
</div>
|
||||
{% if page.pdf %}
|
||||
<div class="grid__col">
|
||||
<a href="../{{ page.pdf }}" download rel="external">Download case study (pdf)</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
|
||||
</section>
|
||||
|
||||
{% include sections/section-cta-enterprise.html %}
|
||||
{% include sections/section-cta-services.html %}
|
||||
|
||||
{% include sections/section-cta.html %}
|
||||
|
||||
@ -5,7 +5,6 @@ title: Get started
|
||||
description: "Explore drivers, tools & documentation to get started with BigchainDB"
|
||||
tagline: "Explore drivers, tools & documentation"
|
||||
|
||||
image: share-image-getstarted.png
|
||||
js: page-getstarted.min.js
|
||||
|
||||
redirect_from:
|
||||
@ -163,7 +162,7 @@ conn.postTransactionSync(txSigned)
|
||||
<div class="grid grid--full grid-small--half grid--gutters">
|
||||
<div class="grid__col">
|
||||
<span class="pretitle">{{ content.server.network.pretitle }}</span>
|
||||
<h2 class="choice__title">{{ content.server.network.title }}</h2>
|
||||
<h2 class="choice__title">{{ content.server.network.title }} <span class="choice__title__version" id="network-version" title="{{ content.server.network.version_title }}"></span></h2>
|
||||
<p>{{ content.server.network.description }}</p>
|
||||
<a class="btn btn-primary" href="{{ content.server.network.link }}">{{ content.server.network.button }}</a>
|
||||
</div>
|
||||
@ -203,7 +202,7 @@ conn.postTransactionSync(txSigned)
|
||||
|
||||
<h3 class="choice__title">{{ content.drivers.title_official }}</h3>
|
||||
|
||||
<div class="grid grid--full grid-small--half grid--gutters">
|
||||
<div class="grid grid--full grid-medium--half grid--gutters--small">
|
||||
|
||||
{% for driver in site.data.drivers.official %}
|
||||
|
||||
@ -230,7 +229,7 @@ conn.postTransactionSync(txSigned)
|
||||
<div class="grid__col">
|
||||
|
||||
<h3 class="choice__title">{{ content.drivers.title_tools }}</h3>
|
||||
<div class="grid grid--full grid-small--half grid--gutters">
|
||||
<div class="grid grid--full grid-medium--half grid--gutters--small">
|
||||
|
||||
{% for driver in site.data.drivers.tools %}
|
||||
<div class="grid__col">
|
||||
@ -252,8 +251,8 @@ conn.postTransactionSync(txSigned)
|
||||
</div>
|
||||
|
||||
<div class="row row--wide">
|
||||
<h3 class="choice__title">{{ content.drivers.title_community }}</h3>
|
||||
<div class="grid grid--half grid-medium--fit grid--gutters">
|
||||
<h3 class="choice__title choice__title--community">{{ content.drivers.title_community }}</h3>
|
||||
<div class="grid grid--half grid-medium--fit grid--gutters--small">
|
||||
|
||||
{% for driver in site.data.drivers.community %}
|
||||
<div class="grid__col">
|
||||
@ -286,10 +285,10 @@ conn.postTransactionSync(txSigned)
|
||||
<div class="grid grid--full grid-small--fit grid--gutters">
|
||||
|
||||
<div class="grid__col">
|
||||
<h2 class="docs__title">Guides</h2>
|
||||
<h2 class="docs__title">Hitchhiker's Guide</h2>
|
||||
<ul class="docs__list">
|
||||
{% for guide in site.guides limit: 8 %}
|
||||
<li><a href="{{ guide.url }}">{{ guide.title }}</a></li>
|
||||
{% for chapter in site.guide limit: 8 %}
|
||||
<li><a href="{{ chapter.url }}">{{ chapter.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
@ -311,7 +310,7 @@ conn.postTransactionSync(txSigned)
|
||||
</div>
|
||||
<div class="row row--wide text-center">
|
||||
<div class="docs__actions">
|
||||
<a class="btn btn-primary" href="/guides/">{{ content.docs.button_guides }}</a>
|
||||
<a class="btn btn-primary" href="{% link developers/guide.html %}">{{ content.docs.button_guides }}</a>
|
||||
<a class="btn btn-secondary" href="https://docs.bigchaindb.com">{{ content.docs.button_documentation }}</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -326,7 +325,7 @@ conn.postTransactionSync(txSigned)
|
||||
</div>
|
||||
|
||||
<div class="row community__actions">
|
||||
<div class="grid grid--full grid-small--fit grid--gutters">
|
||||
<div class="grid grid--full grid-small--fit grid--gutters--small">
|
||||
<div class="grid__col">
|
||||
<svg class="icon icon--social icon--gitter">
|
||||
<use xlink:href="/assets/img/sprite.svg#gitter"></use>
|
||||
@ -351,8 +350,8 @@ conn.postTransactionSync(txSigned)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="grid grid--full grid-small--fit grid--gutters">
|
||||
<div class="row row--wide">
|
||||
<div class="grid grid--full grid-small--fit grid--gutters--small">
|
||||
<div class="grid__col">
|
||||
<h5>{{ content.community.follow.title }}</h5>
|
||||
<p>{{ content.community.follow.description }}</p>
|
||||
23
_src/developers/guide.html
Normal file
23
_src/developers/guide.html
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
title: "The Hitchhiker's Guide to BigchainDB"
|
||||
tagline: "This guide explains how to get started and build apps with BigchainDB"
|
||||
image: share-image-guide.png
|
||||
---
|
||||
|
||||
<section class="section section--guideslist">
|
||||
<div class="row">
|
||||
{% assign guide = site.guide | sort: 'order' %}
|
||||
{% for chapter in guide %}
|
||||
<article class="guide">
|
||||
<a href="{{ chapter.url }}" {% if chapter.header %}style="background-image:url('./{{ chapter.header }}')" {% endif %}>
|
||||
<h1 class="guide__title">{{ chapter.title }}</h1>
|
||||
<p class="guide__tagline">{{ chapter.tagline }}</p>
|
||||
</a>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include sections/section-getstarted.html %}
|
||||
@ -1,24 +0,0 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
title: Frequently Asked Questions
|
||||
---
|
||||
|
||||
<section class="section section--faq">
|
||||
<div class="row">
|
||||
|
||||
<div class="faq-contents">
|
||||
{% for faq in site.data.faq %}
|
||||
<h1 class="faq-contents__title"><a href="#{{ faq.question | downcase | replace: ' ','-' | replace: '?', '' }}" data-scroll>{{ faq.question }}</a></h1>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="faq content--page--markdown">
|
||||
{% for faq in site.data.faq %}
|
||||
<h1 class="faq__question" id="{{ faq.question | downcase | replace: ' ','-' | replace: '?', '' }}">{{ faq.question }}</h1>
|
||||
<div class="faq__answer">{{ faq.answer | markdownify }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@ -1,32 +1,42 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
title: Features
|
||||
title: Features & Use Cases
|
||||
description: "Rather than trying to enhance blockchain technology, BigchainDB starts with a big data distributed database and then adds blockchain characteristics - decentralized control, immutability and the transfer of digital assets."
|
||||
|
||||
features:
|
||||
- title: "Decentralization"
|
||||
text: "No single point of control. No singe point of failure. Decentralized control via a federation of voting nodes makes for a P2P network."
|
||||
icon: "icon-nodes"
|
||||
- title: "Query"
|
||||
text: "Write and run any MongoDB query to search the contents of all stored transactions, assets, metadata and blocks. Powered by MongoDB itself."
|
||||
icon: "icon-search"
|
||||
- title: "Immutability"
|
||||
text: "More than just tamper-resistant. Once stored, data can't be changed or deleted."
|
||||
icon: "icon-castle"
|
||||
- title: "Native Support of Multiassets"
|
||||
text: "With no native currency on BigchainDB, any asset, token or currency can be issued."
|
||||
icon: "icon-diamond"
|
||||
- title: "Byzantine Fault Tolerant (BFT)"
|
||||
text: "Up to one third of the nodes in the network can be experiencing arbitrary faults and the rest of the network will still come to consensus on the next block."
|
||||
icon: "icon-network"
|
||||
new: true
|
||||
- title: "Low Latency"
|
||||
text: "A global network takes about a second to come to consensus on a new block. In other words, transaction finality happens fast."
|
||||
icon: "icon-hourglass"
|
||||
new: true
|
||||
- title: "Customizable"
|
||||
text: "Design your own private network with custom assets, transactions, permissions and transparency."
|
||||
icon: "icon-settings"
|
||||
- title: "Rich Permissioning"
|
||||
text: "[Set permissions at transaction level](https://docs.bigchaindb.com/en/latest/permissions.html) to ensure a clear separation of duties and enforce selective access."
|
||||
icon: "icon-group"
|
||||
- title: "Federation Consensus Model"
|
||||
text: "Decentralized control via a federation of voting nodes makes for a super-peer P2P network."
|
||||
icon: "icon-diamond"
|
||||
- title: "Open Source"
|
||||
text: "[Open sourced](https://github.com/bigchaindb) to the community so that everyone can use it and build their own applications on top of it."
|
||||
icon: "icon-tree"
|
||||
- title: "Public or Private"
|
||||
text: "Roll out your own public or private networks for specific industry use cases."
|
||||
icon: "icon-lock"
|
||||
- title: "Query"
|
||||
text: "Leverage efficient big data query capabilities out of the box."
|
||||
icon: "icon-search"
|
||||
comingsoon: true
|
||||
|
||||
quotes: set2
|
||||
js: page-features.min.js
|
||||
@ -48,7 +58,8 @@ js: page-features.min.js
|
||||
<use xlink:href="/assets/img/sprite.svg#{{ feature.icon }}"></use>
|
||||
</svg>
|
||||
<div class="feature__detail">
|
||||
<h1 class="feature__title">{{ feature.title }} {% if feature.comingsoon %}<span class="feature__title__comingsoon">Coming soon</span>{% endif %}</h1>
|
||||
<h1 class="feature__title">{{ feature.title }} {% if feature.comingsoon %}<span class="feature__title__comingsoon">Coming soon</span>{% endif %} {% if feature.new %}
|
||||
<span class="feature__title__new">New</span>{% endif %}</h1>
|
||||
<div class="feature__text">{{ feature.text | markdownify }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -98,7 +109,7 @@ js: page-features.min.js
|
||||
<p class="section-description">BigchainDB combines the key benefits of distributed DBs and traditional blockchains.</p>
|
||||
</header>
|
||||
|
||||
<p class="lead">We built BigchainDB on top of an enterprise-grade distributed DB, from which BigchainDB inherits high throughput, high capacity, a full-featured NoSQL query language, efficient querying and permissioning.</p>
|
||||
<p class="lead">BigchainDB combines an enterprise-grade distributed database (MongoDB) with a production-ready consensus engine (Tendermint) to provide the benefits of both.</p>
|
||||
|
||||
<figure>
|
||||
{% include table-comparison.html %}
|
||||
@ -106,4 +117,69 @@ js: page-features.min.js
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include sections/section-newsletter.html %}
|
||||
<section class="section section-usecases background--darker" id="usecases">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Use Cases</h1>
|
||||
<p class="section-description">BigchainDB is for developers and organizations looking for a queryable database with blockchain characteristics such as decentralization, immutability and the ability to treat anything stored in the database as an asset. Whether it’s atoms, bits or bytes of value, any real-world blockchain application needs performance. A perfect fit for BigchainDB.</p>
|
||||
</header>
|
||||
|
||||
<div class="grid grid--full grid-small--half grid--gutters grid--top text-left">
|
||||
<div class="grid__col">
|
||||
We’re still in the early days of the decentralization movement and while all of the industries below are being disrupted in one way or another, there’s an abundance of opportunity within each.
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p>
|
||||
<strong>Building something with BigchainDB?</strong>
|
||||
<br>
|
||||
<a href="{% link contact.html %}">We want to hear from you.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for industry in site.data.industries %}
|
||||
<section class="section section--industry" id="{{ industry.name | downcase | replace: " ", " " }}">
|
||||
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">
|
||||
<svg class="icon">
|
||||
<use xlink:href="/assets/img/sprite.svg#{{ industry.icon }}"></use>
|
||||
</svg>
|
||||
{{ industry.name }}
|
||||
</h1>
|
||||
<p class="section-description">{{ industry.description }}</p>
|
||||
</header>
|
||||
|
||||
{% if industry.usecase %}
|
||||
{% for usecase in site.usecases %}
|
||||
{% if industry.usecase == usecase.slug %}
|
||||
<article class="featuredusecase">
|
||||
<a class="featuredusecase__logo" href="{{ usecase.url }}">
|
||||
{% if usecase.bitmaplogo %}
|
||||
<img src="/assets/img/{{ usecase.bitmaplogo }}" /> {% else %}
|
||||
<svg>
|
||||
<use xlink:href="/assets/img/sprite.svg#logo-{{ usecase.slug }}"></use>
|
||||
</svg>
|
||||
{% endif %}
|
||||
</a>
|
||||
|
||||
<div class="featuredusecase__content">
|
||||
<h1 class="featuredusecase__title">
|
||||
<a href="{{ usecase.url }}">{{ usecase.title }}</a>
|
||||
</h1>
|
||||
<p>{{ usecase.description }}</p>
|
||||
<a href="{{ usecase.url }}">Learn more</a>
|
||||
</div>
|
||||
</article>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endfor%}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include sections/section-getstarted.html %}
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
---
|
||||
layout: page
|
||||
|
||||
title: "The Hitchhiker's Guide to BigchainDB"
|
||||
tagline: "This guide explains how to get started and build apps with BigchainDB"
|
||||
image: share-image-guides.png
|
||||
---
|
||||
|
||||
<section class="section section--guideslist">
|
||||
<div class="row">
|
||||
{% assign guides = site.guides | sort: 'order' %}
|
||||
{% for guide in guides %}
|
||||
<article class="guide">
|
||||
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('./{{ guide.header }}')" {% endif %}>
|
||||
<h1 class="guide__title">{{ guide.title }}</h1>
|
||||
<p class="guide__tagline">{{ guide.tagline }}</p>
|
||||
</a>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section--getstarted background--darker">
|
||||
<div class="row row--wide">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Get to know the BigchainDB universe</h1>
|
||||
<div class="section-description">
|
||||
<p>Explore drivers, tools & a lot more documentation.</p>
|
||||
<a class="btn btn-primary" href="/getstarted/">Get started</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<aside class="starbase starbase--server">
|
||||
<div class="row row--wide">
|
||||
<figure class="starbase__image">
|
||||
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
|
||||
</figure>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
@ -4,11 +4,11 @@ layout: page
|
||||
title: Imprint
|
||||
---
|
||||
|
||||
### BigchainDB GmbH
|
||||
### {{ site.address.company }}
|
||||
|
||||
Wichertstr. 14a
|
||||
10439 Berlin
|
||||
Germany
|
||||
{{ site.address.street }}
|
||||
{{ site.address.zip }} {{ site.address.city }}
|
||||
{{ site.address.country }}
|
||||
USt-IdNr. DE296647599
|
||||
|
||||
### Contact
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user