From 3a0b6940971d8054eec280f525fe387973b0c449 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Tue, 22 Aug 2017 00:50:41 +0200 Subject: [PATCH] integrate founder bios into about page --- _src/_assets/javascripts/page-about.js | 18 ++++++++ _src/_assets/styles/_page-about.scss | 3 ++ _src/_assets/styles/bigchain/_grid.scss | 4 +- _src/_assets/styles/bigchain/_team.scss | 46 +++++++++++++++++++- _src/_data/founders.yml | 21 +++++++++ _src/_data/team.yml | 19 -------- _src/_includes/founders.html | 58 +++++++++++++++++++++++++ _src/_includes/team.html | 4 +- _src/_layouts/page.html | 12 +++++ _src/about.md | 11 +++-- 10 files changed, 166 insertions(+), 30 deletions(-) create mode 100644 _src/_assets/javascripts/page-about.js create mode 100644 _src/_data/founders.yml create mode 100644 _src/_includes/founders.html diff --git a/_src/_assets/javascripts/page-about.js b/_src/_assets/javascripts/page-about.js new file mode 100644 index 0000000..7d824be --- /dev/null +++ b/_src/_assets/javascripts/page-about.js @@ -0,0 +1,18 @@ + +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 = 'Show bios' + } else { + item.style.display = 'block' + trigger.innerHTML = 'Hide bios' + } + } + }) +}) diff --git a/_src/_assets/styles/_page-about.scss b/_src/_assets/styles/_page-about.scss index e69de29..fbec979 100644 --- a/_src/_assets/styles/_page-about.scss +++ b/_src/_assets/styles/_page-about.scss @@ -0,0 +1,3 @@ +.section--team { + padding-top: 0; +} diff --git a/_src/_assets/styles/bigchain/_grid.scss b/_src/_assets/styles/bigchain/_grid.scss index abecb41..2050898 100644 --- a/_src/_assets/styles/bigchain/_grid.scss +++ b/_src/_assets/styles/bigchain/_grid.scss @@ -135,9 +135,9 @@ 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%; } } diff --git a/_src/_assets/styles/bigchain/_team.scss b/_src/_assets/styles/bigchain/_team.scss index 5290972..8e35a6c 100644 --- 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,51 @@ } } +.team__bio { + text-align: left; + font-size: $font-size-sm; + margin-bottom: 0; + margin-top: $spacer; + display: none; +} + +.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; + + &:before { + content: '+'; + width: 2rem; + height: 2rem; + display: block; + position: absolute; + left: 50%; + margin-left: -1rem; + top: -50%; + background: $gray-dark; + color: $gray-light; + font-size: $font-size-lg; + line-height: 1.3; + transition: .15s ease-out; + } + + &:hover { + border-top-color: darken($gray-dark, 5%); + + &:before { + background: darken($gray-dark, 5%); + } + } +} + // // Grid redefinition: more spacious diff --git a/_src/_data/founders.yml b/_src/_data/founders.yml new file mode 100644 index 0000000..23ea1b6 --- /dev/null +++ b/_src/_data/founders.yml @@ -0,0 +1,21 @@ +- 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 15 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." diff --git a/_src/_data/team.yml b/_src/_data/team.yml index 41b04bb..3b2e830 100644 --- a/_src/_data/team.yml +++ b/_src/_data/team.yml @@ -17,25 +17,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 diff --git a/_src/_includes/founders.html b/_src/_includes/founders.html new file mode 100644 index 0000000..3becee4 --- /dev/null +++ b/_src/_includes/founders.html @@ -0,0 +1,58 @@ + +
+ + {% assign founders = site.data.founders %} + + {% for member in founders %} +
+ +
+ {% endfor %} + +
+ +Show bios diff --git a/_src/_includes/team.html b/_src/_includes/team.html index 05c9097..b42e0eb 100644 --- a/_src/_includes/team.html +++ b/_src/_includes/team.html @@ -1,10 +1,10 @@ -
+
{% assign team = site.data.team | sort: 'name' %} {% for member in team %} -
+

{{ member.name }}

diff --git a/_src/_layouts/page.html b/_src/_layouts/page.html index 82f8da5..77e092a 100644 --- a/_src/_layouts/page.html +++ b/_src/_layouts/page.html @@ -31,6 +31,18 @@ layout: base +{% if page.path contains "about" %} +
+
+

Team

+ + {% include founders.html %} + + {% include team.html %} +
+
+{% endif %} + {% if page.title == "Whitepaper" %}
diff --git a/_src/about.md b/_src/about.md index 480f70c..bf1e14a 100644 --- a/_src/about.md +++ b/_src/about.md @@ -2,16 +2,15 @@ title: 'About BigchainDB' layout: page +js: page-about.min.js + ipdb: true ---- +--- + 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 here. 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 %} +ascribe, WhereOnTheNet and IPDB are all registered trademarks of BigchainDB.