Add Hover behavior to Team Photos

Also reorganized image folders

app/styles/about.sass

@@ -128,8 +128,17 @@
         .img-thumbnail
           border-radius: 50%
           padding: 0
-          // background-color: $burgandy
+          background-color: $burgandy
           // border: 5px solid $gold
+        .avatar
+          display: none
+        .headshot
+          border: 5px solid #fff
+      .profile-pic:hover .headshot
+          display: none
+      .profile-pic:hover .avatar
+          display: inline
+          border: 5px solid $gold
 
   // #community
   //   margin-top: 100px

app/templates/about.jade

@@ -54,7 +54,9 @@ block content
           // Full time
           li
             a(href="http://www.nickwinter.net" rel="external")
-              img(src="/images/pages/about/nick_small.png").img-thumbnail
+              .profile-pic
+                img(src="/images/pages/about/team-avatars/nick-avatar.png").img-thumbnail.avatar
+                img(src="/images/pages/about/team-headshots/nick-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name
                 a(href="http://www.nickwinter.net" rel="external") Nick Winter
@@ -63,7 +65,9 @@ block content
 
           li
             a(href="http://www.mattlott.com/" rel="external")
-              img(src="/images/pages/about/matt-headshot.png").img-thumbnail
+              .profile-pic
+                img(src="/images/pages/about/team-avatars/matt-avatar.png").img-thumbnail.avatar
+                img(src="/images/pages/about/team-headshots/matt-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name
                 a(href="http://www.mattlott.com/" rel="external") Matt Lott
@@ -72,7 +76,9 @@ block content
 
           li
             a(href="http://cat.zdh.com/" rel="external")
-              img(src="/images/pages/about/cat-headshot.png").img-thumbnail
+              .profile-pic
+                img(src="/images/pages/about/team-avatars/cat-avatar.png").img-thumbnail.avatar
+                img(src="/images/pages/about/team-headshots/cat-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name
                 a(href="http://cat.zdh.com/" rel="external") Catherine Weresow
@@ -80,14 +86,18 @@ block content
               small(data-i18n="about.cat_blurb")
 
           li
-            img(src="/images/pages/about/scott-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/scott-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/scott-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Scott Erickson
               small(data-i18n="about.scott_title")
               small(data-i18n="about.scott_blurb")
 
           li
-            img(src="/images/pages/about/maka-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/maka-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/maka-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Michael 'Maka' Gradin
               small(data-i18n="about.maka_title")
@@ -95,7 +105,9 @@ block content
 
           li
             a(href="http://basicer.com/" rel="external")
-              img(src="/images/pages/about/rob-headshot.png").img-thumbnail
+              .profile-pic
+                img(src="/images/pages/about/team-avatars/rob-avatar.png").img-thumbnail.avatar
+                img(src="/images/pages/about/team-headshots/rob-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name
                 a(href="http://basicer.com/" rel="external") Rob Blanckaert
@@ -103,7 +115,9 @@ block content
               small(data-i18n="about.rob_blurb")
 
           li
-            img(src="/images/pages/about/josh-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/josh-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/josh-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Josh Callebaut
               small(data-i18n="about.josh_c_title")
@@ -111,7 +125,9 @@ block content
 
           li
             a(href="http://robinyang.com/" rel="external")
-              img(src="/images/pages/about/robin-headshot.png").img-thumbnail
+              .profile-pic
+                img(src="/images/pages/about/team-avatars/robin-avatar.png").img-thumbnail.avatar
+                img(src="/images/pages/about/team-headshots/robin-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name
                 a(href="http://robinyang.com/" rel="external") Robin Yang
@@ -119,40 +135,50 @@ block content
               small(data-i18n="about.robin_blurb")
 
           li
-            img(src="/images/pages/about/phoenix-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/phoenix-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/phoenix-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Phoenix Eliot
               small(data-i18n="about.phoenix_title")
               br
 
           li
-            img(src="/images/pages/about/nolan-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/nolan-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/nolan-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Nolan Kelly
               small(data-i18n="about.nolan_title")
               br
 
           li
-            img(src="/images/pages/about/elliot-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/elliot-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/elliot-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Elliot Okiwelu
               small(data-i18n="about.elliot_title")
               small(data-i18n="about.elliot_blurb")
 
           li
-            img(src="/images/pages/about/lisa-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/lisa-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/lisa-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Lisa Wu
               small(data-i18n="about.lisa_title")
               br
 
           li
-            img(src="/images/pages/about/sean-headshot.png").img-thumbnail
+            .profile-pic
+              img(src="/images/pages/about/team-avatars/sean-avatar.png").img-thumbnail.avatar
+              img(src="/images/pages/about/team-headshots/sean-headshot.png").img-thumbnail.headshot
             .team-bio
               h6.label.team-name Sean McNulty
               small(data-i18n="about.sean_title")
               br
-
+        ul
           // Part time / contract
           li
             a(href="http://floor.is/lava/" rel="external")