| 
						 | 
						- <div class="narrow">
 -   <?= partial('partials/header') ?>
 - 
 -   <h2 id="introduction">Introduction</h2>
 - 
 -   <div class="col-xs-6 col-md-4" style="float: right;">
 -     <span class="thumbnail"><img src="/images/teacup-screenshot.png"></span>
 -   </div>
 - 
 -   <p>Teacup is a simple <a href="https://indieweb.org/Micropub">Micropub</a> client for 
 -      posting food and drink to your website. Once you've set up Micropub on your site,
 -      you can use this app to post the experimental food and drink posts to your site.</p>
 - 
 -   <p>The <a href="/creating-a-micropub-endpoint">Creating a Micropub Endpoint</a> tutorial will walk you through how to handle incoming POST requests from apps like this.</p>
 - 
 - </div>
 
 
  |