round speaker images

Author: stevestmartin

themes/gophercon/layouts/index.html

@@ -128,7 +128,7 @@ <h1>Speakers</h1>
 
             <div class="row">
               <div class="speaker-with-bio">
-                <div class="speaker col-md-2">
+                <div class="speaker col-md-3">
                   <div class="image-holder">
                     <img class="background-image" alt="Speaker" src="2016/img/speakers/raphael-simon.jpg">
                     <div class="hover-state text-center preserve3d">
@@ -140,7 +140,7 @@ <h1>Speakers</h1>
                   </div>
                 </div>
 
-                <div class="speaker-description col-md-9 col-md-offset-1">
+                <div class="speaker-description col-md-9">
                   <h2>Francesc Campoy Flores</h2>
                   <span class="sub">goa: a new approach to microservice development in Go</span>
                   <p>This tutorial introduces a novel approach to building microservices in Go that uses code to describe the design of the service API.</p>

themes/gophercon/static/2016/css/theme-gophercon.css

@@ -1255,7 +1255,11 @@ nav .container {
 .topic {
   margin-bottom: 36px;
 }
+.speaker .background-image {
+  border-radius: 100%;
+}
 .speaker .hover-state {
+  border-radius: 100%;
   position: absolute;
   top: 0;
   left: 0;
@@ -1269,6 +1273,7 @@ nav .container {
   -moz-transition: all 0.3s ease-out;
 }
 .speaker .image-holder {
+  max-width: 175px;
   margin-bottom: 12px;
 }
 .speaker span {