mirror of
https://github.com/bigchaindb/site.git
synced 2024-06-17 18:13:19 +02:00
syncing with ss design and contant
This commit is contained in:
shemtovo
parent
fad59da892
commit
adce546f6b
GPG Key ID:
BD3C1F3EDD7831FC
21
_src/_assets/images/documents.svg
Normal file
21
_src/_assets/images/documents.svg
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!-- 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="44px" height="60px" viewBox="0 0 44 60" style="enable-background:new 0 0 44 60;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#231F20;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<defs>
|
||||
</defs>
|
||||
<g>
|
||||
<polygon class="st0" points="43,59 1,59 1,1 29,1 43,15 "/>
|
||||
<polyline class="st1" points="29,1 29,15 43,15 "/>
|
||||
<line class="st2" x1="11.2" y1="19" x2="22.6" y2="19"/>
|
||||
<line class="st2" x1="11.2" y1="27" x2="33.9" y2="27"/>
|
||||
<line class="st2" x1="11.2" y1="35" x2="33.9" y2="35"/>
|
||||
<line class="st2" x1="11.2" y1="43" x2="33.9" y2="43"/>
|
||||
<line class="st2" x1="11.2" y1="51" x2="33.9" y2="51"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
_src/_assets/images/northern-lights-banner.jpg
Normal file
BIN
_src/_assets/images/northern-lights-banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
_src/_assets/images/partners.png
Normal file
BIN
_src/_assets/images/partners.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
|
|
@ -35,7 +35,7 @@
|
|||
}
|
||||
|
||||
.feature__text {
|
||||
@extend .text-dimmed;
|
||||
// @extend .text-dimmed;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,10 +12,10 @@
|
|||
padding-bottom: ($spacer * 4);
|
||||
}
|
||||
|
||||
> p:first-child {
|
||||
@extend .lead;
|
||||
margin-bottom: ($spacer * 2);
|
||||
}
|
||||
// > p:first-child {
|
||||
// @extend .lead;
|
||||
// margin-bottom: ($spacer * 2);
|
||||
// }
|
||||
|
||||
> h1, h2 {
|
||||
border-bottom: 1px solid $brand-main-blue-light;
|
||||
|
|
@ -31,32 +31,32 @@
|
|||
opacity: 0;
|
||||
transform: translate3d(20px,0,0) scale(0);
|
||||
|
||||
&,
|
||||
.header-icon {
|
||||
@extend .transition;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: none;
|
||||
|
||||
.header-icon {
|
||||
color: lighten($brand-primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
font-style: normal;
|
||||
font-size: 2rem;
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.header-link {
|
||||
opacity: 1;
|
||||
transform: translate3d(0,0,0) scale(.8);
|
||||
}
|
||||
// &,
|
||||
// .header-icon {
|
||||
// @extend .transition;
|
||||
// }
|
||||
//
|
||||
// &:hover,
|
||||
// &:focus {
|
||||
// background: none;
|
||||
//
|
||||
// .header-icon {
|
||||
// color: lighten($brand-primary, 10%);
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .header-icon {
|
||||
// font-style: normal;
|
||||
// font-size: 2rem;
|
||||
// color: $brand-primary;
|
||||
// }
|
||||
}
|
||||
//
|
||||
// &:hover {
|
||||
// .header-link {
|
||||
// opacity: 1;
|
||||
// transform: translate3d(0,0,0) scale(.8);
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ $menu-height-md: 73px;
|
|||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 420px;
|
||||
max-height: 550px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.section {
|
||||
|
|
|
|||
|
|
@ -31,8 +31,8 @@
|
|||
// size modifiers
|
||||
//
|
||||
.logo--sm {
|
||||
width: 75px;
|
||||
height: 15px;
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.logo--full {
|
||||
|
|
|
|||
|
|
@ -78,23 +78,24 @@
|
|||
// in front page hero or page headers
|
||||
//
|
||||
.menu--main {
|
||||
background: white;
|
||||
.menu__link {
|
||||
// link line
|
||||
&:after {
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.menu__logo {
|
||||
@media ($screen-md) {
|
||||
padding: ($spacer * 1.2) 0 ($spacer * 1.5) 0;
|
||||
padding: ($spacer * 1.2) 0 ($spacer * 0) 0;
|
||||
}
|
||||
}
|
||||
|
||||
.menu__link {
|
||||
color: #fff;
|
||||
opacity: .8;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
opacity: 1;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
|
|
|
|||
|
|
@ -12,8 +12,9 @@
|
|||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(to bottom right, $color-from 0%, $color-to 100%);
|
||||
opacity: .7;
|
||||
// background: linear-gradient(to bottom right, $color-from 0%, $color-to 100%);
|
||||
background-color: rgba(50,69,68,0.7);
|
||||
opacity: 0.7;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@
|
|||
text-shadow: 0 1px 0 rgba(0,0,0,.1);
|
||||
|
||||
// background
|
||||
background: url('../img/northern-lights-poster.jpg') no-repeat center center;
|
||||
background: url('../img/northern-lights-banner.jpg') no-repeat center center;
|
||||
background-size: cover;
|
||||
|
||||
.row * {
|
||||
|
|
@ -124,3 +124,14 @@
|
|||
//color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// In section picture centering
|
||||
//
|
||||
.center--picture {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: -4rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
{% include menu-main.html %}
|
||||
<header class="hero hero-video">
|
||||
|
||||
{% include menu-main.html %}
|
||||
|
||||
<div class="hero__content hero-video__content row">
|
||||
<hgroup>
|
||||
<svg class="logo logo--full logo--white--green" aria-labelledby="title">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="grid grid--full grid-medium--columns grid--top">
|
||||
<div class="grid__col grid__col--1">
|
||||
<a class="menu__logo" href="/">
|
||||
<svg class="logo logo--sm logo--white--green" aria-labelledby="title">
|
||||
<svg class="logo logo--sm logo--black--green" aria-labelledby="title">
|
||||
<title>Logo</title>
|
||||
<use xlink:href="/assets/img/sprite.svg#logo"></use>
|
||||
</svg>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,15 @@
|
|||
---
|
||||
title: About
|
||||
title: 'About BigchainDB'
|
||||
layout: page
|
||||
---
|
||||
Working to put intellectual property on the blockchain (IP over IP) since August 2013, it became clear that scalability was a fundamental barrier to wider adoption of blockchain.
|
||||
In the summer of 2013, we started working on a project that became ascribe, blockchain-based intellectual property (IP) attribution. We asked the question: how can creators of any digital IP get compensated? Why not own digital art the way you own Bitcoin? With a public store of attribution and provenance, blockchain technology could solve this. So we raised some money, hired a few early employees and kept working on the product until we were satisfied enough to release it, built on the Bitcoin blockchain. The product was basically in shape to serve larger-scale customers, with the glaring exception of the blockchain scalability. We found ourselves needing to turn down opportunities knowing that the Bitcoin blockchain wouldn’t be able to handle the throughput we needed to serve larger enterprises.
|
||||
|
||||
In conversations with the community, the emphasis seemed to be on "scaling up" blockchains. We came to realize that a distributed database perspective brought a lot to the table, not only for scalability but also for other key database functionality: a flexible query language, efficient querying, and a permissioning system. Our approach was to "blockchain-ify" a scalable distributed database. By December 2015, we had a solution, which we piloted with lead customers.
|
||||
With this as a starting point, we asked how do we “blockchain-ify” it? We drew on our experience in shipping blockchain products to define three specific characteristics: decentralized, immutable and the ability to register and transfer assets. With the definitions above as a starting point, we chose an enterprise-class distributed database and then built our own technology on top of that, adding those three key characteristics while improving base functionality, fault tolerance much more. (link to Roadmap page)
|
||||
|
||||
The result is BigchainDB, a scalable blockchain database for the world.
|
||||
From the seed of the idea, to intense efforts starting late summer 2015, we made the announcement in February 2016. What initially started as a “let’s solve our own problem” approach almost immediately turned into something much bigger than we expected. With people and enterprises from across all industries reaching out looking to partner, collaborate, license or build on the technology, it became clear that we were solving much more than our own problem. The result is BigchainDB, a scalable blockchain database for the world.
|
||||
|
||||
ascribe, WhereOnTheNet and IPDB are all registered trademarks of BigchainDB.
|
||||
|
||||
## Team
|
||||
|
||||
{% include team.html %}
|
||||
|
||||
{% include team.html %}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
layout: page
|
||||
|
||||
title: How It Works
|
||||
title: How BigchainDB Works
|
||||
description: 'Rather than trying to scale up blockchain technology, BigchainDB starts with a big data distributed database and then adds blockchain characteristics - decentralized control, immutability and the transfer of digital assets.'
|
||||
|
||||
quotes: set2
|
||||
|
|
@ -13,10 +13,11 @@ js: page-features.min.js
|
|||
<div class="row">
|
||||
<header class="section-header">
|
||||
<p class="section-description">Rather than trying to scale up blockchain technology, BigchainDB starts with a big data distributed database and then adds blockchain characteristics - decentralized control, immutability and the transfer of digital assets.</p>
|
||||
<p class="text-milestones text-center">Here is our <a href="https://github.com/{{ site.github.org }}/org/blob/master/ROADMAP.md">roadmap</a>.</p>
|
||||
<div class="text-center" style="padding: 1rem 0 0 0;">
|
||||
<a href="https://github.com/bigchaindb/org/blob/master/ROADMAP.md" class="btn btn-primary">Our Roadmap</a>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="row row--wide">
|
||||
<div class="grid grid--full grid-small--half grid--gutters grid--top">
|
||||
<div class="grid__col">
|
||||
|
|
@ -180,18 +181,3 @@ js: page-features.min.js
|
|||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include section-testimonials.html %}
|
||||
|
||||
<section class="section section-contribute background--photo">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Contribute</h1>
|
||||
<p class="section-description">There are many ways you can contribute to the BigchainDB project.</p>
|
||||
</header>
|
||||
|
||||
<p class="text-center">
|
||||
<a href="https://github.com/{{ site.github.org }}/bigchaindb/blob/master/CONTRIBUTING.md" class="btn btn-primary btn-sm">Read Guidelines</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
layout: base
|
||||
|
||||
tagline: 'Meet BigchainDB. The scalable blockchain database.'
|
||||
tagline: 'BigchainDB is unlocking the promise of blockchains by giving them scale, using distributed database technology.'
|
||||
|
||||
front_page: true
|
||||
hero_video_name: northern-light
|
||||
|
|
@ -17,47 +17,30 @@ js: page-front.min.js
|
|||
<header class="section-header">
|
||||
<h1 class="section-title">This is BigchainDB</h1>
|
||||
<p class="section-description">
|
||||
Towards 1 million writes per second, petabytes of capacity and query capabilities to power both open and private blockchain networks.
|
||||
BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database.
|
||||
</p>
|
||||
<p class="section-description">
|
||||
Leveraging the key benefits of distributed DBs and traditional blockchains with an emphasis on scale, BigchainDB builds the three best characteristics of blockchains: decentralization, immutability and the ability to register and transfer assets, onto an existing big data distributed database.
|
||||
</p>
|
||||
<p class="section-description">
|
||||
We serve the open internet, startups and enterprises alike, from supply chain to energy and financial ecosystems.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<figure class="graph-bigchain img--responsive">
|
||||
{% include svg/graph-bigchain.svg %}
|
||||
</figure>
|
||||
|
||||
<div class="section-features__main grid grid--full grid-small--fit grid--gutters">
|
||||
<div class="grid__col">
|
||||
<svg class="icon">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-graph"></use>
|
||||
</svg>
|
||||
<h3>Towards 1M Writes/S</h3>
|
||||
<sub>Details in <a href="/whitepaper/">whitepaper</a>, sec. 8.</sub>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<svg class="icon">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-servers"></use>
|
||||
</svg>
|
||||
<h3>Petabyte Capacity</h3>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<svg class="icon">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-scaling"></use>
|
||||
</svg>
|
||||
<h3>Linear Scaling</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="lead">BigchainDB allows developers and enterprise to deploy blockchain proof-of-concepts, platforms and applications with a scalable blockchain database.</p>
|
||||
|
||||
<div class="section-features__detail grid grid--full grid-small--columns grid--gutters grid--center">
|
||||
<div class="grid__col grid__col--4">
|
||||
<p>BigchainDB fills a gap in the decentralization ecosystem: a decentralized database, at scale. It is complementary to decentralized processing platforms like Ethereum, and decentralized file systems like InterPlanetary File System (IPFS).</p>
|
||||
<div class="grid__col grid__col--1">
|
||||
</div>
|
||||
<div class="grid__col grid__col--2">
|
||||
<div class="text-center">
|
||||
<a href="/Whitepaper" class="btn btn-primary"><svg class="icon icon--social icon--documents"><use xlink:href="/assets/img/sprite.svg#documents"></use></svg>Whitepaper</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid__col grid__col--2">
|
||||
<div class="text-center">
|
||||
<a href="/features" class="btn btn-primary">How it works</a>
|
||||
<a href="/Community" class="btn btn-primary">Community</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid__col grid__col--1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -75,13 +58,13 @@ js: page-front.min.js
|
|||
<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://bigchaindb.readthedocs.org/">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>
|
||||
<p><a class="btn btn-primary" href="https://docs.bigchaindbcom/">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://bigchaindb.readthedocs.org">bigchaindb.readthedocs.org</a>)</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>
|
||||
|
|
@ -97,9 +80,9 @@ js: page-front.min.js
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{% include section-testimonials.html %}
|
||||
<!-- {% include section-testimonials.html %} -->
|
||||
|
||||
<section class="section section-whitepaper background--photo">
|
||||
<!-- <section class="section section-whitepaper background-photo">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Whitepaper</h1>
|
||||
|
|
@ -113,4 +96,15 @@ js: page-front.min.js
|
|||
Read our Whitepaper
|
||||
</a>
|
||||
</div>
|
||||
</section> -->
|
||||
<section class="section section-partners">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
<h1 class="section-title">Partners</h1>
|
||||
<p class="section-description">We are proud to partner and collaborate with</p>
|
||||
</header>
|
||||
</div>
|
||||
<div class="center--picture">
|
||||
<img alt="Our Partners: Tangent90, Interledger, Eris, Tymlez, Everledger, Capgemini, Recruit, ReThinkDB" src="\assets\img\partners.png" />
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user