added gravatar display in the header

css/resume.css

@@ -42,7 +42,8 @@ strong { font-weight: bold; }
 li { line-height: 24px; border-bottom: 1px solid #ccc; }
 p.enlarge { font-size: 144%; padding-right: 6.5em; line-height: 24px; }
 p.enlarge span { color: #000 }
-.contact-info { margin-top: 7px; }
+.contact-info { margin-top: 7px; text-align: right; font-size: 12px;}
+.contact-info img {float: right; border: 1px solid #ccc; width: 150px; height: 150px; margin: -24px 0 14px;}
 .first h2 { font-style: italic; }
 .last { border-bottom: 0 }
 

js/githubresume.js

@@ -51,7 +51,7 @@ var run = function() {
 
     var gh_user = gh.user(username);
     var itemCount = 0, maxItems = 5;
-
+    
     var res = gh_user.show(function(data) {
         gh_user.repos(function(data) {
             repos = data;
@@ -77,6 +77,7 @@ var run = function() {
             email: data.user.email,
             created_at: data.user.created_at,
             location: data.user.location,
+            gravatar_id: data.user.gravatar_id,
             repos: data.user.public_repo_count,
             plural: data.user.public_repo_count > 1 ? 'repositories' : 'repository',
             username: username,

views/resume.html

@@ -4,12 +4,17 @@
 		<div id="hd">
 			<div class="yui-gc">
 				<div class="yui-u first">
-					<h1>{{name}}</h1>
-					<h2>Passionate github user</h2>
+					<hgroup>
+						<h1>{{name}}</h1>
+						<h2>Passionate github user</h2>
+					</hgroup>
 				</div>
 
 				<div class="yui-u">
 					<div class="contact-info">
+						{{#gravatar_id}}
+						<img src="https://secure.gravatar.com/avatar/{{gravatar_id}}?s=140&amp;d=https://github.com/images/gravatars/gravatar-140.png" alt=""/>
+						{{/gravatar_id}}
 						<h3><a href="mailto:{{email}}">{{email}}</a></h3>
 					</div><!--// .contact-info -->
 				</div>
@@ -30,7 +35,8 @@
                                 {{#location}}
                                 based in {{location}} 
                                 {{/location}} 
-                                with {{repos}} public {{plural}}. I've been using github.com since {{since}}
+                                with <a href="https://github.com/{{{username}}}">{{repos}} public {{plural}}</a>. 
+                                I've been using github.com since {{since}}
                                 {{#blog}} 
                                 and sometimes I blog at <a href="" id="myblog" title="my blog">{{blog}}</a>
                                 {{/blog}}