Merge pull request #227 from bigchaindb/feature/team-updates

Team updates

_src/_assets/styles/bigchain/_team.scss

@@ -13,23 +13,23 @@
 
 .team__name {
     @extend .h5;
-    color: $text-color;
+    color: $brand-main-blue-light;
     margin-bottom: 0;
-
-    // the bottom line
-    &:after {
-        content: '';
-        height: 1px;
-        width: 3rem;
-        display: block;
-        margin: ($spacer / 1.3) auto ($spacer / 2) auto;
-        background: $brand-main-blue-light;
-    }
 }
 
 .team__position {
     @extend .text-dimmed;
     margin-bottom: ($spacer / 2);
+
+    // the bottom line
+    &:after {
+        content: '';
+        height: 2px;
+        width: 3rem;
+        display: block;
+        margin: ($spacer / 1.3) auto;
+        background: $gray-dark;
+    }
 }
 
 .team__social {
@@ -68,7 +68,7 @@
     text-align: left;
     font-size: $font-size-sm;
     margin-bottom: 0;
-    margin-top: $spacer;
+    margin-top: $spacer * $line-height;
     display: none;
     opacity: 0;
     height: 0;
@@ -84,9 +84,9 @@
     text-align: center;
     cursor: pointer;
     padding-top: $spacer;
-    border-top: 1px solid $gray-dark;
+    border-top: 2px solid $gray-dark;
-    margin-top: $spacer * 3;
+    margin-top: $spacer * 4;
-    margin-bottom: $spacer * 2;
+    margin-bottom: $spacer * 4;
     position: relative;
     font-size: $font-size-sm;
     color: $gray;
@@ -99,10 +99,11 @@
         margin-right: auto;
         margin-top: -2rem;
         background: $gray-dark;
-        color: $gray-light;
+        color: $brand-main-green;
         font-size: $font-size-lg;
         line-height: 1.35;
         transition: .15s ease-out;
+        border-radius: 2px;
     }
 
     &:hover {
@@ -121,10 +122,21 @@
 //
 $spacer-team: 3rem;
 
-.grid--team {
+.grid--team,
+.grid--founders {
     margin: -($spacer-team) 0 $spacer-team (-($spacer-team));
 
     > .grid__col {
         padding: $spacer-team 0 0 $spacer-team;
     }
 }
+
+.grid--founders {
+    justify-content: center;
+}
+
+.section--team {
+    .section-title {
+        margin-bottom: $spacer * 4;
+    }
+}

_src/_data/team.yml

@@ -23,7 +23,7 @@ founders:
         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
+      position: Strategic Partnerships
       image:    masha.jpg
       linkedin: mashamc
       bio: |
@@ -47,7 +47,7 @@ team:
       github:   vrde
 
     - name:     Dimitri de Jonghe
-      position: Application Director
+      position: Co-Founder
       image:    dimi.jpg
       twitter:  DimitriDeJonghe
       facebook: dimitri.jonghe
@@ -58,26 +58,7 @@ team:
       position: Engineer
       image:    troy.jpg
       twitter:  TroyMc
-
+      github:   ttmc
-    - name:     Wojciech Hupert
-      position: UX/UI Designer
-      image:    wojciech.jpg
-      twitter:  WojciechHupert
-      linkedin: wojciechhupert
-
-    - name:     Sylvain Bellemare
-      position: Engineer
-      image:    sylvain.jpg
-      twitter:  sbellem
-      facebook: slvnb
-      github:   sbellem
-      linkedin: sylvainbellemare
-
-    - name:     Tim Daubenschütz
-      position: VP Engineering
-      image:    tim.jpg
-      twitter:  TimDaub
-      github:   TimDaub
 
     - name:     Matthias Kretschmann
       position: Designer & Engineer
@@ -85,27 +66,25 @@ team:
       twitter:  kremalicious
       github:   kremalicious
 
-    - name:     Wrigley the Buffalo
-      position: Community Manager
-      image:    wrigley-avatar.svg
-      github:   wrigley
-
     - name:     Gautam Dhameja
-      position: Application Engineer
+      position: Head of Consulting Services
       image:    gautam.jpg
       twitter:  gautamdhameja
+      github:   gautamdhameja
       linkedin: gautamdhameja
 
     - name:     Jernej Pregelj
-      position: Application Engineer
+      position: Blockchain Consultant
       image:    jernej.jpg
       twitter:  jernejpregelj
+      github:   jernejpregelj
       linkedin: jernej-pregelj
 
     - name:     Ahmed Muawia Khan
       position: DevOps Engineer
       image:    muawia.jpg
       twitter:  mobykhn
+      github:   muawiakh
       linkedin: muawiakhan
 
     - name:     Shahbaz Nazir
@@ -121,15 +100,16 @@ team:
       linkedin: kamalved
 
     - name:     Ricardo Garcia
-      position: Business Development
+      position: Business Development Manager
       image:    ricardo.jpg
       linkedin: ricardo-garcia-b226a6a9
 
     - name:     Manuel Rodriguez
-      position: Application Engineer
+      position: Blockchain Consultant
       image:    manuel.jpg
       linkedin: manuel-rodr%C3%ADguez-18555a11a
       github:   manolodewiner
+      twitter:  manolodewiner
 
     - name:     Katharina Grieß
       position: Engineer
@@ -137,6 +117,56 @@ team:
       github:   codegeschrei
 
     - name:     Artur Gomer
-      position: Finance
+      position: Accountant
       image:    artur.jpg
       linkedin: arturgomer
+
+    - name:     Sarah-Jean Vallon
+      position: Communications Executive
+      image:    sarah.jpg
+      linkedin: sarah-jean-vallon-b4603a65
+
+    - name:     Cristina Pon
+      position: Marketing Director
+      image:    cristina.jpg
+      linkedin: cristinacenuse
+
+    - name:     Vanshdeep Singh
+      position: Engineer
+      github:   kansi
+      linkedin: vanshdeep-singh
+      image:    vanshdeep.jpg
+
+    - name:     Chalid Mannaa
+      position: Executive Director Special Projects
+      image:    chalid.jpg
+      linkedin: cmannaa
+
+    # waiting for photos
+    - name:     Lev Berman
+      position: Engineer
+      github:   ldmberman
+
+    - name:     Bilel Seddik
+      position: Business Development
+      linkedin: bilelseddik
+
+    - name:     Zachary Bowen
+      position: Engineer
+      github:   z-bowen
+
+    - name:     Manan Patel
+      position: Engineer
+      github:   innoprenuer
+      twitter:  manan77patel
+
+    - name:     Shubhendu Shekhar
+      position: Blockchain Consultant
+      github:   shekhar-shubhendu
+
+    - name:     Shubhendu Shekhar
+      position: Blockchain Consultant
+      github:   shekhar-shubhendu
+
+    - name:     Kevin Tharayil
+      position: Engineer

_src/_includes/team.html

@@ -1,11 +1,16 @@
-<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-large--columns text-center grid--founders">
 
     {% assign founders = site.data.team.founders %}
 
     {% for member in founders %}
     <div class="grid__col">
         <article class="team">
-            <img class="team__image" src="/assets/img/team/{{ member.image }}">
+            {% if member.image %}
+                {% assign image = member.image %}
+            {% else %}
+                {% assign image = 'wrigley-avatar.svg' %}
+            {% endif %}
+            <img class="team__image" src="/assets/img/team/{{ image }}">
             <h1 class="team__name">{{ member.name }}</h1>
             <p class="team__position">{{ member.position }}</p>
 
@@ -58,14 +63,19 @@
 
 
 
-<div class="grid grid--full grid-small--third grid-medium--columns grid--gutters text-center grid--team">
+<div class="grid grid--full grid-small--half grid-medium--third grid-large--columns grid--gutters text-center grid--team">
 
     {% assign team = site.data.team.team | sort: 'name' %}
 
     {% for member in team %}
     <div class="grid__col grid__col--2">
         <article class="team">
-            <img class="team__image" src="/assets/img/team/{{ member.image }}">
+            {% if member.image %}
+                {% assign image = member.image %}
+            {% else %}
+                {% assign image = 'wrigley-avatar.svg' %}
+            {% endif %}
+            <img class="team__image" src="/assets/img/team/{{ image }}">
             <h1 class="team__name">{{ member.name }}</h1>
             <p class="team__position">{{ member.position }}</p>