Merge pull request #46 from ipdb/feature/shutdown

Farewell

Author: kremalicious

README.md

@@ -3,14 +3,16 @@
 > The blockchain database network for the decentralized stack
 > https://ipdb.io
 
+**Note: As of January 19th, 2018, IPDB will be shutting down. [Read about why](https://ipdb.io).**
+
 [![Build Status](https://travis-ci.org/ipdb/website.svg?branch=master)](https://travis-ci.org/ipdb/website)
 [![css bigchaindb](https://img.shields.io/badge/css-bigchaindb-39BA91.svg)](https://github.com/bigchaindb/stylelint-config-bigchaindb)
 [![js ascribe](https://img.shields.io/badge/js-ascribe-39BA91.svg)](https://github.com/ascribe/javascript)
 [![Greenkeeper badge](https://badges.greenkeeper.io/ipdb/website.svg)](https://greenkeeper.io/)
 
 ---
 
-[**Live**](https://ipdb.io) | [**Beta**](https://beta.ipdb.io) | [**Styleguide**](https://beta.ipdb.io/styleguide/)
+[**Live**](https://ipdb.io) | [**Styleguide**](https://ipdb.io/styleguide/)
 
 ---
 

_src/_assets/img/board/constance-choi.jpg

@@ -1,21 +1,21 @@
 $edge-height-sm: $spacer * 2;
-$edge-height:    $spacer * 4;
+$edge-height:    $spacer * 3;
 
 .hero {
     background: $brand-07;
-    padding-top: $spacer * 2;
+    padding-top: $spacer * 3;
     padding-bottom: 0;
-    height: calc(100vh - #{$edge-height-sm});
-    min-height: 580px;
+    height: calc(80vh - #{$edge-height-sm});
     margin-bottom: $edge-height-sm;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 
     @media ($screen-sm) {
-        height: calc(100vh - #{$edge-height});
+        height: calc(90vh - #{$edge-height});
         margin-bottom: $edge-height;
+        min-height: 500px;
     }
 
     &:after {

_src/_assets/img/board/david-holtzman.jpg

@@ -132,7 +132,6 @@ ol {
 
 
 .lead {
-    color: $brand-03;
     font-size: $font-size-large;
 }
 

_src/_assets/img/board/greg-mcmullen.jpg

@@ -1,294 +1,22 @@
 @import 'variables';
 @import 'hero';
 
-.section--intro {
-    .section__description {
-        margin-bottom: $spacer * 2;
-    }
-}
-
-.feature {
-    padding-top: $spacer;
-    padding-bottom: $spacer;
-
-    &:first-child {
-        padding-top: $spacer * 2;
-    }
-}
-
-.feature__image {
-    margin: 0 auto;
-    background: $brand-05;
-    border-radius: $border-radius;
-    overflow: hidden;
-    max-width: 400px;
-
-    @media ($screen-sm) {
-        margin: 0;
-    }
-
-    img {
-        width: 100%;
-        height: auto;
-        max-width: 100%;
-        display: block;
-    }
-}
-
-.feature__title {
-    font-size: $font-size-h4;
-    margin-bottom: $spacer / $line-height;
-}
-
-.feature__list {
-    margin: 0;
-    padding: 0;
-    margin-top: $spacer;
-
-    li {
-        display: block;
-        color: $brand-02;
-
-        @media ($screen-sm) {
-            display: inline-block;
-            margin-left: $spacer * 2;
-
-            &:first-child {
-                margin-left: 0;
-            }
-        }
-
-        &:before {
-            content: '\2714';
-            font-size: $font-size-small;
-            color: $brand-success;
-            margin-right: $spacer / 4;
-        }
-    }
-}
-
-.connect__title {
-    font-size: $font-size-h3;
-}
-
-.roadmap {
-    border-left: .2rem solid $brand-02;
-    margin-left: $spacer * 2;
-    padding-left: $spacer;
-    margin-top: $spacer * 4;
-    margin-bottom: $spacer * 2;
-
-    @media ($screen-sm) {
-        margin-left: $spacer * 3;
-        padding-left: 0;
-    }
-
-    @media ($screen-md) {
-        margin-left: 0;
-        border-left: 0;
-        border-bottom: .2rem solid $brand-02;
-
-        .row {
-            display: flex;
-            justify-content: space-between;
-        }
-    }
-}
-
-.roadmap__step {
-    position: relative;
-    margin-bottom: $spacer * 2;
-
-    @media ($screen-md) {
-        text-align: center;
-        margin-bottom: 0;
-        padding-left: $spacer / 2;
-        padding-right: $spacer / 2;
-    }
-
-    &:after {
-        content: '\2714';
-        color: transparent;
-        text-align: center;
-        font-size: $font-size-mini;
-        line-height: 2;
-        width: 1.75rem;
-        height: 1.75rem;
-        border-radius: 50%;
-        display: inline-block;
-        background: $brand-05;
-        border: .2rem solid #fff;
-        position: absolute;
-        left: -2.95rem;
-        top: -.25rem;
-
-        @media ($screen-md) {
-            position: relative;
-            left: auto;
-            top: auto;
-            bottom: -.95rem;
-        }
-    }
-
-    &.is-complete {
-        &:after {
-            content: '\2714';
-            color: $brand-03;
-            background: $brand-success;
-        }
-    }
-
-    &.is-progress {
-        &:after {
-            background: $brand-07;
-        }
-    }
-}
-
-.roadmap__net,
-.roadmap__target {
-    margin-bottom: 0;
-}
-
-.roadmap__target {
-    color: $brand-07;
-}
-
-.roadmap__time {
-    color: $brand-02;
-    font-size: $font-size-small;
-
-    @media ($screen-md) {
-        position: absolute;
-        left: 0;
-        bottom: -70%;
-        width: 100%;
-    }
-}
-
-//
-// Get started
-//
-.section--getstarted {
-    counter-reset: getstarted-steps;
-
-    .feature__image {
-        background: rgba(255, 255, 255, .5);
-    }
-
-    .section__actions {
-        border-top: 0;
-        padding-top: 0;
-        margin-top: $spacer * 2;
-    }
-}
-
-.getstarted-bigchaindb,
-.getstarted-tools {
-    padding-top: $spacer * 3;
-    margin-top: $spacer * 3;
-    border-top: .1rem solid darken($brand-05, 8%);
-
-    .grid {
-        margin-bottom: 0;
-    }
-
-    .feature__image {
-        background: #8e9eb0;
-        display: flex;
-        align-items: flex-end;
-        padding: $spacer;
-        padding-bottom: 0;
-
-        svg {
-            margin-bottom: -.5rem;
-        }
-    }
-}
-
-.getstarted {
-    color: $text-color;
-    counter-increment: getstarted-steps;
-    margin-top: $spacer * 2;
-    display: block;
-    padding-top: $spacer;
-    padding-bottom: $spacer;
-
-    @media ($screen-sm) {
-        display: flex;
-        flex-wrap: wrap;
-        height: 100%;
-        margin-top: 0;
-        padding-left: $spacer * 2;
-        padding-right: $spacer * 2;
-
-        .grid__col:first-child & {
-            border-right: .1rem solid darken($brand-05, 8%);
-            padding-left: 0;
-        }
-
-        .grid__col:last-child & {
-            border-left: .1rem solid darken($brand-05, 8%);
-            padding-right: 0;
-        }
-    }
-}
-
-.getstarted__title {
-    font-size: $font-size-h4;
-    margin-bottom: $spacer / 4;
-
-    a & {
-        color: $link-color;
-    }
-
-    &:before {
-        content: counter(getstarted-steps);
-        display: block;
-        background: rgba($brand-02, .3);
-        width: 1.75rem;
-        height: 1.75rem;
-        border-radius: 50%;
-        text-align: center;
-        line-height: 1.75rem;
-        font-size: $font-size-base;
-        font-weight: $font-weight-bold;
-        margin-bottom: $spacer / 1.5;
-        color: $text-color;
-    }
-}
-
-.getstarted__text {
-    opacity: .9;
-}
-
-// Community tools
-.tool {
-    margin-bottom: $spacer * 2;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
-
-.tool__title {
-    font-size: $font-size-h5;
-    margin-bottom: $spacer / 4;
-
-    .icon {
-        fill: inherit;
-        opacity: .5;
-        margin-left: $spacer / 2;
-        width: $font-size-mini;
-        margin-bottom: -.2rem;
-    }
+.section--farewell {
+    margin-top: -3rem;
+    z-index: 2;
 }
 
 //
 // Connect
 //
 .articles {
     max-width: 100%;
+    margin-top: $spacer;
+    margin-bottom: -$spacer;
+
+    .button {
+        padding-bottom: 0;
+    }
 }
 
 .article {