diff --git a/_src/_assets/images/graph.png b/_src/_assets/images/graph.png new file mode 100644 index 0000000..37eca25 Binary files /dev/null and b/_src/_assets/images/graph.png differ diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss index 612276d..db41ae9 100644 --- a/_src/_assets/styles/bigchain.scss +++ b/_src/_assets/styles/bigchain.scss @@ -21,6 +21,7 @@ @import 'bigchain/_logo'; @import 'bigchain/_icons'; @import 'bigchain/_grid'; +@import 'bigchain/_media'; @import 'bigchain/_sections'; @import 'bigchain/_alerts'; @import 'bigchain/_footer'; diff --git a/_src/_assets/styles/bigchain/_media.scss b/_src/_assets/styles/bigchain/_media.scss new file mode 100644 index 0000000..79a85c5 --- /dev/null +++ b/_src/_assets/styles/bigchain/_media.scss @@ -0,0 +1,5 @@ + +.img__responsive { + max-width: 100%; + height: auto; +} diff --git a/_src/_assets/styles/page-front.scss b/_src/_assets/styles/page-front.scss index 8768e71..555a7fd 100644 --- a/_src/_assets/styles/page-front.scss +++ b/_src/_assets/styles/page-front.scss @@ -32,7 +32,8 @@ } .logo { - fill-opacity: .6; + fill: #fff; + fill-opacity: .8; margin: auto; max-width: 31em; @@ -49,10 +50,10 @@ &:after { display: none } } - .btn-link { + .btn { color: #fff; margin-top: ($spacer * 4); - opacity: .7; + opacity: .8; &:hover, &:focus { opacity: 1; } @@ -67,23 +68,10 @@ } } - .btn { - &:hover, - &:focus, - &:active { - text-shadow: none; - } - } - - .btn-link { - - } - // intro animation .logo, .section-title, - .btn, - .hero__comingsoon { + .btn { @extend .animation-slide-in-from-bottom; animation-duration: 1s; animation-fill-mode: backwards; @@ -94,20 +82,16 @@ } .section-title, - .btn, - .hero__comingsoon { + .btn { @extend .animation-slide-in-from-bottom; animation-play-state: paused; } - .hero__comingsoon { animation-delay: .2s; } - .btn { animation-delay: .4s; } - .btn-link { animation-delay: .6s; } + .btn { animation-delay: .2s; } &.is-ready { .section-title, - .btn, - .hero__comingsoon { + .btn { animation-play-state: running; } } @@ -132,22 +116,21 @@ text-align: center; border-bottom: 1px solid lighten($brand-main-gray, 40%); + figure { + display: block; + margin-bottom: ($spacer * 3); + margin-top: -($spacer * 3); + } + .icon { display: block; margin: auto; margin-bottom: $spacer; } -} - -.section-whitepaper { - .icon { - stroke: $brand-main-gray; - stroke-dasharray: 4,4; - opacity: .3; + .comingsoon { display: block; - margin: auto; - margin-bottom: $spacer; + color: $gray-light; } } diff --git a/_src/index.html b/_src/index.html index 3d5be33..33a882d 100644 --- a/_src/index.html +++ b/_src/index.html @@ -11,11 +11,8 @@ front_page: true
- Coming soon - Get Early Access -
+Something like a value proposition also would fit here, just something to explain what exactly Bigchain is, what I can do with it and so on.
+
Create excitement by saying here what the whitepaper will contain and why visitors would want it.
-
Coming soon
-