resume.github.com/views/index.html

<div id="doc" class="yui-t7">
   <div id="hd" role="banner"><h1>My Github R&eacute;sum&eacute;</h1></div>
   <div id="bd" role="main">
    <div class="yui-g">
        <p class="enlarge-medium">
            As a software startup owner I really enjoy when people send us their
            r&eacute;sum&eacute;s and they include their github account so we can see tangible work they have done. 
        </p>
        <p><br /></p>
        <p class="enlarge-medium">
            After a <a href="https://twitter.com/#!/jeresig/status/33968704983138304">tweet by John Resig</a>
            I imagined that it may be nice for people to be able to generate their <a href="https://github.com" title="Github">Github</a> r&eacute;sum&eacute;s.
        </p>
        <p><br /><br /></p>

        <form id="run" action="." method="get">
            <p>
                <input id="username" type="text" placeholder="Enter your github username and click on generate" />
                <button type="submit" id="gen">Generate</button>
            </p>
        </form>

    </div>

    <div class="yui-g">
        <p><br /><br /></p>
        <h2>See some popular users</h2>
        <div class="yui-gb">
            <ul>
                <li><a href="/?mxcl" title="Max Howell">Max Howell</a></li>
                <li><a href="/?mojombo" title="Tom Preston-Werner">Tom Preston-Werner</a></li>

                <li><a href="/?madrobby" title="Thomas Fuchs">Thomas Fuchs</a></li>
                <li><a href="/?paulirish" title="Paul Irish">Paul Irish</a></li>
                <li class=""><a href="/?michaeldv" title="Michael Dvorkin">Michael Dvorkin</a></li>
            </ul>
        </div>
        <div class="yui-gb">
            <ul>
                <li><a href="/?mislav" title="Mislav Marohnić">Mislav Marohnić</a></li>
                <li><a href="/?justinfrench" title="Justin French">Justin French</a></li>
                <li><a href="/?ry" title="Ryan Dahl">Ryan Dahl</a></li>
                <li><a href="/?joshuaclayton" title="Joshua Clayton">Joshua Clayton</a></li>
                <li class=""><a href="/?defunkt" title="Chris Wanstrath">Chris Wanstrath</a></li>
            </ul>
        </div>
        <br />
    </div>

    <div class="yui-g last">
        <div class="yui-main">
            <br /><br />
            <h2>Notes, Information and Future features</h2>
            <p class="enlarge-medium"><br />
            This is the first version, please keep in mind that it only fetches your first 30 repositories for now. I am planning on adding
            things as such as your most committed forks, most committed repositories and make the "My Popular Repositories" be built from
            your complete list of repositories. The issue right now is say you have 37 repositories, this will only retrieve the first
            30 repositories that were created. I'll put a note here when this is fixed or feel free to <a href="https://github.com/resume/resume.github.com">fork the page</a>,
            make changes and send them back :-)
            </p>
            <p class="enlarge-medium">
            <br />
            Another popular feature people are asking a lot is listing of the organizations. <strong>This is the next feature to be added</strong>.
            <br /><br />
            </p>
        </div>

    </div>

   <div id="ft" role="contentinfo"><p>Brought to you by the brilliant mind of <a href="http://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt; &mdash; R&eacute;sum&eacute; Template from <a href="http://thingsthatarebrown.com/blog/2009/05/sample-resume-template/">Things That Are Brown</a></p></div>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('form#run').submit(function(e){
        var genUser = $('#username').val();
        document.location = document.location.pathname + "?" + genUser;
        e.preventDefault();
    });
});
</script>