1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-23 10:19:44 +01:00

remove get started page

This commit is contained in:
Matthias Kretschmann 2020-05-27 10:53:58 +02:00
parent e6aee8c3b7
commit 3f0e012a55
Signed by: m
GPG Key ID: 606EEEF3C479A91F
15 changed files with 319 additions and 2674 deletions

View File

@ -5,7 +5,8 @@
name: BigchainDB
description: 'The blockchain database.'
url: https://www.bigchaindb.com
bigchaindb_api_url: https://test.bigchaindb.com
bigchaindb_api_url: https://test.ipdb.io
getstarted_url: https://ipdb.io/resources/
# set to `true` to make hiring link appear in main menu
hiring: false

View File

@ -1,7 +1,3 @@
//=include bigchain/github.js
// jQuery(function($) {
// })

View File

@ -1,188 +0,0 @@
//=include gumshoejs/dist/gumshoe.js
//=include bigchain/tab.js
const bigchaindbUrl = 'https://test.bigchaindb.com'
const apiPath = '/api/v1/'
// jQuery(function ($) {
// })
//
// Scrollspy
//
var spy = new Gumshoe('#gumshoe a');
//
// Sticky nav
//
function stickyNav() {
const menu = document.getElementsByClassName('menu--sub')[0]
if (window.innerWidth >= 768) {
const offset = menu.offsetTop
window.addEventListener('scroll', function () {
if (offset < window.pageYOffset) {
menu.classList.add('sticky')
} else {
menu.classList.remove('sticky')
}
}, false)
}
}
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
//
// makes this file huuuuge, consider loading this as additional request
//=include bigchaindb-driver/dist/browser/bigchaindb-driver.window.min.js
window.addEventListener('DOMContentLoaded', function domload(event) {
window.removeEventListener('DOMContentLoaded', domload, false)
const driver = window.BigchainDB
const API_PATH = bigchaindbUrl + apiPath
const postButton = document.getElementById('post')
const postButtonText = postButton.innerText
const messageInput = document.getElementById('message')
// put a wrapper around original message, and empty it
function addMessageWrapper() {
const codeExamples = document.querySelectorAll('.highlight code')
codeExamples.forEach(function (codeExample) {
if (codeExample.innerText.includes('Blockchain all the things!')) {
let html = codeExample.innerHTML
html = html.replace('Blockchain all the things!', '<strong class="code-example__message"></strong>')
codeExample.innerHTML = html
}
})
}
addMessageWrapper()
// update message helper function
function updateMessage(content) {
const codeMessages = document.querySelectorAll('.code-example__message')
const escapedContent = content.replace(/'/g, "\\'")
codeMessages.forEach(function (codeMessage) {
codeMessage.textContent = escapedContent
})
}
// quick form validation, live update code example with user input
messageInput.addEventListener('input', function () {
if (messageInput.value === '') {
postButton.setAttribute('disabled', '')
// empty message
updateMessage('')
} else {
postButton.removeAttribute('disabled')
// update code message
updateMessage(messageInput.value)
}
})
postButton.style.width = `${postButton.offsetWidth}px`
function buttonStateLoading() {
postButton.classList.add('disabled')
postButton.innerHTML = '<span class="loader loader--dark"></span>'
}
function buttonStateSuccess() {
postButton.style.opacity = 0
}
function buttonStateFail() {
postButton.classList.remove('disabled')
postButton.removeAttribute('disabled')
postButton.innerHTML = postButtonText
}
postButton.addEventListener('click', function (e) {
e.preventDefault()
buttonStateLoading()
const message = messageInput.value
const alice = new driver.Ed25519Keypair()
const tx = driver.Transaction.makeCreateTransaction(
{ message: message },
null,
[driver.Transaction.makeOutput(driver.Transaction.makeEd25519Condition(alice.publicKey))],
alice.publicKey)
const txSigned = driver.Transaction.signTransaction(tx, alice.privateKey)
const conn = new driver.Connection(API_PATH)
const waiting = document.getElementsByClassName('waiting')[0]
const responseArea = document.getElementsByClassName('response')[0]
const output = document.getElementsByClassName('output')[0]
const messageInitial = document.getElementsByClassName('message')[0]
const messageSuccess = document.getElementsByClassName('message--success')[0]
const messageFail = document.getElementsByClassName('message--fail')[0]
const transactionLink = document.getElementsByClassName('transaction-link')[0]
conn.postTransactionCommit(txSigned).then((response) => {
waiting.classList.add('hide')
messageInitial.classList.add('hide')
responseArea.classList.remove('hide')
messageSuccess.classList.remove('hide')
const outputContent = JSON.stringify(response, null, 2) // indented with 2 spaces
output.textContent = outputContent
transactionLink.href = bigchaindbUrl + apiPath + 'transactions/' + response.id
buttonStateSuccess()
}, reason => { // Error!
console.log(reason)
waiting.classList.add('hide')
responseArea.classList.remove('hide')
messageFail.classList.remove('hide')
const outputContent = reason.status + ' ' + reason.statusText
output.textContent = outputContent
buttonStateFail()
}).then((res) => console.log('Transaction status:', res.status))
}, false)
}, false)

View File

@ -1,524 +0,0 @@
//
// Page: Get started
// ---
// bigchaindb.com
//
.section--firsttransaction {
.section-title {
font-size: $font-size-h4;
margin-bottom: $spacer * 2;
text-align: left;
@media ($screen-sm) {
margin-top: -($spacer * 2);
}
&:after {
display: none;
}
+ .grid {
margin-bottom: 0;
}
}
}
.form--transaction {
// mnml frm
background: none;
padding: 0;
@media ($screen-sm) {
min-height: 340px;
}
.form-group:first-child {
margin-top: 0;
}
.message {
text-align: left;
}
}
.form--transaction__content {
border: none;
padding: 0;
width: 100%;
}
.waiting {
width: 100%;
pre {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-style: italic;
border: 1px solid $gray-dark;
background: none;
overflow: hidden;
@media ($screen-sm) {
min-height: 340px;
}
}
}
.response {
pre {
border: 1px solid $gray-dark;
line-height: 1.3;
@media ($screen-sm) {
min-height: 340px;
}
}
code {
font-size: $font-size-xs;
word-break: break-all;
word-wrap: break-word;
}
}
.message {
font-size: $font-size-base;
}
.code-example {
@include transition;
margin-top: $spacer * 2;
@media ($screen-sm) {
max-width: 50%;
margin-top: 0;
}
.nav-link,
pre {
font-size: $font-size-xs;
}
.nav-tabs {
border-bottom-color: $gray-light;
opacity: .6;
}
.nav-link {
padding-top: $spacer / 4;
padding-bottom: $spacer / 4;
margin-bottom: -2px;
&:hover,
&:focus {
background: none;
}
&.active {
border-bottom: 2px solid $gray-light;
}
}
pre {
background: none;
padding: $spacer * 1.5 0 0;
margin-bottom: 0;
overflow-y: auto;
overflow-x: auto;
}
.highlight .p {
color: lighten(#41706f, 25%);
}
}
.section-title--numbered {
span {
text-align: center;
display: block;
margin: auto auto $spacer / 2;
width: 3rem;
height: 3rem;
border-radius: 50%;
font-size: $font-size-lg;
background: $headings-color;
color: $gray;
font-weight: 400;
line-height: 3rem;
}
.text-left & {
span {
display: inline-block;
margin: 0;
vertical-align: .4rem;
}
}
.background--light & {
span {
background: $gray-light;
color: #fff;
}
}
&:after {
display: none;
}
}
//
// Section: server
//
.section--server {
padding-bottom: 0;
.btn {
margin-top: $spacer / 2;
}
}
//
// All your star bases belong to us
//
// .starbase--server is the baseline
//
.starbase {
position: relative;
margin-top: -($spacer * 2);
display: flex;
align-items: flex-end;
opacity: .7;
// horizon layer
&:before {
content: '';
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #445261;
clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
}
}
.starbase__image {
display: flex;
align-items: flex-end;
img {
position: relative;
z-index: 1;
margin-bottom: -1.45%;
width: 100%;
}
// surface layer
&:before {
content: '';
position: absolute;
display: block;
left: -5%;
right: -5%;
bottom: auto;
background: lighten($gray, 8%);
height: 24%;
width: calc(100vw + 5%);
}
}
// Drivers starbase
// All magic numbers, gonna wing it visually
.starbase--drivers {
min-height: 7rem;
@media ($screen-md) {
min-height: 12rem;
}
.starbase__image {
// surface layer
&:before {
height: 40%;
}
img {
margin-bottom: -.5%;
}
}
}
.choice {
background: lighten($gray, 3%);
padding-top: $spacer * 4;
padding-bottom: $spacer * 4;
}
.choice__title {
font-size: $font-size-h3;
margin-top: 0;
margin-bottom: $spacer * $line-height;
// the bottom line
&:after {
content: '';
height: 2px;
width: 3rem;
display: block;
margin: ($spacer * $line-height) 0 0;
background: $gray-light;
}
}
.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;
img {
max-width: 45rem;
}
}
.section--drivers {
padding-bottom: 0;
.choice__title {
margin-bottom: $spacer * 2;
}
}
.driver {
padding: $spacer;
background: rgba($brand-main-blue-dark, .15);
border-radius: $border-radius;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-shadow: none;
&:focus,
&:hover {
background: $brand-primary;
box-shadow: 0 1px 4px rgba($brand-main-blue-dark, .4);
transform: translateY(-1px);
.driver__title {
color: #fff;
}
.driver__logo {
fill: #fff;
}
}
&:active {
outline: 0;
transform: translateY(0);
box-shadow: 0 1px 2px rgba($brand-main-blue-dark, .3);
}
}
.driver,
.driver__logo,
.driver__title {
@include transition;
}
.driver__logo {
width: 2rem;
height: 2rem;
fill: $brand-primary;
}
.driver__title {
@extend .h5;
color: $brand-primary;
margin-top: 0;
margin-bottom: $spacer;
}
.driver__meta {
@include text-small;
width: 100%;
align-self: flex-end;
margin: 0;
span {
display: block;
}
}
.driver__version {
opacity: .75;
}
.driver--community {
text-align: center;
justify-content: center;
.driver__title {
width: 100%;
margin-bottom: 0;
font-size: $font-size-base;
}
.driver__repo {
font-size: $font-size-xs;
}
.driver__logo {
width: 1.5rem;
height: 1.5rem;
margin-bottom: $spacer / 2;
}
}
//
// Section: Docs
//
.docs__actions {
border-top: 1px solid darken($brand-main-gray-light, 5%);
padding-top: $spacer * 2;
}
.docs__title {
@extend .h5;
margin-top: 0;
// the bottom line
&:after {
content: '';
height: 2px;
width: 2rem;
display: block;
margin-top: $spacer;
background: $gray-light;
}
}
.docs__list {
padding-left: 0;
text-align: left;
li {
display: block;
padding-left: 0;
}
}
//
// Section: Community
//
.section--community {
text-align: center;
.section-header {
.section-description {
margin-bottom: ($spacer * 2);
}
}
.social-link {
&,
.icon {
@include transition;
}
display: inline-block;
box-shadow: none;
padding: $btn-padding-y-sm $btn-padding-x-sm;
margin-top: $spacer;
&:focus,
&:hover {
background: none;
.icon {
fill: lighten($brand-primary, 10%);
filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
transform: translateY(-1px);
}
.icon--gitter {
stroke: lighten($brand-primary, 10%);
}
}
&:active {
outline: 0;
.icon {
fill: $brand-primary;
filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
transform: translateY(0);
}
}
.icon {
fill: $brand-primary;
width: 1.5rem;
height: 1.5rem;
&.icon--gitter {
stroke: $brand-primary;
}
}
}
.social-link__title {
@include text-small;
color: $brand-primary;
display: block;
text-align: center;
}
h5 {
margin-top: 0;
}
}
.community__actions {
border-bottom: 1px solid $gray-dark;
margin-bottom: $spacer * 3;
padding-bottom: $spacer * 2;
.icon {
width: 2rem;
height: 2rem;
fill: $brand-main-blue-light;
opacity: .4;
margin-bottom: $spacer / 2;
}
.icon--gitter {
stroke: $brand-main-blue-light;
stroke-width: 2;
}
p {
color: $brand-main-blue-light;
opacity: .8;
}
}

View File

@ -52,7 +52,6 @@
// specific page styles
@import 'page-front';
@import 'page-getstarted';
@import 'page-whitepaper';
@import 'page-404';
@import 'page-styleguide';

View File

@ -1,55 +0,0 @@
official:
- title: Python
repo: bigchaindb-driver
version: v0.4
icon: logo-python
- title: JavaScript
repo: js-bigchaindb-driver
version: v4.0
icon: logo-js
- title: Java
repo: java-bigchaindb-driver
link: https://github.com/bigchaindb/java-bigchaindb-driver
version: v1.0
icon: logo-java
community:
- title: C#
repo: bigchaindb-csharp-driver
icon: logo-csharp
link: https://github.com/Omnibasis/bigchaindb-csharp-driver
- title: Ruby (CLI wrapper)
repo: bigchaindb-ruby-client
icon: logo-ruby
link: https://github.com/nileshtrivedi/bigchaindb-ruby-client
- title: Ruby
repo: bigchaindb_ruby
icon: logo-ruby
link: https://github.com/LicenseRocks/bigchaindb_ruby
- title: Haskell
repo: bigchaindb-hs
icon: logo-haskell
link: https://github.com/bigchaindb/bigchaindb-hs
- title: Go
repo: envoke
icon: logo-go
link: https://github.com/zbo14/envoke/blob/master/bigchain/bigchain.go
tools:
- title: Crypto-Conditions
repo: cryptoconditions
version: v0.6
- title: ILP ledger plugin
repo: ilp-plugin-bigchaindb
version: v0.1
- title: COALA IP ledger plugin
repo: pycoalaip-bigchaindb
version: v0.0.5

View File

@ -1,100 +0,0 @@
# ----------------------------
# Section: First Transaction
# ----------------------------
firsttransaction:
title: "Send your first transaction"
message:
label: "Type a message"
button: "Off you go"
request: "Your message will be wrapped in an asset and sent with the transaction."
response: "Nicely done! You have just created an asset and sent it in a signed transaction."
# ----------------------------
# Section: Server
# ----------------------------
server:
title: "Network"
description: "Roll out your own BigchainDB network, or let us take care of this for you."
network:
pretitle: "Managed"
title: "The BigchainDB Test Network"
version_title: "The BigchainDB Test Network is currently running on BigchainDB "
description: "No installation needed. We handle running a BigchainDB network for you."
button: "Visit the Test Network"
link: "https://test.bigchaindb.com"
bdb:
pretitle: "Self-Hosted"
title: "BigchainDB Server"
description: "If you want to deploy and run your own BigchainDB node or network, you can."
button: "Deploy a BigchainDB node"
link: "http://docs.bigchaindb.com/projects/server/en/latest/simple-deployment-template/index.html"
# ----------------------------
# Section: Drivers
# ----------------------------
drivers:
title: "Drivers & Tools"
description: "Clone or download one of the drivers below to connect to BigchainDB."
title_official: "Official drivers"
title_tools: "Official tools"
title_community: "Community drivers"
# ----------------------------
# Section: Docs
# ----------------------------
docs:
title: "Guides & Documentation "
description: "Dive into our documentation with guides, examples, terminology, references and more."
button_documentation: "See All Documentation"
button_guides: "See the Guide"
categories:
- title: "Code Examples"
items:
- title: "Basic Usage Examples"
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: "Quick References"
items:
- title: "HTTP API"
link: "https://docs.bigchaindb.com/projects/server/en/latest/http-client-server-api.html"
- title: "Data Models"
link: "https://docs.bigchaindb.com/projects/server/en/latest/data-models/index.html"
- title: "Server Command Line Interface (CLI)"
link: "https://docs.bigchaindb.com/projects/server/en/latest/server-reference/bigchaindb-cli.html"
- title: "Server Configuration Settings"
link: "https://docs.bigchaindb.com/projects/server/en/latest/server-reference/configuration.html"
- title: "WebSocket Event Stream API"
link: "https://docs.bigchaindb.com/projects/server/en/latest/websocket-event-stream-api.html"
# ----------------------------
# Section: Community
# ----------------------------
community:
title: "Community"
description: "There are many ways you can contribute to the BigchainDB project, some very easy and others more involved. We welcome all potential contributors, so we ask that everyone participating abide by some simple guidelines."
gitter:
text: "Join the conversation or chat directly with us."
button: "Chat on Gitter"
github:
text: "Looking to contribute? Found a bug? Open an issue."
button: "Head to GitHub"
guidelines:
text: "Read up on our community guidelines."
button: "Read Guidelines"
follow:
title: "Follow"
description: "Follow us for the latest news, updates and announcements."

View File

@ -3,12 +3,13 @@ main:
- title: Features
url: /features/
- title: Developers
url: /developers/getstarted/
url: /developers/guide/
items:
- title: Get Started
url: /developers/getstarted/
- title: Guide
url: /developers/guide/
- title: Get Started
url: https://ipdb.io/resources/
external: true
- title: Docs
url: https://docs.bigchaindb.com/
external: true

View File

@ -6,7 +6,7 @@
<hgroup>
<h1 class="hero__title section-title">{{ page.tagline }}</h1>
<h2 class="hero__subtitle">{{ site.description }}</h2>
<a href="{% link developers/getstarted.html %}" class="hero__action btn btn-primary">Get Started</a>
<a href="/features/" class="hero__action btn btn-primary">Learn More</a>
</hgroup>
</div>

View File

@ -4,7 +4,7 @@
<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>
<a class="btn btn-primary" href="{{ site.getstarted_url }}">Get started</a>
</div>
</header>
</div>

View File

@ -1,31 +0,0 @@
<section class="section section-quickstart background--darker">
<div class="row row--wide">
<header class="section-header">
<h1 class="section-title">Quick Start Guide</h1>
</header>
<div class="grid grid--gutters grid--full grid-medium--half grid--center">
<div class="grid__col">
<h1 class="section-quickstart__title">Install and Run</h1>
<p>BigchainDB provides a rich API to create, query and transfer digital assets.</p>
<p><a class="btn btn-primary" href="https://docs.bigchaindb.com/">Documentation</a> <a class="btn btn-secondary" href="https://github.com/{{ site.github.org }}/{{ site.github.repo }}"><svg class="icon icon--social icon--github"><use xlink:href="/assets/img/sprite.svg#github"></use></svg> GitHub</a></p>
</div>
<div class="grid__col">
<figure class="terminal highlight js-tracking-terminal">
<code>
<span class="deps">Dependencies: Loaded</span>
<span class="deps">(See <a class="terminal__link" href="https://docs.bigchaindb.com">docs.bigchaindb.com</a>)</span>
<span class="deps">Python: Python 3.4+</span>
<span class="deps">RethinkDB: Running</span>
<span class="deps">---------------</span><br>
<span class="comment"># install bigchaindb</span>
<span><span class="ne">pip</span> install <span class="cp">bigchaindb</span></span><br/>
<span class="comment"># start bigchaindb</span>
<span><span class="ne">bigchaindb</span> start</span>
</code>
</figure>
</div>
</div>
</div>
</section>

View File

@ -1,369 +0,0 @@
---
layout: page
title: Get started
description: "Explore drivers, tools &amp; documentation to get started with BigchainDB"
tagline: "Explore drivers, tools &amp; documentation"
js: page-getstarted.min.js
redirect_from:
- /community/
- /start/
---
{% assign content = site.data.getstarted %}
<section class="section section--firsttransaction">
<div class="row row--wide">
<h1 class="section-title">{{ content.firsttransaction.title }}</h1>
<div class="grid grid--full grid-small--half grid--gutters">
<div class="grid__col">
<form id="form-transaction" class="form form--transaction js-parsley">
<fieldset class="form--transaction__content">
<p class="form-group">
<input id="message" class="form-control" type="text" name="message" required>
<label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label>
</p>
<p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
<button class="btn btn-primary" id="post" disabled>{{ content.firsttransaction.message.button }}</button>
</fieldset>
</form>
</div>
<div class="grid__col">
<div class="waiting">
<pre>
<code class="waiting">Beep, boop, waiting for your input...</code>
</pre>
</div>
<div class="response highlight hide">
<pre>
<code class="output language-json">{
"asset": {
"data": {
"msg": "Blockchain all the things!"
}
},
"id": "04c00267af82c161b4bf2ad4a47d1ddbfeb47eef1a14b8d51",
...</code>
</pre>
</div>
<div class="message message--success alert alert--success hide">
<p>{{ content.firsttransaction.message.response }}</p>
<p><a class="transaction-link" href="{{ site.bigchaindb_api_url }}/api/v1/transactions/">Check out your transaction on BigchainDB Testnet</a></p>
</div>
<p class="message message--fail alert alert--warning hide">Shenanigans! Something's off. Would you mind trying again?</p>
</div>
</div>
</div>
<div class="row row--wide">
<aside class="code-example">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#python" data-toggle="tab" role="tab">Python</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#nodejs" data-toggle="tab" role="tab">Node.js</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="python" role="tabpanel">
{% capture python %}
```python
from bigchaindb_driver import BigchainDB
from bigchaindb_driver.crypto import generate_keypair
bdb = BigchainDB('{{ site.bigchaindb_api_url }}')
alice = generate_keypair()
tx = bdb.transactions.prepare(
operation='CREATE',
signers=alice.public_key,
asset={'data': {'message': 'Blockchain all the things!'}})
signed_tx = bdb.transactions.fulfill(
tx,
private_keys=alice.private_key)
bdb.transactions.send_commit(signed_tx)
```
{% endcapture %}{{ python | markdownify }}
</div>
<div class="tab-pane highlight" id="nodejs" role="tabpanel">
{% capture nodejs %}
```js
const driver = require('bigchaindb-driver')
const alice = new driver.Ed25519Keypair()
const conn = new driver.Connection('{{ site.bigchaindb_api_url }}/api/v1/')
const tx = driver.Transaction.makeCreateTransaction(
{ message: 'Blockchain all the things!' },
null,
[ driver.Transaction.makeOutput(
driver.Transaction.makeEd25519Condition(alice.publicKey))],
alice.publicKey)
const txSigned = driver.Transaction.signTransaction(tx, alice.privateKey)
conn.postTransactionCommit(txSigned)
```
{% endcapture %}{{ nodejs | markdownify }}
</div>
</div>
</aside>
</div>
</section>
<nav class="menu--sub" id="gumshoe">
<div class="row row--wide">
<div class="menu-overflow">
<a class="menu__link" href="#server" data-scroll><span class="number">1</span> {{ content.server.title }}</a>
<a class="menu__link" href="#drivers" data-scroll><span class="number">2</span> {{ content.drivers.title }}</a>
<a class="menu__link" href="#docs" data-scroll><span class="number">3</span> {{ content.docs.title }}</a>
<a class="menu__link" href="#community" data-scroll><span class="number">4</span> {{ content.community.title }}</a>
</div>
</div>
</nav>
<section class="section section--server background--darker" id="server">
<div class="row row--wide">
<header class="section-header text-left">
<h1 class="section-title section-title--numbered"><span class="number">1</span> {{ content.server.title }}</h1>
<p class="section-description">{{ content.server.description }}</p>
</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 class="choice">
<div class="row row--wide">
<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 }} <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>
<div class="grid__col">
<span class="pretitle">{{ content.server.bdb.pretitle }}</span>
<h2 class="choice__title">{{ content.server.bdb.title }}</h2>
<p>{{ content.server.bdb.description }}</p>
<a class="btn btn-secondary" href="{{ content.server.bdb.link }}">{{ content.server.bdb.button }}</a>
</div>
</div>
</div>
</section>
</section>
<section class="section section--drivers background--darker" id="drivers">
<div class="row row--wide">
<header class="section-header text-left">
<h1 class="section-title section-title--numbered"><span>2</span> {{ content.drivers.title }}</h1>
<p class="section-description">{{ content.drivers.description }}</p>
</header>
</div>
<aside class="starbase starbase--drivers">
<div class="row row--wide">
<figure class="starbase__image">
<img class="img--responsive" src="/assets/img/nosprite/starbase-drivers.svg" alt="Starbase" width="1060" height="166">
</figure>
</div>
</aside>
<section class="choice">
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid--gutters">
<div class="grid__col">
<h3 class="choice__title">{{ content.drivers.title_official }}</h3>
<div class="grid grid--full grid-medium--half grid--gutters--small">
{% for driver in site.data.drivers.official %}
{% capture url %}https://github.com/bigchaindb/{{ driver.repo }}{% endcapture %}
<div class="grid__col">
<a class="driver" href="{{ url }}">
<h2 class="driver__title">{{ driver.title }}</h2>
<svg class="driver__logo">
<use xlink:href="/assets/img/sprite.svg#{{ driver.icon }}"></use>
</svg>
<p class="driver__meta">
<span class="driver__repo">{{ driver.repo }}</span>
<span class="driver__version">{{ driver.version }}</span>
</p>
</a>
</div>
{% endfor %}
</div>
</div>
<div class="grid__col">
<h3 class="choice__title">{{ content.drivers.title_tools }}</h3>
<div class="grid grid--full grid-medium--half grid--gutters--small">
{% for driver in site.data.drivers.tools %}
<div class="grid__col">
<a class="driver" href="https://github.com/bigchaindb/{{ driver.repo }}">
<h2 class="driver__title">{{ driver.title }}</h2>
<p class="driver__meta">
<span class="driver__repo">{{ driver.repo }}</span>
<span class="driver__version">{{ driver.version }}</span>
</p>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="row row--wide">
<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">
<a class="driver driver--community" href="{{ driver.link }}">
<svg class="driver__logo">
<use xlink:href="/assets/img/sprite.svg#{{ driver.icon }}"></use>
</svg>
<h2 class="driver__title">{{ driver.title }}</h2>
<p class="driver__meta">
<span class="driver__repo">{{ driver.repo }}</span>
</p>
</a>
</div>
{% endfor %}
</div>
</div>
</section>
</section>
<section class="section section--docs background--light" id="docs">
<div class="row row--wide">
<header class="section-header">
<h1 class="section-title section-title--numbered"><span>3</span> {{ content.docs.title }}</h1>
<p class="section-description">{{ content.docs.description }}</p>
</header>
</div>
<div class="row row--wide">
<div class="grid grid--full grid-small--fit grid--gutters">
<div class="grid__col">
<h2 class="docs__title">Hitchhiker's Guide</h2>
<ul class="docs__list">
{% for chapter in site.guide limit: 8 %}
<li><a href="{{ chapter.url }}">{{ chapter.title }}</a></li>
{% endfor %}
</ul>
</div>
{% for category in content.docs.categories %}
<div class="grid__col">
<h2 class="docs__title">{{ category.title }}</h2>
<ul class="docs__list">
{% for item in category.items %}
<li><a href="{{ item.link }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
</div>
<div class="row row--wide text-center">
<div class="docs__actions">
<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>
</section>
<section class="section section--community" id="community">
<div class="row">
<header class="section-header">
<h1 class="section-title section-title--numbered"><span>4</span> {{ content.community.title }}</h1>
<p class="section-description">{{ content.community.description }}</p>
</header>
</div>
<div class="row community__actions">
<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>
</svg>
<p>{{ content.community.gitter.text }}</p>
<a href="{{ site.social.gitter.url }}" class="btn btn-primary btn-sm">{{ content.community.gitter.button }}</a>
</div>
<div class="grid__col">
<svg class="icon icon--social icon--github">
<use xlink:href="/assets/img/sprite.svg#github"></use>
</svg>
<p>{{ content.community.github.text }}</p>
<a href="{{ site.social.github.url }}/{{ site.social.github.repo }}" class="btn btn-primary btn-sm">{{ content.community.github.button }}</a>
</div>
<div class="grid__col">
<svg class="icon icon--social icon--github">
<use xlink:href="/assets/img/sprite.svg#icon-book"></use>
</svg>
<p>{{ content.community.guidelines.text }}</p>
<a href="{{ site.social.github.url }}/{{ site.social.github.repo }}/blob/master/.github/CONTRIBUTING.md" class="btn btn-primary btn-sm">{{ content.community.guidelines.button }}</a>
</div>
</div>
</div>
<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>
{% for link in site.social %}
{% unless link[1].title == 'Gitter' %}
<a class="social-link js-social-link" href="{{ link[1].url }}" title="{{ link[1].title }}">
<svg class="icon icon--social icon--{{ link[0] }}" aria-labelledby="title">
<title>{{ link.title }}</title>
<use xlink:href="/assets/img/sprite.svg#{{ link[0] }}"></use>
</svg>
<span class="social-link__title">{{ link[1].title }}</span>
</a>
{% endunless %}
{% endfor %}
</div>
</div>
</div>
</section>

View File

@ -56,7 +56,7 @@ intro:
<p class="large text-center">{{ page.intro.text }}</p>
<p class="text-center">
<a class="btn btn-primary" href="{% link features.html %}">{{ page.intro.button1 }}</a> <a class="btn btn-secondary" href="{% link developers/getstarted.html %}">{{ page.intro.button2 }}</a>
<a class="btn btn-primary" href="{% link features.html %}">{{ page.intro.button1 }}</a> <a class="btn btn-secondary" href="https://ipdb.io/resources/">{{ page.intro.button2 }}</a>
</p>
</div>
</section>

1699
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -27,11 +27,9 @@
"ie >= 11"
],
"dependencies": {
"bigchaindb-driver": "4.1.2",
"bootstrap": "^4.5.0",
"clipboard": "^2.0.1",
"cookies-eu-banner": "^2.0.1",
"gumshoejs": "^5.1.2",
"is-in-viewport": "^3.0.4",
"jquery": "^3.5.1",
"normalize-opentype.css": "^0.2.4",
@ -44,8 +42,8 @@
"vivus": "^0.4.5"
},
"devDependencies": {
"@babel/core": "^7.9.6",
"@babel/preset-env": "^7.9.6",
"@babel/core": "^7.10.0",
"@babel/preset-env": "^7.10.0",
"@babel/register": "^7.9.0",
"browser-sync": "^2.26.7",
"critical": "^1.3.9",