added gravatar display in the header

This commit is contained in:
Nicolas Perriault 2011-02-07 10:43:10 +01:00
parent b2b16fce26
commit 57aeebb4aa
3 changed files with 13 additions and 5 deletions

View File

@ -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 }

View File

@ -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,

View File

@ -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}}