<div class="narrow">

  <div class="jumbotron h-x-app">
    <h1><img src="/images/teacup-logo-144.png" height="72" style="margin-bottom: 13px;" class="u-logo p-name" alt="Teacup">Teacup</h1>

    <p class="tagline">Teacup is a simple app for tracking what you are drinking.</p>

    <p>To use Teacup, sign in with your domain. If your website supports <a href="http://indiewebcamp.com/micropub">Micropub</a>, it can log posts directly to your site. Otherwise, it will post to your profile on this website.</p>

    <form action="/auth/start" method="get" class="form-inline">
      <input type="text" name="me" placeholder="http://me.com" value="" class="form-control">
      <input type="submit" value="Sign In" class="btn btn-primary">
    </form>

  </div>

</div>