Add Hover behavior to Team Photos

Also reorganized image folders

app/styles/about.sass

@@ -40,43 +40,43 @@
             margin-right: 0.6em
             border-bottom: 4px solid white
             border-radius: 0
-    
+
   #jumbotron
     background-color: $navy
     background-image: url("/images/pages/about/codebackground_zoom_compressed.png")
     background-size: cover
     background-repeat: no-repeat
-    
+
     h1
       color: white
       margin-top: 100px
-      
+
     h2
       color: white
       margin-bottom: 100px
-      
+
   .responsive-side-margins, h3, h4, p
     max-width: 460px
     margin-left: auto
     margin-right: auto
     @media (min-width: $screen-sm-min)
       max-width: inherit
-      
+
   h3
     margin-top: 60px
     @media (min-width: $screen-sm-min)
       margin-top: 150px
-  
+
   #about-container
     @media (min-width: $screen-sm-min)
       margin-top: 85px
     background-color: white
-  
+
   #mission-text
     margin-top: 30px
     @media (min-width: $screen-sm-min)
       margin-top: 45px
-  
+
   #mission-graphic, #community-graphic
     padding: 30px 40px
     position: relative
@@ -87,21 +87,21 @@
     h2
       color: white
       width: 50%
-    
+
   #mission-graphic
     margin-top: 30px
     @media (min-width: $screen-sm-min)
       margin-top: 45px
     background: $navy
-    
+
     h2
       float: right
-    
+
     img
       position: absolute
       bottom: 0
       left: 0
-      
+
     #mission-graphic-filler
       background: $navy
       height: 100%
@@ -109,7 +109,7 @@
       position: absolute
       right: 100%
       top: 0
-      
+
   #team
     ul
       text-align: center
@@ -128,12 +128,21 @@
         .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
-    
+
   #community-row-1
     #community-avatars
       width: 90%
@@ -143,7 +152,7 @@
     margin-top: 35px
     @media (min-width: $screen-sm-min)
       margin-top: 70px
-    
+
     #community-graphic
       background: $burgandy
 
@@ -215,7 +224,7 @@
           display: inline-block
           padding-left: auto
           padding-right: auto
-      
+
     #story-graphic-4
       margin-left: auto
       margin-right: auto
@@ -272,7 +281,7 @@
           margin-left: -85px
         p
           margin-top: 15px
-          
+
   #files
     padding: 30px 0
     margin-top: 50px
@@ -287,7 +296,7 @@
         img
           display: inline-block
           margin: 6.5px
-          
+
     #downloads-container
       position: relative
       height: 250px
@@ -309,7 +318,7 @@
             margin-right: 15px
             vertical-align: middle
             font-size: 1.5em
-            
+
   #screenshot-lightbox
     .modal-dialog
       width: auto

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")