bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 01:36:55 +01:00
Code Releases Activity

front page with new copy

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-01-09 18:15:23 +01:00
parent fe4a8f588d
commit ccf5cca86d
2 changed files with 78 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_src/_assets/styles/page-front.scss
View File

@ -111,7 +111,7 @@
.section-benchmarks {
.section-features {
text-align: center;
border-bottom: 1px solid lighten($brand-main-gray, 40%);
@ -125,20 +125,26 @@
display: block;
margin: auto;
margin-bottom: $spacer;
stroke: $brand-main-gray;
}
}
.comingsoon {
display: block;
color: $gray-light;
}
.section-whitepaper {
a {
@extend .transition;
display: block;
text-align: center;
&:hover,
&:focus {
transform: scale(1.05);
}
}
.icon {
stroke: $brand-main-gray;
stroke-dasharray: 4,4;
opacity: .3;
stroke: $link-color;
stroke-width: 2;
display: block;
margin: auto;
margin-bottom: $spacer;

69
_src/index.html
View File

@ -13,31 +13,86 @@ front_page: true
</svg>
<h1 class="section-title">Coming Soon on February 10.</h1>
<a href="#benchmarks" class="btn btn-link btn-sm">Learn More <svg class="icon">
<a href="#features" class="btn btn-link btn-sm">Learn More <svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-caret"></use>
</svg></a>
</div>
</div>
</header>
<section id="features" class="section section-features">
<div class="row">
<header class="section-header">
<h1 class="section-title">This is BigchainDB. 100K writes/s, sustained.</h1>
</header>
<figure>
<img class="img__responsive" src="/assets/img/graph.png" width="672" height="226">
</figure>
<div class="grid grid--full grid-small--fit grid--gutters">
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-graph"></use>
</svg>
1 Million Transactions per Second
</p>
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-servers"></use>
</svg>
Petabyte Capacity
</p>
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
</svg>
Use as a Public or Private Blockchain
</p>
</div>
</div>
</section>
<section class="section section-suitable">
<div class="row">
<header class="section-header">
<h1 class="section-title">Suitable for</h1>
</header>
<div class="grid grid--full grid-small--fit grid--gutters text-center">
<p class="grid__col">
Blockchain companies looking to scale or serve their clients
</p>
<p class="grid__col">
Companies experimenting with blockchain technologies
</p>
<p class="grid__col">
Cloud platforms wanting to deploy Blockchain as a Service
</p>
</div>
</div>
</section>
<section class="section section-whitepaper">
<div class="row">
<header class="section-header">
<h1 class="section-title">Whitepaper</h1>
</header>
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
</svg>
<p class="text-center comingsoon">Coming soon</p>
<a href="/whitepaper/">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
</svg>
Access our Whitepaper
</a>
</div>
</section>
<section id="earlyaccess" class="section section-earlyaccess background--gray">
<div class="row">
<header class="section-header">
<h1 class="section-title">Early Access</h1>
<p class="section-description">For early access and inquiries, enter your contact information below</p>
<h1 class="section-title">Sign Up for Early Access</h1>
<p class="section-description">For early access and inquiries, enter your contact information below. A member of our team will contact you.</p>
</header>
{% include/form-earlyaccess.html %}