Merge pull request #165 from ascribe/feature/mediakit

Media KITT and FAQ and tweaked About page
2024-11-22 01:36:55 +01:00 · 2017-08-23 17:31:39 +02:00 · 2017-08-23 17:31:39 +02:00 · 844f5e7ea5
commit 844f5e7ea5
parent 0d282ff8f2 d9d80ce9ff
43 changed files with 631 additions and 206 deletions
--- a/.travis.yml
+++ b/.travis.yml
@ -11,7 +11,7 @@ cache:
  - $TRAVIS_BUILD_DIR/node_modules

 before_install:
-    - nvm install 7
+    - nvm install 8

 before_script: "_ci/setup.sh"
 script: "_ci/build.sh"
--- a/_src/_assets/images/logo-square.svg
+++ b/_src/_assets/images/logo-square.svg
@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025">
+  <g fill="none" fill-rule="evenodd" transform="translate(0 .715)">
+    <polygon fill="#074354" points="0 1024 1024 1024 1024 0 0 0"/>
+    <path fill="#04C695" d="M651.781689,281.053867 C524.435342,281.053867 420.834987,384.654222 420.834987,511.993742 C420.834987,639.333831 524.435342,742.939876 651.781689,742.939876 C779.127467,742.939876 882.727822,639.333831 882.727822,511.993742 C882.727822,384.654222 779.127467,281.053867 651.781689,281.053867 M651.781689,767.100587 C511.117653,767.100587 396.679964,652.662898 396.679964,511.993742 C396.679964,371.336533 511.117653,256.898844 651.781689,256.898844 C792.445156,256.898844 906.888533,371.336533 906.888533,511.993742 C906.888533,652.662898 792.445156,767.100587 651.781689,767.100587"/>
+    <path fill="#FFFFFF" d="M570.760533 595.792213L585.910044 595.792213C595.143111 595.792213 601.7024 593.493902 605.570844 588.863147 609.439289 584.249458 611.367822 576.996124 611.367822 567.108836L611.367822 456.568036C611.367822 447.5392 609.541689 440.564622 605.889422 435.620978 602.231467 430.677333 595.581156 428.202667 585.910044 428.202667L570.760533 428.202667 570.760533 595.792213zM537.882738 397.266489L586.552889 397.266489C605.246578 397.266489 619.537067 402.477511 629.418667 412.899556 639.300267 423.3216 644.243911 437.873778 644.243911 456.568036L644.243911 563.894613C644.243911 585.375858 639.0272 601.219413 628.610844 611.430969 618.1888 621.636836 603.198578 626.728391 583.651556 626.728391L537.882738 626.728391 537.882738 397.266489zM708.050489 593.864249L722.232889 593.864249C728.888889 593.864249 734.099911 592.897138 737.860267 590.962916 741.620622 589.023004 744.470756 586.343538 746.404978 582.90176 748.3392 579.47136 749.5168 575.386738 749.949156 570.659271 750.375822 565.931804 750.592 560.777671 750.592 555.185493 750.592 549.388516 750.273422 544.342471 749.624889 540.041671 748.982044 535.740871 747.639467 532.139804 745.597156 529.24416 743.554844 526.342827 740.7104 524.141227 737.058133 522.633671 733.400178 521.137493 728.564622 520.380871 722.551467 520.380871L708.050489 520.380871 708.050489 593.864249zM708.050489 491.373227L722.875733 491.373227C733.838222 491.373227 741.188267 488.636871 744.954311 483.158471 748.708978 477.674382 750.592 469.675804 750.592 459.145671 750.592 448.830578 748.498489 441.093689 744.311467 435.939556 740.118756 430.779733 732.541156 428.202667 721.590044 428.202667L708.050489 428.202667 708.050489 491.373227zM675.1744 397.2608L723.2 397.2608C733.724444 397.2608 742.695822 398.876444 750.108444 402.096356 757.526756 405.321956 763.591111 409.617067 768.318578 414.993067 773.046044 420.363378 776.425244 426.541511 778.473244 433.521778 780.515556 440.507733 781.533867 447.755378 781.533867 455.277227L781.533867 463.65696C781.533867 469.891982 781.050311 475.154204 780.0832 479.449316 779.116089 483.755804 777.665422 487.510471 775.7312 490.730382 773.796978 493.955982 771.4304 496.800427 768.642844 499.269404 765.843911 501.744071 762.624 504.05376 758.971733 506.198471 766.708622 509.856427 772.397511 515.277938 776.055467 522.474382 779.702044 529.676516 781.533867 539.290738 781.533867 551.317049L781.533867 564.208071C781.533867 584.409316 776.647111 599.883093 766.867911 610.618027 757.088711 621.364338 741.455644 626.72896 719.9744 626.72896L675.1744 626.72896 675.1744 397.2608zM217.982293 521.330916L171.873849 521.330916C167.112249 521.330916 163.249493 524.880782 163.249493 529.255538L163.249493 721.625316C163.249493 726.000071 167.112249 729.549938 171.873849 729.549938L217.982293 729.549938C271.150649 729.549938 300.863716 707.289316 300.863716 625.437582 300.863716 550.770916 271.150649 521.330916 217.982293 521.330916M217.982293 294.4512L171.873849 294.4512C167.112249 294.4512 163.249493 298.001067 163.249493 302.375822L163.249493 476.075804C163.249493 480.45056 167.112249 484.000427 171.873849 484.000427L217.982293 484.000427C268.02176 484.000427 296.170382 457.439004 296.170382 389.2224 296.170382 314.555733 268.02176 294.4512 217.982293 294.4512M313.373582 738.162916C290.697671 758.97856 262.549049 767.597227 216.417849 767.597227L125.742649 767.597227C120.97536 767.597227 117.112604 764.053049 117.112604 759.672604L117.112604 264.322844C117.112604 259.948089 120.97536 256.403911 125.742649 256.403911L217.197227 256.403911C262.549049 256.403911 289.918293 264.2944 311.809138 285.832533 335.264427 308.815644 342.307271 335.377067 342.307271 388.5056 342.307271 424.408178 337.613938 455.999716 309.465316 481.844338 298.514204 491.896604 286.004338 499.075982 274.279538 501.948871 289.133227 504.82176 301.643093 511.995449 312.594204 522.053404 343.086649 550.770916 346.994916 588.823893 346.994916 625.437582 346.994916 688.618382 336.83456 715.902293 313.373582 738.162916"/>
+  </g>
+</svg>
--- a/_src/_assets/images/logo.svg
+++ b/_src/_assets/images/logo.svg
--- a/_src/_assets/javascripts/bigchain.js
+++ b/_src/_assets/javascripts/bigchain.js
@ -1,6 +1,7 @@

 //=include svg4everybody/dist/svg4everybody.js
 //=include jquery/dist/jquery.js
+//=include smooth-scroll/dist/js/smooth-scroll.js

 //=include bigchain/analytics.js
 //=include bigchain/dnt.js
@ -19,6 +20,14 @@ jQuery(function($) {
    }


+    //
+    // init Smooth Scroll
+    //
+    var scroll = new SmoothScroll('a[data-scroll]', {
+        easing: 'easeOutQuint'
+    });
+
+
    //
    // Open all external links in new window
    //
@ -33,7 +42,7 @@ jQuery(function($) {
    //
    // Automatically add header links to all Markdown headings
    //
-    $('.content--page--markdown h1:not(#heading-1), .content--page--markdown h2:not(#heading-2)').each(function(i, el) {
+    $('.content--page--markdown h1:not(#heading-1), .content--page--markdown h2:not(#heading-2), .faq__question').each(function(i, el) {
        var $el, icon, id;
        $el = $(el);
        id = $el.attr('id');
--- a/_src/_assets/javascripts/bigchain/smoothscroll.js
+++ b/_src/_assets/javascripts/bigchain/smoothscroll.js
@ -1,58 +0,0 @@
-//
-// https://github.com/bendc/anchor-scroll/blob/master/scroll.min.js
-//
-
-document.addEventListener("DOMContentLoaded", function() {
-    var e = function() {
-            if ("scrollingElement" in document) return document.scrollingElement;
-            var a = document.documentElement,
-                b = a.scrollTop;
-            a.scrollTop = b + 1;
-            var c = a.scrollTop;
-            a.scrollTop = b;
-            return c > b ? a : document.body
-        }(),
-        g = function(a) {
-            var b = e.scrollTop;
-            if (2 > a.length) a = -b;
-            else if (a = document.querySelector(a)) {
-                a = a.getBoundingClientRect().top;
-                var c = e.scrollHeight - window.innerHeight;
-                a = b + a < c ? a : c - b
-            } else a = void 0;
-            if (a) return new Map([
-                ["start", b],
-                ["delta", a]
-            ])
-        },
-        h = function(a) {
-            var b =
-                a.getAttribute("href"),
-                c = g(b);
-            if (c) {
-                var d = new Map([
-                        ["duration", 800]
-                    ]),
-                    k = performance.now();
-                requestAnimationFrame(function l(a) {
-                    d.set("elapsed", a - k);
-                    a = d.get("duration");
-                    var f = d.get("elapsed"),
-                        g = c.get("start"),
-                        h = c.get("delta");
-                    e.scrollTop = Math.round(h * (-Math.pow(2, -10 * f / a) + 1) + g);
-                    d.get("elapsed") < d.get("duration") ? requestAnimationFrame(l) : (null, null, b, e.scrollTop = c.get("start") + c.get("delta"))
-                })
-            }
-        },
-        f = document.querySelectorAll("a.scroll");
-    (function b(c, d) {
-        var e = c.item(d);
-        e.addEventListener("click",
-            function(b) {
-                b.preventDefault();
-                h(e)
-            });
-        if (d) return b(c, d - 1)
-    })(f, f.length - 1)
-});
--- a/_src/_assets/javascripts/page-about.js
+++ b/_src/_assets/javascripts/page-about.js
@ -0,0 +1,65 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+    var trigger = document.getElementsByClassName('team__bio__trigger')[0]
+    var bio = document.getElementsByClassName('team__bio')
+
+    trigger.addEventListener('click', function(e) {
+        for (var i = 0; i < bio.length; ++i) {
+            var item = bio[i]
+
+            if (item.style.display == 'block') {
+                item.style.display = 'none'
+                trigger.innerHTML = '<span>+</span>Show bios'
+                hide(item)
+            } else {
+                item.style.display = 'block'
+                trigger.innerHTML = '<span>−</span>Hide bios'
+                show(item)
+            }
+        }
+    })
+})
+
+function show(ele) {
+    raf = window.requestAnimationFrame(function() {
+        var opacity = 0
+        var height = 0
+
+        function increase () {
+            opacity += 0.1
+            height += 1
+            if (opacity >= 1) {
+                // complete
+                ele.style.opacity = 1
+                ele.style.height = '100%'
+                return true
+            }
+            ele.style.opacity = opacity
+            ele.style.height = height + '%'
+
+            requestAnimationFrame(increase)
+        }
+        increase()
+    });
+}
+
+function hide(ele) {
+    raf = window.requestAnimationFrame(function() {
+        var opacity = 1
+        var height = '100%'
+        function decrease () {
+            opacity += 0.1
+            height += 1
+            if (opacity >= 1) {
+                // complete
+                ele.style.opacity = 0
+                ele.style.height = 0
+                return true
+            }
+            ele.style.opacity = opacity
+            ele.style.height = height + '%'
+            requestAnimationFrame(decrease)
+        }
+        decrease()
+    })
+}
--- a/_src/_assets/javascripts/page-enterprise.js
+++ b/_src/_assets/javascripts/page-enterprise.js
@ -1,4 +1,3 @@
-//=include bigchain/smoothscroll.js
 //=include bigchain/form-enterprise.js

 jQuery(function($) {
--- a/_src/_assets/javascripts/page-front.js
+++ b/_src/_assets/javascripts/page-front.js
@ -1,6 +1,5 @@

 //=include bigchain/testimonials.js
-//=include bigchain/smoothscroll.js
 //=include bigchain/github.js
 //=include bigchain/meetup.js

--- a/_src/_assets/javascripts/page-getstarted.js
+++ b/_src/_assets/javascripts/page-getstarted.js
@ -1,7 +1,6 @@
 //=require gumshoe/dist/js/gumshoe.js

 //=include bigchain/tab.js
-//=include bigchain/smoothscroll.js
 //=include bigchain/newsletter.js

 const ipdbUrl = 'https://test.ipdb.io'
--- a/_src/_assets/javascripts/page-usecases.js
+++ b/_src/_assets/javascripts/page-usecases.js
@ -1,4 +1,3 @@
-//=include bigchain/smoothscroll.js
 //=include bigchain/newsletter.js

 jQuery(function($) {
--- a/_src/_assets/styles/_page-about.scss
+++ b/_src/_assets/styles/_page-about.scss
@ -0,0 +1,68 @@
+.section--team {
+    padding-top: 0;
+}
+
+.section--about {
+    padding-top: $spacer * 4;
+
+    .section-header {
+        margin-bottom: $spacer * 2;
+    }
+
+    h2:first-of-type {
+        margin-top: 0;
+    }
+
+    .story {
+        @media ($screen-md) {
+            padding-right: $spacer * 3;
+        }
+    }
+}
+
+.widget {
+    margin-top: $spacer * 2;
+    padding: $spacer * 1.5;
+    background: rgba($brand-main-blue-dark, .15);
+
+    @media ($screen-md) {
+        &:first-child {
+            margin-top: $spacer * 5;
+        }
+    }
+}
+
+.widget__title {
+    font-size: $font-size-h4;
+    margin-bottom: $spacer / 2;
+    margin-top: 0;
+}
+
+.brand {
+    margin-top: $spacer * $line-height;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+.brand__logo {
+    padding: $spacer * 2;
+    border: 1px solid rgba($gray-light, .25);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .brand--dark & {
+        background: $text-color;
+    }
+
+    .brand--square & {
+        padding: $spacer * 1.2 $spacer * 2;
+    }
+}
+
+.brand__logo__download {
+    text-align: center;
+    margin-bottom: 0;
+}
--- a/_src/_assets/styles/_page-faq.scss
+++ b/_src/_assets/styles/_page-faq.scss
@ -0,0 +1,14 @@
+.faq {
+    padding-top: $spacer * 3;
+}
+
+.faq__question {
+    font-size: $font-size-h4;
+}
+
+.faq-contents__title {
+    font-size: $font-size-h5;
+    margin-top: $spacer / 2;
+    margin-bottom: $spacer / 2;
+    color: $brand-main-gray-lighter;
+}
--- a/_src/_assets/styles/bigchain.scss
+++ b/_src/_assets/styles/bigchain.scss
@ -61,5 +61,6 @@
@import 'page-cla';
@import 'page-partners';
@import 'page-enterprise';
+@import 'page-faq';
@import 'ipdb';
@import '9984';
--- a/_src/_assets/styles/bigchain/_content-page.scss
+++ b/_src/_assets/styles/bigchain/_content-page.scss
@ -8,7 +8,8 @@
    }

    > h1,
-    h2 {
+    h2,
+    .faq__question {
        &:not(#heading-1):not(#heading-2) {
            border-bottom: 1px solid $brand-main-blue-light;
            padding-bottom: $spacer;
@ -48,7 +49,7 @@

        .header-icon {
            font-style: normal;
-            font-size: 2rem;
+            font-size: $font-size-lg;
            color: $brand-primary;
        }
    }
--- a/_src/_assets/styles/bigchain/_grid.scss
+++ b/_src/_assets/styles/bigchain/_grid.scss
@ -135,11 +135,14 @@
        max-width: none;

        &.grid__col--1 { flex: 0 0 16%; }
-        &.grid__col--2 { flex: 0 0 33.3%; }
+        &.grid__col--2 { flex: 0 0 25%; }
        &.grid__col--3 { flex: 0 0 50%; }
-        &.grid__col--4 { flex: 0 0 66.6%; }
+        &.grid__col--4 { flex: 0 0 75%; }
        &.grid__col--5 { flex: 0 0 84%; }
        &.grid__col--6 { flex: 0 0 100%; }
+
+        &.grid__col--2-3 { flex: 0 0 (100% / 1.5); }
+        &.grid__col--1-3 { flex: 0 0 (100% / 3); }
    }
 }

--- a/_src/_assets/styles/bigchain/_team.scss
+++ b/_src/_assets/styles/bigchain/_team.scss
@ -3,7 +3,6 @@
 // ---
 // bigchaindb.com
 //
-
 .team__image {
    @extend .img--responsive;
    background: $brand-main-gray;
@ -64,6 +63,57 @@
    }
 }

+.team__bio {
+    text-align: left;
+    font-size: $font-size-sm;
+    margin-bottom: 0;
+    margin-top: $spacer;
+    display: none;
+    opacity: 0;
+    height: 0;
+    transition: .4s ease-out;
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.team__bio__trigger {
+    display: block;
+    text-align: center;
+    cursor: pointer;
+    padding-top: $spacer;
+    border-top: 1px solid $gray-dark;
+    margin-top: $spacer * 3;
+    margin-bottom: $spacer * 2;
+    position: relative;
+    font-size: $font-size-sm;
+    color: $gray;
+
+    span {
+        width: 2rem;
+        height: 2rem;
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: -2rem;
+        background: $gray-dark;
+        color: $gray-light;
+        font-size: $font-size-lg;
+        line-height: 1.35;
+        transition: .15s ease-out;
+    }
+
+    &:hover {
+        border-top-color: darken($gray-dark, 5%);
+
+        span {
+            background: darken($gray-dark, 5%);
+            color: $brand-main-green;
+        }
+    }
+}
+

 //
 // Grid redefinition: more spacious
--- a/_src/_data/faq.yml
+++ b/_src/_data/faq.yml
@ -0,0 +1,26 @@
+- question: How does BigchainDB provide decentralized control?
+  answer: "The BigchainDB server software runs on each server in a cluster. One key requirement is that every node in the cluster should be owned and operated by a different person or organization. The degree of democracy or autocracy can vary and is something enforced by the organization overseeing the cluster. Ideally, the nodes should be located in many countries, legal jurisdictions and hosting providers, so an issue with one doesn’t affect them all. The only people who can create a valid transfer transaction are the people with the necessary private keys. Nobody else, including node operators, can do that: the power to transact is decentralized."
+
+- question: How is BigchainDB immutable?
+  answer: "Within BigchainDB, all data is copied to several different places. The higher the replication factor, set by the consortium, the more difficult it becomes to change or delete all replicas. All nodes also monitor all changes so if some unauthorized change happens, appropriate action can be taken. Cryptographic signatures and hashes are also extensively used. In BigchainDB, each transaction must be signed, each block is signed by the node that created it, and each vote is signed by the node that cast it."
+
+- question: How does BigchainDB provide Sybil tolerance?
+  answer: "BigchainDB is run within federations, where the governing organization behind the network knows and controls who they allow to operate the nodes. There’s no way for one entity to add additional nodes without the permission of the federation. Hosting diversity also protects against a Sybil attack. It prevents any one hosting company from taking control of a majority of nodes. If a hosting company did spin up a new node using the private key already in their hosting infrastructure, the database would have to be reconfigured, alerting the federation about the new node."
+
+- question: What are Native Assets?
+  answer: "BigchainDB has a built-in concept of assets, along with built-in transaction validity checking. Every BigchainDB transaction is a JSON document with a data structure in which “assets” and “asset transfers” are first-class, fully-supported concepts. A transaction can be used to “create” an asset. A transaction can also be used to transfer an asset from one public key to another. In BigchainDB, the person who holds the private key associated with the current owner’s public key is the owner of the asset linked to that public key. BigchainDB makes sure that only the owner of an asset can transfer that asset. BigchainDB also allows more complicated ownership and control structures. For example, an asset transfer might be enabled if any two of three controllers allow it."
+
+- question: Is BigchainDB Byzantine Fault Tolerant (BFT)?
+  answer: "BigchainDB is not currently BFT. It will be offered as an option in future releases with the expectation that turning it on will come at a cost to performance. Full BFT does not scale, and in most practical systems is not necessary. BigchainDB handles crashes and many arbitrary failures. BigchainDB takes a pragmatic approach to security and fault tolerance by adding many security features, including verification of every transaction by all federation nodes and immutability. All federations and nodes are advised to follow best-in-class security standards and regularly run internal tests."
+
+- question: How do I try BigchainDB?
+  answer: "If you want to try BigchainDB, then you need a BigchainDB cluster to connect to. One option is to install a single-node BigchainDB cluster on your local machine. The [Quickstart](https://docs.bigchaindb.com/projects/server/en/latest/quickstart.html) page in the BigchainDB Server docs has installation instructions. Another option is to connect to an existing BigchainDB cluster, such as the IPDB Test Network. Once you have a BigchainDB cluster to connect to, you can communicate with it via the BigchainDB HTTP API and the WebSocket Event Stream API. To find a list of all tools and libraries, visit the [Get Started](https://www.bigchaindb.com/getstarted/) page."
+
+- question: Is there a public instance of BigchainDB?
+  answer: "[IPDB](https://ipdb.io) — the Interplanetary Database —is a public BigchainDB network. It’s made up of two parts: a blockchain database for the world computer and a foundation that guides it. If you’re not looking to set up your own federation, you can sign up for IPDB and connect instantly, no installation need. The IPDB caretakers will handle running a BigchainDB network for you."
+
+- question: Can I get a commercial license for BigchainDB?
+  answer: "BigchainDB has a few different models: consulting for education, ideation and use definition and development; the subscription model, a per node fee for enterprise software billed on an annual contract; or support packages based on a retainer rate. Get more information on BigchainDB’s [Enterprise](https://www.bigchaindb.com/enterprise/) page. "
+
+# - question:
+#   answer: ""
--- a/_src/_data/menus.yml
+++ b/_src/_data/menus.yml
@ -12,12 +12,14 @@ main:
      url: https://docs.bigchaindb.com/

 secondary:
+    - title: FAQ
+      url: "/faq/"
+    - title: About
+      url: "/about/"
    - title: Whitepaper
      url: "/whitepaper/"
    - title: Blog
      url: https://blog.bigchaindb.com
-    - title: About
-      url: "/about/"
    - title: Contact
      url: "/contact/"

--- a/_src/_data/team.yml
+++ b/_src/_data/team.yml
@ -1,4 +1,41 @@
+founders:
+    - name:     Bruce Pon
+      position: CEO
+      image:    team-bruce.jpg
+      twitter:  BrucePon
+      linkedin: ponbruce
+      bio: |
+        Bruce Pon is the CEO and co-founder of BigchainDB. Prior to BigchainDB, Bruce co-founded Avantalion International Consulting, a consulting firm specialized in building banks and industry startups in Europe and Asia for companies such as Mercedes-Benz, Volkswagen, Mitsubishi. Bruce is a board member, advisor and investor in six startups.

+        He has an Advanced Executive Certificate from MIT Sloan and a B.Sc in Engineering from the University of Saskatchewan.
+
+    - name:     Trent McConaghy
+      position: CTO
+      image:    team-trent.jpg
+      twitter:  trentmc0
+      facebook: trent.mcconaghy
+      linkedin: trentmc
+      github:   trentmc
+      bio: |
+        Trent McConaghy has 20 years of deep technology experience with a focus on machine learning, data visualization and user experience. He was a researcher at the Canadian Department of Defense and in 1999, he co-founded Analog Design Automation Inc. and was its CTO until its acquisition by Synopsys Inc. In 2004, he co-founded Solido Design Automation Inc., once again in the role of CTO.
+
+        Trent has written two critically acclaimed books on machine learning, creativity and circuit design and has authored or co-authored more than 40 papers and patents.
+
+        Trent has a PhD in Engineering from KU Leuven, Belgium and Bachelor’s degrees in Engineering and in Computer Science from the University of Saskatchewan where he won awards for the top PhD thesis and top undergraduate thesis.
+
+    - name:     Masha McConaghy
+      position: CMO
+      image:    team-masha.jpg
+      linkedin: mashamc
+      bio: |
+        Masha McConaghy, curator and researcher, is a co-founder and CMO at BigchainDB and ascribe.io, a service enabling immutable attribution for artists and clear provenance for digital and physical art.
+
+        She has a PhD in Arts from Pantheon-Sorbonne University, Paris and a Museology Degree from Louvre School, Paris. She has organized exhibitions throughout the world and has worked with curators at the Louvre Museum in Paris and directed a commercial gallery in Vancouver.
+
+        Her current pursuits are at the intersection of art, IP and applications of new technology.
+
+
+team:
    - name:     Daniel Lustig
      position: Administrative Assistant
      image:    team-daniel.jpg
@ -17,25 +54,6 @@
      twitter:  Zimmtstern_7
      linkedin: simonschwerin

- name:     Bruce Pon
-  position: CEO
-  image:    team-bruce.jpg
-  twitter:  BrucePon
-  linkedin: ponbruce
-
- name:     Trent McConaghy
-  position: CTO
-  image:    team-trent.jpg
-  twitter:  trentmc0
-  facebook: trent.mcconaghy
-  linkedin: trentmc
-  github:   trentmc
-
- name:     Masha McConaghy
-  position: CMO
-  image:    team-masha.jpg
-  linkedin: mashamc
-
    - name:     Alberto Granzotto
      position: Developer
      image:    team-alberto.jpg
--- a/_src/_includes/hero.html
+++ b/_src/_includes/hero.html
@ -35,6 +35,6 @@
        </div>
    </aside>

-    <a class="hero__more scroll btn btn-link btn-sm" href="#features">Learn More <svg class="icon"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
+    <a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>

 </header>
--- a/_src/_includes/team.html
+++ b/_src/_includes/team.html
@ -1,10 +1,69 @@
+<div class="grid grid--full grid-small--half grid-medium--third grid--gutters text-center grid--founders">

-<div class="grid grid--full grid-small--half grid-medium--third grid--gutters text-center grid--team">
+    {% assign founders = site.data.team.founders %}

-    {% assign team = site.data.team | sort: 'name' %}
+    {% for member in founders %}
+    <div class="grid__col">
+        <article class="team">
+            <img class="team__image" src="/assets/img/{{ member.image }}">
+            <h1 class="team__name">{{ member.name }}</h1>
+            <p class="team__position">{{ member.position }}</p>
+
+            <p class="team__social">
+
+                {% if member.twitter %}
+                    <a class="team__social__link" href="https://twitter.com/{{ member.twitter }}">
+                        <svg class="icon icon--social icon--twitter" aria-labelledby="title">
+                            <title>Twitter</title>
+                            <use xlink:href="/assets/img/sprite.svg#twitter"></use>
+                        </svg>
+                    </a>
+                {% endif %}
+                {% if member.facebook %}
+                    <a class="team__social__link" href="https://facebook.com/{{ member.facebook }}">
+                        <svg class="icon icon--social icon--facebook" aria-labelledby="title">
+                            <title>Facebook</title>
+                            <use xlink:href="/assets/img/sprite.svg#facebook"></use>
+                        </svg>
+                    </a>
+                {% endif %}
+                {% if member.github %}
+                    <a class="team__social__link" href="https://github.com/{{ member.github }}">
+                        <svg class="icon icon--social icon--github" aria-labelledby="title">
+                            <title>GitHub</title>
+                            <use xlink:href="/assets/img/sprite.svg#github"></use>
+                        </svg>
+                    </a>
+                {% endif %}
+                {% if member.linkedin %}
+                    <a class="team__social__link" href="https://www.linkedin.com/in/{{ member.linkedin }}">
+                        <svg class="icon icon--social icon--linkedin" aria-labelledby="title">
+                            <title>LinkedIn</title>
+                            <use xlink:href="/assets/img/sprite.svg#linkedin"></use>
+                        </svg>
+                    </a>
+                {% endif %}
+
+            </p>
+
+            <div class="team__bio">{{ member.bio | markdownify }}</div>
+
+        </article>
+    </div>
+    {% endfor %}
+
+</div>
+
+<div class="team__bio__trigger"><span>+</span>Show bios</div>
+
+
+
+<div class="grid grid--full grid-small--third grid-medium--columns grid--gutters text-center grid--team">
+
+    {% assign team = site.data.team.team | sort: 'name' %}

    {% for member in team %}
-    <div class="grid__col">
+    <div class="grid__col grid__col--2">
        <article class="team">
            <img class="team__image" src="/assets/img/{{ member.image }}">
            <h1 class="team__name">{{ member.name }}</h1>
--- a/_src/_layouts/about.html
+++ b/_src/_layouts/about.html
@ -0,0 +1,98 @@
+---
+layout: base
+---
+
+<header role="banner" class="header" {% if page.image %}style="background-image:url('/assets/img/{{ page.image }}')"{% endif %}>
+
+    {% include menu-main.html %}
+
+    <div class="row">
+        <div class="header__content">
+            <h1 class="header__title">{{ page.title }}</h1>
+        </div>
+    </div>
+</header>
+
+<section role="main" class="content content--page">
+
+    <section class="section section--about">
+        <div class="row">
+            <header class="section-header">
+                <p class="section-description">{{ page.intro }}</p>
+            </header>
+        </div>
+        <div class="row row--wide">
+            <div class="grid grid--full grid-medium--columns grid--gutters">
+
+                <div class="grid__col grid__col--2-3 story">
+                    {{ content }}
+                </div>
+
+                <div class="grid__col grid__col--1-3">
+
+                    <aside class="widget widget--mediakit">
+                        <h2 class="widget__title">{{ page.mediakit.title }}</h2>
+                        <p>{{ page.mediakit.description }}</p>
+                        <a class="btn btn-primary btn-sm" href="{{ page.mediakit.link }}">{{ page.mediakit.download }}</a>
+                    </aside>
+
+                    <aside class="widget widget--logo">
+                        <h2 class="widget__title">{{ page.brand.title }}</h2>
+                        <p>{{ page.brand.description }}</p>
+
+                        <div class="brand brand--dark">
+                            <figure class="brand__logo">
+                                <svg class="logo logo--sm logo--color" aria-labelledby="title">
+                                    <title>Logo BigchainDB</title>
+                                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
+                                </svg>
+                            </figure>
+                            <p class="brand__logo__download">
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb.svg" download>SVG</a>
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb.png" download>PNG</a>
+                            </p>
+                        </div>
+
+                        <div class="brand brand--light">
+                            <figure class="brand__logo">
+                                <svg class="logo logo--sm logo--white--green" aria-labelledby="title">
+                                    <title>Logo BigchainDB</title>
+                                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
+                                </svg>
+                            </figure>
+                            <p class="brand__logo__download">
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb-white.svg" download>SVG</a>
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb-white.png" download>PNG</a>
+                            </p>
+                        </div>
+
+                        <div class="brand brand--light brand--square">
+                            <figure class="brand__logo">
+                                <svg class="logo" aria-labelledby="title">
+                                    <title>Logo BigchainDB</title>
+                                    <use xlink:href="/assets/img/sprite.svg#logo-square"></use>
+                                </svg>
+                            </figure>
+                            <p class="brand__logo__download">
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb-square.svg" download>SVG</a>
+                                <a class="btn btn-secondary btn-xs" href="/mediakit/logo/logo-bigchaindb-square.png" download>PNG</a>
+                            </p>
+                        </div>
+
+                    </aside>
+
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <section class="section section--team">
+        <div class="row row--wide">
+            <h1 class="section-title">Team</h1>
+
+            {% include team.html %}
+        </div>
+    </section>
+
+</section>
--- a/_src/about.md
+++ b/_src/about.md
@ -1,17 +1,32 @@
 ---
 title: 'About BigchainDB'
-layout: page
+layout: about
+
+js: page-about.min.js

 ipdb: true
+
+brand:
+    title: Brand Assets
+    description: You don't have to use Google to get our logo.
+
+mediakit:
+    title: Media Kit
+    description: Get our full media kit in one handy package.
+    download: Download media kit (zip)
+    link: /mediakit.zip
+
+intro: >
+    BigchainDB is scalable blockchain database offering decentralization, immutability and native assets. BigchainDB allows for the deployment of large-scale applications in a variety of use cases and industries from intellectual property and identity to supply chain, IoT and artificial intelligence. BigchainDB provides unique solutions for developers, start-ups and enterprises to successfully build their concepts, platforms and applications as big as they can dream.
+
 ---
+
+## Our story
+
 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.

-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. See our roadmap <a href="https://github.com/bigchaindb/org/blob/master/ROADMAP.md">here</a>.
+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. See our [roadmap](https://github.com/bigchaindb/org/blob/master/ROADMAP.md).

 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.

-<a href="https://www.ascribe.io/">ascribe</a>, <a href="https://www.whereonthe.net/">WhereOnTheNet</a> and <a href="https://ipdb.foundation/">IPDB</a> are all registered trademarks of BigchainDB.
-
-## Team
-
-{% include team.html %}
+[ascribe](https://www.ascribe.io/), [WhereOnTheNet](https://www.whereonthe.net/) and [IPDB](https://ipdb.io/) are all registered trademarks of BigchainDB.
--- a/_src/enterprise.html
+++ b/_src/enterprise.html
@ -96,7 +96,7 @@ contact:
            <p class="section-description">{{ page.hero.description }}</p>

            {% for cta in page.hero.cta %}
-                <a class="btn hero__action {% if cta.scroll %}scroll{% endif %}" href="{{ cta.link }}">{{ cta.name }}</a>
+                <a class="btn hero__action" href="{{ cta.link }}" {% if cta.scroll %}data-scroll{% endif %}>{{ cta.name }}</a>
            {% endfor %}
        </hgroup>
    </div>
--- a/_src/faq.html
+++ b/_src/faq.html
@ -0,0 +1,24 @@
+---
+layout: page
+
+title: Frequently answered questions
+---
+
+<section class="section section--faq">
+    <div class="row">
+
+        <div class="faq-contents">
+            {% for faq in site.data.faq %}
+                <h1 class="faq-contents__title"><a href="#{{ faq.question | downcase | replace: ' ','-' | replace: '?', '' }}" data-scroll>{{ faq.question }}</a></h1>
+            {% endfor %}
+        </div>
+
+        <div class="faq content--page--markdown">
+            {% for faq in site.data.faq %}
+                <h1 class="faq__question" id="{{ faq.question | downcase | replace: ' ','-' | replace: '?', '' }}">{{ faq.question }}</h1>
+                <div class="faq__answer">{{ faq.answer | markdownify }}</div>
+            {% endfor %}
+        </div>
+
+    </div>
+</section>
--- a/_src/getstarted.html
+++ b/_src/getstarted.html
@ -136,10 +136,10 @@ conn.postTransaction(txSigned)
 <nav class="menu--sub" data-gumshoe-header>
    <div class="row row--wide">
        <div class="menu-overflow" data-gumshoe>
-            <a class="menu__link scroll" href="#server"><span class="number">1</span> {{ content.server.title }}</a>
-            <a class="menu__link scroll" href="#drivers"><span class="number">2</span> {{ content.drivers.title }}</a>
-            <a class="menu__link scroll" href="#docs"><span class="number">3</span> {{ content.docs.title }}</a>
-            <a class="menu__link scroll" href="#community"><span class="number">4</span> {{ content.community.title }}</a>
+            <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>
--- a/_src/mediakit/company.docx
+++ b/_src/mediakit/company.docx
--- a/_src/mediakit/founders/Bruce-Pon.jpg
+++ b/_src/mediakit/founders/Bruce-Pon.jpg
--- a/_src/mediakit/founders/Masha-McConaghy.jpg
+++ b/_src/mediakit/founders/Masha-McConaghy.jpg
--- a/_src/mediakit/founders/Trent-McConaghy.jpg
+++ b/_src/mediakit/founders/Trent-McConaghy.jpg
--- a/_src/mediakit/founders/founders.docx
+++ b/_src/mediakit/founders/founders.docx
--- a/_src/mediakit/logo/logo-bigchaindb-square.png
+++ b/_src/mediakit/logo/logo-bigchaindb-square.png
--- a/_src/mediakit/logo/logo-bigchaindb-square.svg
+++ b/_src/mediakit/logo/logo-bigchaindb-square.svg
@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025">
+  <g fill="none" fill-rule="evenodd" transform="translate(0 .715)">
+    <polygon fill="#074354" points="0 1024 1024 1024 1024 0 0 0"/>
+    <path fill="#04C695" d="M651.781689,281.053867 C524.435342,281.053867 420.834987,384.654222 420.834987,511.993742 C420.834987,639.333831 524.435342,742.939876 651.781689,742.939876 C779.127467,742.939876 882.727822,639.333831 882.727822,511.993742 C882.727822,384.654222 779.127467,281.053867 651.781689,281.053867 M651.781689,767.100587 C511.117653,767.100587 396.679964,652.662898 396.679964,511.993742 C396.679964,371.336533 511.117653,256.898844 651.781689,256.898844 C792.445156,256.898844 906.888533,371.336533 906.888533,511.993742 C906.888533,652.662898 792.445156,767.100587 651.781689,767.100587"/>
+    <path fill="#FFFFFF" d="M570.760533 595.792213L585.910044 595.792213C595.143111 595.792213 601.7024 593.493902 605.570844 588.863147 609.439289 584.249458 611.367822 576.996124 611.367822 567.108836L611.367822 456.568036C611.367822 447.5392 609.541689 440.564622 605.889422 435.620978 602.231467 430.677333 595.581156 428.202667 585.910044 428.202667L570.760533 428.202667 570.760533 595.792213zM537.882738 397.266489L586.552889 397.266489C605.246578 397.266489 619.537067 402.477511 629.418667 412.899556 639.300267 423.3216 644.243911 437.873778 644.243911 456.568036L644.243911 563.894613C644.243911 585.375858 639.0272 601.219413 628.610844 611.430969 618.1888 621.636836 603.198578 626.728391 583.651556 626.728391L537.882738 626.728391 537.882738 397.266489zM708.050489 593.864249L722.232889 593.864249C728.888889 593.864249 734.099911 592.897138 737.860267 590.962916 741.620622 589.023004 744.470756 586.343538 746.404978 582.90176 748.3392 579.47136 749.5168 575.386738 749.949156 570.659271 750.375822 565.931804 750.592 560.777671 750.592 555.185493 750.592 549.388516 750.273422 544.342471 749.624889 540.041671 748.982044 535.740871 747.639467 532.139804 745.597156 529.24416 743.554844 526.342827 740.7104 524.141227 737.058133 522.633671 733.400178 521.137493 728.564622 520.380871 722.551467 520.380871L708.050489 520.380871 708.050489 593.864249zM708.050489 491.373227L722.875733 491.373227C733.838222 491.373227 741.188267 488.636871 744.954311 483.158471 748.708978 477.674382 750.592 469.675804 750.592 459.145671 750.592 448.830578 748.498489 441.093689 744.311467 435.939556 740.118756 430.779733 732.541156 428.202667 721.590044 428.202667L708.050489 428.202667 708.050489 491.373227zM675.1744 397.2608L723.2 397.2608C733.724444 397.2608 742.695822 398.876444 750.108444 402.096356 757.526756 405.321956 763.591111 409.617067 768.318578 414.993067 773.046044 420.363378 776.425244 426.541511 778.473244 433.521778 780.515556 440.507733 781.533867 447.755378 781.533867 455.277227L781.533867 463.65696C781.533867 469.891982 781.050311 475.154204 780.0832 479.449316 779.116089 483.755804 777.665422 487.510471 775.7312 490.730382 773.796978 493.955982 771.4304 496.800427 768.642844 499.269404 765.843911 501.744071 762.624 504.05376 758.971733 506.198471 766.708622 509.856427 772.397511 515.277938 776.055467 522.474382 779.702044 529.676516 781.533867 539.290738 781.533867 551.317049L781.533867 564.208071C781.533867 584.409316 776.647111 599.883093 766.867911 610.618027 757.088711 621.364338 741.455644 626.72896 719.9744 626.72896L675.1744 626.72896 675.1744 397.2608zM217.982293 521.330916L171.873849 521.330916C167.112249 521.330916 163.249493 524.880782 163.249493 529.255538L163.249493 721.625316C163.249493 726.000071 167.112249 729.549938 171.873849 729.549938L217.982293 729.549938C271.150649 729.549938 300.863716 707.289316 300.863716 625.437582 300.863716 550.770916 271.150649 521.330916 217.982293 521.330916M217.982293 294.4512L171.873849 294.4512C167.112249 294.4512 163.249493 298.001067 163.249493 302.375822L163.249493 476.075804C163.249493 480.45056 167.112249 484.000427 171.873849 484.000427L217.982293 484.000427C268.02176 484.000427 296.170382 457.439004 296.170382 389.2224 296.170382 314.555733 268.02176 294.4512 217.982293 294.4512M313.373582 738.162916C290.697671 758.97856 262.549049 767.597227 216.417849 767.597227L125.742649 767.597227C120.97536 767.597227 117.112604 764.053049 117.112604 759.672604L117.112604 264.322844C117.112604 259.948089 120.97536 256.403911 125.742649 256.403911L217.197227 256.403911C262.549049 256.403911 289.918293 264.2944 311.809138 285.832533 335.264427 308.815644 342.307271 335.377067 342.307271 388.5056 342.307271 424.408178 337.613938 455.999716 309.465316 481.844338 298.514204 491.896604 286.004338 499.075982 274.279538 501.948871 289.133227 504.82176 301.643093 511.995449 312.594204 522.053404 343.086649 550.770916 346.994916 588.823893 346.994916 625.437582 346.994916 688.618382 336.83456 715.902293 313.373582 738.162916"/>
+  </g>
+</svg>
--- a/_src/mediakit/logo/logo-bigchaindb-white.png
+++ b/_src/mediakit/logo/logo-bigchaindb-white.png
--- a/_src/mediakit/logo/logo-bigchaindb-white.svg
+++ b/_src/mediakit/logo/logo-bigchaindb-white.svg
--- a/_src/mediakit/logo/logo-bigchaindb.png
+++ b/_src/mediakit/logo/logo-bigchaindb.png
--- a/_src/mediakit/logo/logo-bigchaindb.svg
+++ b/_src/mediakit/logo/logo-bigchaindb.svg
--- a/_src/robots.txt
+++ b/_src/robots.txt
@ -4,5 +4,7 @@
 User-agent: *

 Disallow: /usecases/*.pdf$
+Disallow: /mediakit/
+Disallow: /mediakit.zip

 Sitemap: {{ site.url }}/sitemap.xml
--- a/_src/usecases.html
+++ b/_src/usecases.html
@ -44,7 +44,7 @@ js: page-usecases.min.js
    <div class="row row--wide">
        <div class="menu-overflow">
            {% for industry in site.data.industries %}
-                <a class="menu__link scroll" href="#{{ industry.name | downcase | replace: " ", "" }}">
+                <a class="menu__link" href="#{{ industry.name | downcase | replace: " ", "" }}" data-scroll>
                    <svg class="icon">
                        <use xlink:href="/assets/img/sprite.svg#{{ industry.icon }}"></use>
                    </svg>
--- a/docs/README.md
+++ b/docs/README.md
@ -1,3 +1,4 @@

+- [Media kit](mediakit.md)
 - [CSS](css.md)
 - [Testimonials](testimonials.md)
--- a/docs/mediakit.md
+++ b/docs/mediakit.md
@ -0,0 +1,11 @@
+# Media KITT
+
+![giphy](https://user-images.githubusercontent.com/90316/29563895-dde966ae-873f-11e7-976b-c2f0fa9578b6.gif)
+
+Media kit lives under [`_src/mediakit/`](../_src/mediakit/). The folder structure will be reflected in the final zip file always available under [https://www.bigchaindb.com/mediakit.zip](bigchaindb.com/mediakit.zip).
+
+The zip file will be created automatically upon site build. File names in the `logo` folder should not be changed, those assets are used on the About page for the logo downloads.
+
+## Editing media kit
+
+All contents of the `_src/mediakit/` folder can be edited on GitHub. Whatever is put in there will be part of the final zip package after the next site build and deployment.
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@ -239,6 +239,17 @@ export const fonts = () => src(SRC + '_assets/fonts/**/*')
    .pipe(dest(DIST + 'assets/fonts/'))


+//
+// Zip up media kit
+//
+export const mediakit = () => src([
+        SRC + 'mediakit/**/*'],
+        { base: SRC }
+    )
+    .pipe($.zip('mediakit.zip'))
+    .pipe(dest(DIST))
+
+
 //
 // Revision static assets
 //
@ -335,7 +346,7 @@ const deployBanner = (done) => {
 // `gulp build` is the development build
 // `gulp build --production` is the production build
 //
-export const build = series(buildBanner, clean, jekyll, parallel(html, css, js, images, fonts, svg), rev, revReplace, criticalCss)
+export const build = series(buildBanner, clean, jekyll, parallel(html, css, js, images, fonts, svg, mediakit), rev, revReplace, criticalCss)

 //
 // Build site, run server, and watch for file changes
@ -414,6 +425,11 @@ export const s3 = () => {
                    cacheTime: 0
                },

+                // all zip files, not cached
+                '^.+\\.zip': {
+                    cacheTime: 0
+                },
+
                // font mime types
                '\.ttf$': {
                    key: '$&',
--- a/package.json
+++ b/package.json
@ -33,6 +33,7 @@
    "normalize-opentype.css": "^0.2.4",
    "parsleyjs": "^2.7.2",
    "select2": "^4.0.3",
+    "smooth-scroll": "^12.1.3",
    "svg4everybody": "^2.1.9",
    "textarea-autogrow": "^1.0.0",
    "vivus": "^0.4.2",
@ -69,6 +70,7 @@
    "gulp-svg-sprite": "^1.3.7",
    "gulp-uglify": "^3.0.0",
    "gulp-util": "^3.0.6",
+    "gulp-zip": "^4.0.0",
    "js-yaml": "^3.9.1",
    "request": "^2.81.0",
    "stylelint": "^8.0.0",