{{!

    Yo! Notice how the stashes are escaped? Do that! Or Selleck will wear them.

}}
<!--
HomePage Template:

Template HTML used by the `HomePageView` to render the app's home page.
-->
<script id="t-home" type="text/x-handlebars-template">
    <h1>Contributors of GitHub Projects</h1>
    <p>
        <input id="github-app-username" type="text" value="\{{login}}" placeholder="GitHub Username" />
        <button class="yui3-button">Show Repos</button>
    </p>
    <p>
        <label for="github-app-username">(e.g. yui, davglass, rgrove)</label>
    </p>
</script>

<!--
User Template:

Template HTML used by the `UserPageView` to render the header section of a
user's page in the app; this displays info and stats about the GitHub user.
-->
<script id="t-user" type="text/x-handlebars-template">
    <div class="yui3-g">
        <p class="back yui3-u-1-2">
            <a href="#/">« Choose Someone Different</a>
        </p>
        <p class="view-on-github yui3-u-1-2">
            <a href="\{{html_url}}">View on GitHub</a>
        </p>
    </div>

    <div class="yui3-g">
        <div class="info yui3-u-2-3">
            <h1>
                <span class="avatar user-avatar">
                    <img src="\{{avatar_url}}" alt="\{{login}}'s avatar" />
                </span>
                <span class="user-login">\{{login}}</span>
            \{{#if name}}
                <span class="user-name">(\{{name}})</span>
            \{{/if}}
            </h1>
        </div>
        <div class="stats yui3-u-1-3">
            <ul class="yui3-g">
                <li class="user-repos yui3-u-1-2">
                    <b>\{{public_repos}}</b> \{{public_repos_label}}
                </li>
                <li class="user-followers yui3-u-1-2">
                    <b>\{{followers}}</b> \{{followers_label}}
                </li>
            </ul>
        </div>
    </div>
</script>

<!--
RepoList Template:

Template HTML used by the `UserPageView` to render the main section of a user's
page in the app; this displays the list of project repos for the GitHub user.
-->
<script id="t-repo-list" type="text/x-handlebars-template">
    <h2 class="no-toc">Public Repositories</h2>

    <ul class="repos">
    \{{#each repos}}
        <li id="\{{clientId}}" class="repo yui3-g">
            <div class="repo-name yui3-u-2-3">
                <h3 class="no-toc">
                    <a href="#/github/\{{owner.login}}/\{{name}}/">\{{name}}</a>
                </h3>
                <p class="repo-desc">\{{description}}</p>
            </div>
            <div class="repo-stats yui3-u-1-3">
                <ul class="yui3-g">
                    <li class="repo-lang yui3-u-1-3">
                        <b>\{{language}}</b>
                    </li>
                    <li class="repo-watchers yui3-u-1-3">
                        <b>\{{watchers}}</b>
                        <span>\{{watchers_label}}</span>
                    </li>
                    <li class="repo-forks yui3-u-1-3">
                    \{{#if forks}}
                        <b>\{{forks}}</b>
                        <span>\{{forks_label}}</span>
                    \{{/if}}
                    </li>
                </ul>
            </div>
        </li>
    \{{/each}}
    </ul>
</script>

<!--
Repo Template:

Template HTML used by the `RepoPageView` to render the header section of a
repo page in the app; this displays info and stats about a GitHub user's repo.
-->
<script id="t-repo" type="text/x-handlebars-template">
    <div class="yui3-g">
        <p class="back yui3-u-1-2">
            <a href="#/github/\{{owner.login}}/">« Select Repository</a>
        </p>
        <p class="view-on-github yui3-u-1-2">
            <a href="\{{html_url}}">View on GitHub</a>
        </p>
    </div>

    <div class="yui3-g">
        <div class="info yui3-u-2-3">
            <h1>
                <span class="avatar user-avatar">
                    <img src="\{{owner.avatar_url}}" alt="\{{owner.login}}'s avatar" />
                </span>
                <span class="user-login">\{{owner.login}}</span> /
                <span class="repo-name">\{{name}}</span>
            </h1>
        </div>
        <div class="stats yui3-u-1-3">
            <ul class="yui3-g">
                <li class="repo-watchers yui3-u-1-2">
                    <b>\{{watchers}}</b> \{{watchers_label}}
                </li>
                <li class="repo-forks yui3-u-1-2">
                    <b>\{{forks}}</b> \{{forks_label}}
                </li>
            </ul>
        </div>
    </div>
</script>

<!--
ContributorList Template:

Template HTML used by the `RepoPageView` to render the main section of a repo
page in the app; this displays the list of contributors to the GitHub project.
-->
<script id="t-contributor-list" type="text/x-handlebars-template">
    <h2 class="no-toc">Project Contributors (\{{num}})</h2>

    <ul class="contributors">
    \{{#each contributors}}
        <li class="contributor">
            <a class="avatar" href="#/github/\{{login}}/"
                    title="\{{login}} has \{{contributions}} \{{contributions_label}}">
                <img alt="\{{login}}'s avatar" src="\{{avatar_url}}" />
                <span class="contributor-name">\{{login}}</span>
                <span class="contributor-contributions">\{{contributions}}</span>
            </a>
        </li>
    \{{/each}}
    </ul>
</script>
