<div class="loading" ng-show="loading">
  <i class="fa fa-spinner fa-spin fa-3x"></i>
</div>

<div class="container ready-indicator" ng-show="!loading" data-status="{{ loading ? '' : 'ready' }}">
  <div class="repo-list" ng-show="!user.anonymous">
    <h3>Your Repositories</h3>
    <div ng-show="private_repositories.length > 0">
      <div class="repo-listing" ng-repeat="repository in private_repositories">
        <span class="repo-circle no-background" repo="repository"></span>
        <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
        <div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
      </div>
    </div>

    <div ng-show="private_repositories.length == 0" style="padding:20px;">
      <div class="alert alert-info">
        <h4>You don't have any repositories yet!</h4>
        <a href="/guide"><b>Click here</b> to learn how to create a repository</a>
      </div>

    </div>
  </div>

  <div class="repo-list">
    <h3>Top Public Repositories</h3>
    <div class="repo-listing" ng-repeat="repository in public_repositories">
      <span class="repo-circle no-background" repo="repository"></span>
      <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
      <div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
    </div>
  </div>
</div>