New band members (#89)

* new team members
* switch to alphabetic order by first name
* more spacious team grid

_src/_assets/styles/bigchain/_team.scss

@@ -42,7 +42,7 @@
 
 .team__social__link {
     display: inline-block;
-    margin: 0 ($spacer / 4);
+    margin: 0 ($spacer / 2);
     box-shadow: none;
 
     &,
@@ -70,8 +70,15 @@
 }
 
 
+//
+// Grid redefinition: more spacious
+//
+$spacer-team: 4rem;
+
 .grid--team {
-    .grid__col:last-child {
+    margin: -($spacer-team) 0 $spacer-team (-($spacer-team));
-        flex: 0 0 100%;
+
+    > .grid__col {
+        padding: $spacer-team 0 0 $spacer-team;
     }
 }

_src/_data/team.yml

@@ -1,4 +1,28 @@
 
+- name:     Daniel Lustig
+  position: Administrative Assistant
+  image:    team-daniel.jpg
+  linkedin: daniel-lustig-852a408a
+
+- name:     Krish Iyer
+  position: Developer
+  image:    team-krish.jpg
+  twitter:  krish7919
+  linkedin: krish7919
+  github:   krish7919
+
+- name:     Scott Sadler
+  position: Developer
+  image:    team-scott.jpg
+  linkedin: scott-sadler-6397316
+  github:   libscott
+
+- name:     Simon Schwerin
+  position: Strategy & Business Development Intern
+  image:    team-simon.jpg
+  twitter:  Zimmtstern_7
+  linkedin: simonschwerin
+
 - name:     Bruce Pon
   position: CEO
   image:    team-bruce.jpg

_src/_includes/team.html

@@ -1,7 +1,9 @@
 
 <div class="grid grid--full grid-small--half grid-medium--third grid--gutters text-center grid--team">
 
-    {% for member in site.data.team %}
+    {% assign team = site.data.team | sort: 'name' %}
+
+    {% for member in team %}
     <div class="grid__col">
         <article class="team">
             <img class="team__image" src="/assets/img/{{ member.image }}">

_src/about.md

@@ -12,4 +12,4 @@ From the seed of the idea, to intense efforts starting late summer 2015, we made
 
 ## Team
 
- {% include team.html %}
+{% include team.html %}