quay/static/partials/landing.html

<div class="landing">
  <div class="background"></div>
  <div class="background-mask"></div>
  <div class="message-container" ng-show="user.anonymous">
    <div class="message">Secure hosting for <b>private</b> docker containers</div>
    <div class="sub-message">Use the docker images <b>your team</b> needs with the safety of <b>private</b> storage</div>
    <div class="sellcall"><a href="#/plans">Starting at $7/mo</a></div>
  </div>

  <div class="message-container" ng-show="!user.anonymous">
    <div ng-show="loadingmyrepos">
      <div class="spin"></div>
    </div>
    <div ng-show="!loadingmyrepos && myrepos.length > 0">
      <h2>Your Top Repositories</h4>      
      <div class="repo-listing" ng-repeat="repository in myrepos">
	<i class="icon-hdd icon-large"></i>
	<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="!loadingmyrepos && myrepos.length == 0">
      <div class="sub-message">
	You don't have any <b>private</b> repositories yet!

	<div class="options">
	  <div class="option"><a href="#/guide">Learn how to create a repository</a></div>
	  <div class="or"><span>or</span></div>
	  <div class="option"><a href="#/repository">Browse the public repositories</a></div>
	</div>

      </div>
    </div>
  </div>

  <div class="signup-container">
    <div ng-show="user.anonymous">
      <form class="form-signup" name="signupForm" ng-submit="register()" data-trigger="manual" data-content="{{ registerError }}" data-placement="left" ng-show="!awaitingConfirmation && !registering">
        <input type="text" class="form-control" placeholder="Create a username" name="username" ng-model="newUser.username" autofocus required>
        <input type="email" class="form-control" placeholder="Email address" ng-model="newUser.email" required>
        <input type="password" class="form-control" placeholder="Create a password" ng-model="newUser.password" required>
        <input type="password" class="form-control" placeholder="Verify your password" ng-model="newUser.repeatePassword" match="newUser.password" required>
        <button class="btn btn-lg btn-primary btn-block" ng-disabled="signupForm.$invalid" type="submit">Get Started!</button>
      </form>
      <div ng-show="registering" style="text-align: center">
        <span class="spin" color="#fff" style="display: inline-block"></span>
      </div>
      <div ng-show="awaitingConfirmation">
        <div class="sub-message">Thank you for registering! We have sent you an activation email. You must <b>verify your email address</b> before you can continue.</div>
      </div>
    </div>
    <div ng-show="!user.anonymous">
      <div class="welcome-message">
	<img class="gravatar" src="//www.gravatar.com/avatar/{{ user.gravatar }}?s=128&d=identicon" />
	<div class="sub-message">Welcome <b>{{ user.username }}</b>!</div>
      </div>
      <button ng-show="myrepos" class="btn btn-lg btn-primary btn-block" ng-click="browseRepos()">Browse all repositories</button>
    </div>
  </div>

  <div class="shoutouts" ng-show="user.anonymous">
    <div class="shoutout">
      <i class="icon-lock"></i>
      <b>Secure</b>
      Store your private docker containers securely where only you and your team
      can access it
    </div>

    <div class="shoutout">
      <i class="icon-cloud"></i>
      <b>Cloud Hosted</b>
      Accessible from anywhere, anytime
    </div>

    <div class="shoutout">
      <i class="icon-share-sign"></i>
      <b>Shareable</b>
      Have to share a container? No problem! Share with anyone you choose
    </div>
  </div>
</div>

<div class="navbar landing-footer">
  <div class="footer-column">
    <h4>About</h4>
    <ul>
      <li><a href="http://blog.devtable.com/">Blog</a></li>
    </ul>
  </div>

  <div class="footer-column">
    <h4>Legal</h4>
    <ul>
      <li><a href="/tos">Terms of Service</a></li>
      <li><a href="/privacy">Privacy Policy</a></li>
    </ul>
  </div>

 <div class="footer-column">
    <h4>Support</h4>
    <ul>
      <li><a href="mailto:support@quay.io">Contact Support</a></li>
      <li><a href="#/guide/">Getting Started Guide</a></li>
    </ul>
  </div>

  <a href="https://devtable.com"><img class="dt-logo" src="/static/dt-logo.png"></a>
  <span class="copyright">&copy;2013 DevTable, LLC</span>
</div>