Teacup/views/pebble.php

<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, 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>

    <img src="/images/banner.jpg" width="100%" class="screenshot">

  </div>

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