<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" alt="Teacup">Teacup</h1>

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

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

    <p><span style="font-size: 16pt;"><a href="https://apps.getpebble.com/applications/5456c83433c864a87f0000b9">Download Teacup for Pebble</a></span></p>

    <a href="https://apps.getpebble.com/applications/5456c83433c864a87f0000b9"><img src="/images/screenshots.jpg" width="100%" class="screenshot"></a>

  </div>

</div>
<style type="text/css">
.screenshot {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
</style>