From a7b131cd77de4f4d0d46a5b88c77aba3ed2a1f6d Mon Sep 17 00:00:00 2001
From: Xavier Hanin <xavier.hanin@gmail.com>
Date: Thu, 21 Mar 2013 22:50:37 +0100
Subject: [PATCH 1/2] respect gravatar ratio

---
 web/index.html | 14 +++++++-------
 web/style.less |  9 +++++++--
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/web/index.html b/web/index.html
index 25032d2..0d72227 100644
--- a/web/index.html
+++ b/web/index.html
@@ -16,41 +16,41 @@ <h4>Le site de rencontre pour les geeks en conférence.</h4>
                        placeholder="Qu'est ce qui te passionne?" autofocus="autofocus">
             </form>
         </div>
-        <div id="geek2" class="span4">
+        <div id="geek2" class="span4" ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>0" ng-src="{{geeks[0].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>0"><span>{{geeks[0].prenom}}</span></div>
         </div>
-        <div id="geek3" class="span4">
+        <div id="geek3" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>1" ng-src="{{geeks[1].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>1"><span>{{geeks[1].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek4" class="span4">
+        <div id="geek4" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>2" ng-src="{{geeks[2].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>2"><span>{{geeks[2].prenom}}</span></div>
         </div>
-        <div id="geek5" class="span4">
+        <div id="geek5" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>3" ng-src="{{geeks[3].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>3"><span>{{geeks[3].prenom}}</span></div>
         </div>
-        <div id="geek6" class="span4">
+        <div id="geek6" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>4" ng-src="{{geeks[4].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>4"><span>{{geeks[4].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek7" class="span4">
+        <div id="geek7" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>5" ng-src="{{geeks[5].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>5"><span>{{geeks[5].prenom}}</span></div>
         </div>
-        <div id="geek8" class="span4">
+        <div id="geek8" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>6" ng-src="{{geeks[6].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>6"><span>{{geeks[6].prenom}}</span></div>
diff --git a/web/style.less b/web/style.less
index b52012a..41fadda 100644
--- a/web/style.less
+++ b/web/style.less
@@ -68,9 +68,14 @@ body {
     .background-size(cover);
   }
 
+  #geek1.geekDisplayed, #geek2.geekDisplayed, #geek3.geekDisplayed, #geek4.geekDisplayed, #geek5.geekDisplayed,
+  #geek6.geekDisplayed, #geek7.geekDisplayed, #geek8.geekDisplayed, #geek9.geekDisplayed {
+    background: none;
+  }
   .result {
-    width: 100%;
-    height: 100%;
+    margin: 0 auto;
+    width: 256px;
+    display: block;
   }
 
   img.gravatar {

From f54540f8ca168703fff3c54ce93ffa9fbdd7e705 Mon Sep 17 00:00:00 2001
From: Xavier Hanin <xavier.hanin@gmail.com>
Date: Fri, 22 Mar 2013 09:02:52 +0100
Subject: [PATCH 2/2] FIX: changed compared length

---
 web/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/index.html b/web/index.html
index 0d72227..1a94c8e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -21,36 +21,36 @@ <h4>Le site de rencontre pour les geeks en conférence.</h4>
 
             <div class="caption" ng-show="geeks.length>0"><span>{{geeks[0].prenom}}</span></div>
         </div>
-        <div id="geek3" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek3" class="span4" ng-class="{geekDisplayed: geeks.length>1}">
             <img class="result" ng-show="geeks.length>1" ng-src="{{geeks[1].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>1"><span>{{geeks[1].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek4" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek4" class="span4" ng-class="{geekDisplayed: geeks.length>2}">
             <img class="result" ng-show="geeks.length>2" ng-src="{{geeks[2].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>2"><span>{{geeks[2].prenom}}</span></div>
         </div>
-        <div id="geek5" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek5" class="span4" ng-class="{geekDisplayed: geeks.length>3}">
             <img class="result" ng-show="geeks.length>3" ng-src="{{geeks[3].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>3"><span>{{geeks[3].prenom}}</span></div>
         </div>
-        <div id="geek6" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek6" class="span4" ng-class="{geekDisplayed: geeks.length>4}">
             <img class="result" ng-show="geeks.length>4" ng-src="{{geeks[4].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>4"><span>{{geeks[4].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek7" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek7" class="span4" ng-class="{geekDisplayed: geeks.length>5}">
             <img class="result" ng-show="geeks.length>5" ng-src="{{geeks[5].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>5"><span>{{geeks[5].prenom}}</span></div>
         </div>
-        <div id="geek8" class="span4"  ng-class="{geekDisplayed: geeks.length>0}">
+        <div id="geek8" class="span4" ng-class="{geekDisplayed: geeks.length>6}">
             <img class="result" ng-show="geeks.length>6" ng-src="{{geeks[6].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>6"><span>{{geeks[6].prenom}}</span></div>