team unit

_src/_assets/styles/bigchain/_content-page.scss

@@ -1,5 +1,27 @@
 
 .page__header {
+    position: relative;
+    
+    // background
+    background: url('../img/photo1.jpg') no-repeat center bottom;
+    background-size: cover;
+
+    // color overlay
+    &:before {
+        content: "";
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        //background: $brand-main-brown;
+        background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
+        opacity: .7;
+        z-index: 0;
+    }
+
     padding: ($spacer * 4) 0;
 }
 
@@ -9,5 +31,11 @@
 }
 
 .page__content {
-
+    .row {
+        > h2 {
+            border-bottom: 1px solid $gray-lightest;
+            padding-bottom: $spacer;
+            text-align: center;
+        }
+    }
 }

_src/_assets/styles/bigchain/_media.scss

@@ -1,5 +1,5 @@
 
-.img__responsive {
+.img--responsive {
     max-width: 100%;
     height: auto;
 }

_src/_assets/styles/bigchain/_team.scss

@@ -0,0 +1,24 @@
+//
+// Team Unit
+// ---
+// bigchain.io
+//
+
+// Base class
+.team {}
+
+.team__image {
+    @extend .img--responsive;
+    width: 230px;
+    border-radius: 50%;
+}
+
+.team__name {
+    @extend .h5;
+    color: $text-color;
+    margin-bottom: 0;
+}
+
+.team__position {
+    @extend .text-dimmed;
+}

_src/_assets/styles/bigchain/_typography.scss

@@ -141,6 +141,8 @@ strong,
 .text-uppercase      { text-transform: uppercase; }
 .text-capitalize     { text-transform: capitalize; }
 
+.text-dimmed         { color: $gray-light }
+
 //
 // Lists
 //

_src/_data/team.yml

@@ -1,20 +1,20 @@
 
 - name:     Bruce Pon
   position: CEO
-  image:
+  image:    team-bruce.jpg
 
 - name:     Trent McConaghy
   position: CTO
-  image:
+  image:    team-trent.jpg
 
 - name:     Andreas Müller
   position: Databases
-  image:
+  image:    team-andreas.jpg
 
 - name:     Rodolphe Marques
   position: Protocols
-  image:
+  image:    team-rodolphe.jpg
 
 - name:     Troy McConaghy
   position:
-  image:
+  image:    team-troy.jpg

_src/_includes/team.html

@@ -1,10 +1,14 @@
 
-{% for member in site.data.team %}
+<div class="grid grid--full grid-small--third grid--gutters text-center">
-<div class="grid__col">
+
-    <article class="team">
+    {% for member in site.data.team %}
-        <img class="team__image" src="/assets/img/team/{{ member.image }}">
+    <div class="grid__col">
-        <h1 class="team__name">{{ member.name }}</h1>
+        <article class="team">
-        <p class="team__position">{{ member.position }}</p>
+            <img class="team__image" src="/assets/img/{{ member.image }}">
-    </article>
+            <h1 class="team__name">{{ member.name }}</h1>
+            <p class="team__position">{{ member.position }}</p>
+        </article>
+    </div>
+    {% endfor %}
+
 </div>
-{% endfor %}

_src/about.md

@@ -10,6 +10,6 @@ We released a whitepaper in Feb 2015 highlighting the ideal characteristics of a
 
 The result is Bigchain, a blockchain for the world.
 
-# Team
+## Team
 
 {% include team.html %}