public/github-card.html
<!doctype html><html><body>
<style type="text/css">
body{padding:0;margin:0;font-size:14px;font-family:"Helvetica Nenu",Hevetica,Arial,sans-serif;overflow:hidden}body.ready{border:1px solid #eee;border-radius:5px;border-color:#eee #ddd #bbb;box-shadow:rgba(0,0,0,.14) 0 1px 3px}.github-card{border-radius:5px;padding:8px 8px 0;background:#fff;color:#555;position:relative}.github-card a{text-decoration:none;color:#4183c4;outline:0}.github-card a:hover{text-decoration:underline}.github-card .header{position:relative}.github-card .button{position:absolute;top:0;right:8px;padding:4px 8px 4px 7px;color:#555;text-shadow:0 1px 0 #fff;border:1px solid #d4d4d4;border-radius:3px;font-size:13px;font-weight:700;line-height:14px;background-color:#e6e6e6;background-image:-webkit-linear-gradient(#fafafa,#eaeaea);background-image:-moz-linear-gradient(#fafafa,#eaeaea);background-image:-ms-linear-gradient(#fafafa,#eaeaea);background-image:linear-gradient(#fafafa,#eaeaea)}.github-card .button:hover{color:#fff;text-decoration:none;background-color:#3072b3;background-image:-webkit-linear-gradient(#599bdc,#3072b3);background-image:-moz-linear-gradient(#599bdc,#3072b3);background-image:-ms-linear-gradient(#599bdc,#3072b3);background-image:linear-gradient(#599bdc,#3072b3);border-color:#518cc6 #518cc6 #2a65a0;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.user-card .header{padding:3px 0 4px 57px;min-height:48px}.user-card .header a{color:#707070;text-decoration:none}.user-card .header a:hover strong{text-decoration:underline}.user-card img{position:absolute;top:0;left:0;width:48px;height:48px;background:#fff;border-radius:4px}.user-card strong{display:block;color:#292f33;font-size:16px;line-height:1.6}.user-card ul{text-transform:uppercase;font-size:12px;color:#707070;list-style-type:none;margin:0;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;zoom:1}.user-card ul:after{display:block;content:'';clear:both}.user-card .status a{color:#707070;text-decoration:none}.user-card .status a:hover{color:#4183c4}.user-card .status li{float:left;padding:4px 18px;border-left:1px solid #eee}.user-card .status li:first-child{border-left:0;padding-left:0}.user-card .footer{font-size:12px;font-weight:700;padding:11px 0 10px;color:#646464}.user-card .footer a{color:#646464}.repo-card .header{padding:3px 0 4px 57px}.repo-card .avatar,.repo-card .avatar img{position:absolute;top:0;left:0;width:48px;height:48px;background:#fff;border-radius:4px}.repo-card .header a{color:#707070}.repo-card .header strong{display:block;font-size:18px;line-height:1.4}.repo-card .header strong a{color:#292f33}.repo-card .header sup{font-size:10px;margin-left:3px;color:#797979}.repo-card .content{padding:6px 0 10px}.repo-card .content p{margin:0 5px 0 0;font:18px/24px Georgia,"Times New Roman",Palatino,serif;overflow:hidden;clear:both;word-wrap:break-word}.repo-card .footer{border-top:1px solid #eee;padding:8px 0 6px}.repo-card .status{font-size:10px;padding-right:10px;text-transform:uppercase}.repo-card .status strong{font-size:12px;padding-right:5px}</style>
<script id="user-card" type="text/template"><div class="header"><a class="avatar" href="https://github.com/{login}"><img src="{avatar_url}&s=48"><strong>{name}</strong><span>@{login}</span></a><a class="button" href="https://github.com/{login}">Follow</a></div><ul class="status"><li><a href="https://github.com/{login}?tab=repositories"><strong>{public_repos}</strong>Repos</a></li><li><a href="https://gist.github.com/{login}"><strong>{public_gists}</strong>Gists</a></li><li><a href="https://github.com/{login}/followers"><strong>{followers}</strong>Followers</a></li></ul><div class="footer">{job}</div></script><script id="repo-card" type="text/template"><div class="header"><a class="avatar" href="https://github.com/{login}"><img src="{avatar_url}&s=48"></a><strong class="name"><a href="https://github.com/{full_name}">{name}</a><sup class="language">{language}</sup></strong><span>{action}<a href="https://github.com/{login}">{login}</a></span><a class="button" href="https://github.com/{full_name}">Star</a></div><div class="content"><p>{description}{homepage}</p></div><div class="footer"><span class="status"><strong>{forks_count}</strong>Forks</span><span class="status"><strong>{watchers_count}</strong>Stars</span></div></script><script>
(function(e){var r="https://api.github.com/",t;function a(){var e=window.location.href,r;var a=e.slice(e.indexOf("?")+1).split("&");var i=[];for(t=0;t<a.length;t++){r=a[t].split("=");i.push(r[0]);i[r[0]]=r[1]}return i}function i(e,r){if(window.localStorage){if(r){r._timestamp=(new Date).valueOf();localStorage[e]=JSON.stringify(r)}else{var t=localStorage[e];if(t){return JSON.parse(t)}return null}}}function n(e,r){var t=e;var a=r.split(".");for(var i=0;i<a.length;i++){if(t){t=t[a[i]]}else{break}}if(t===undefined||t===null){return""}return t}var o=a();function l(r,a){var i=e.getElementById(r+"-card");var o=/{([^}]+)}/g;var l=i.innerHTML;var s=l.match(o);for(t=0;t<s.length;t++){l=l.replace(s[t],n(a,s[t].slice(1,-1)))}return l}function s(e,r){var t=i(e);if(t&&t._timestamp){if((new Date).valueOf()-t._timestamp<1e4){return r(t)}}if(o.client_id&&o.client_secret){e+="?client_id="+o.client_id+"&client_secret="+o.client_secret}var a=new XMLHttpRequest;a.open("GET",e,false);a.onload=function(){r(JSON.parse(a.response))};a.send()}function c(r,a){var i=r.getElementsByTagName("a");for(t=0;t<i.length;t++){(function(e){e.target="_"+(o.target||"top")})(i[t])}e.body.appendChild(r);e.body.className="ready";if(parent!==self&&parent.postMessage){var n=Math.max(e.body.scrollHeight,e.documentElement.scrollHeight,e.body.offsetHeight,e.documentElement.offsetHeight,e.body.clientHeight,e.documentElement.clientHeight);parent.postMessage({height:n,sender:o.identity||"*"},"*")}}function f(t){var a=r+"users/"+t;s(a,function(r){r=r||{};var n=r.message;var o="0";if(n){r=i(a)||r;o="?"}else{i(a,r)}r.login=t;r.public_repos=r.public_repos||o;r.public_gists=r.public_gists||o;r.followers=r.followers||o;var s="Not available for hire.";if(r.hireable){var f="";if(r.email){f="mailto:"+r.email}else if(r.blog){f=r.blog}else{f=r.html_url}s='<a href="'+f+'">Available for hire.</a>'}if(n){s=n}r.job=s;var u=e.createElement("div");u.className="github-card user-card";u.innerHTML=l("user",r);c(u)})}function u(t,a){var n=r+"repos/"+t+"/"+a;s(n,function(r){r=r||{};var a=r.message;var o="0";if(a){r=i(n)||r;o="?"}else{i(n,r)}r.login=t;r.avatar_url="";if(r.owner&&r.owner.avatar_url){r.avatar_url=r.owner.avatar_url}r.forks_count=r.forks_count||o;r.watchers_count=r.watchers_count||o;if(r.fork){r.action="Forked by "}else{r.action="Created by "}var s=r.description;if(!s&&r.source){s=r.source.description}if(!s&&a){s=a}r.description=s||"No description";var f=r.homepage;if(!f&&r.source){f=r.source.homepage}if(f){r.homepage=' <a href="'+f+'">'+f.replace(/https?:\/\//,"")+"</a>"}else{r.homepage=""}var u=e.createElement("div");u.className="github-card repo-card";u.innerHTML=l("repo",r);c(u)})}function p(){}if(!o.user){p()}else if(o.repo){u(o.user,o.repo)}else{f(o.user)}})(document);var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-21475122-2']);_gaq.push(['_trackPageview']);(function(d){var g=d.createElement("script");g.async=true;g.src="https://ssl.google-analytics.com/ga.js";var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(g, s);})(document);</script></body></html>