| 
								
							 | 
							
								<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/quill-ui.png"></span>
							 | 
						
						
						
							| 
								
							 | 
							
								  </div>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>This is a simple <a href="http://indiewebcamp.com/micropub">Micropub</a> client for 
							 | 
						
						
						
							| 
								
							 | 
							
								     creating text posts on your own website. To use it, you will need to turn your website 
							 | 
						
						
						
							| 
								
							 | 
							
								     into an OAuth provider, and implement a Micropub endpoint that this app will send 
							 | 
						
						
						
							| 
								
							 | 
							
								     requests to.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>Once you've signed in, you'll see an interface like the one shown which you can use to 
							 | 
						
						
						
							| 
								
							 | 
							
								     write a post. Clicking "post" will make a Micropub request to your endpoint.<p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <h2 id="endpoints">Configuring Endpoints</h2>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <h3>Authorization Endpoint</h3>
							 | 
						
						
						
							| 
								
							 | 
							
								  <?= partial('partials/auth-endpoint-help') ?>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <h3>Token Endpoint</h3>
							 | 
						
						
						
							| 
								
							 | 
							
								  <?= partial('partials/token-endpoint-help') ?>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <h3>Micropub Endpoint</h3>
							 | 
						
						
						
							| 
								
							 | 
							
								  <?= partial('partials/micropub-endpoint-help') ?>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <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>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <h2 id="syndication">Syndication Targets</h2>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>You can provide a list of supported <a href="https://www.w3.org/TR/micropub/#syndication-targets">syndication targets</a> that will appear as checkboxes when you are creating a new post.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>To do this, your Micropub endpoint will need to respond to a GET request containing a query string of <code>q=syndicate-to</code>. This request will be made with the access token that was generated for this app, so you can choose which syndication targets you want to allow this app to use.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>Below is the request and expected response that Quill looks for.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <pre><code>GET /micropub?q=syndicate-to HTTP/1.1
							 | 
						
						
						
							| 
								
							 | 
							
								Authorization: Bearer xxxxxxxxxx
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								HTTP/1.1 200 OK
							 | 
						
						
						
							| 
								
							 | 
							
								Content-type: application/json
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								{
							 | 
						
						
						
							| 
								
							 | 
							
								  "syndicate-to": [
							 | 
						
						
						
							| 
								
							 | 
							
								    {
							 | 
						
						
						
							| 
								
							 | 
							
								      "uid": "https://twitter.com/aaronpk",
							 | 
						
						
						
							| 
								
							 | 
							
								      "name": "twitter.com/aaronpk"
							 | 
						
						
						
							| 
								
							 | 
							
								    },
							 | 
						
						
						
							| 
								
							 | 
							
								    {
							 | 
						
						
						
							| 
								
							 | 
							
								      "uid": "https://news.indieweb.org/en",
							 | 
						
						
						
							| 
								
							 | 
							
								      "name": "IndieNews"
							 | 
						
						
						
							| 
								
							 | 
							
								    }
							 | 
						
						
						
							| 
								
							 | 
							
								  ]
							 | 
						
						
						
							| 
								
							 | 
							
								}
							 | 
						
						
						
							| 
								
							 | 
							
								</code></pre>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>The specific values of names and uids are up to your Micropub endpoint, but a good convention is to use the domain name of the service (e.g. https://twitter.com), or domain name and username (e.g. https://twitter.com/aaronpk) for the uid, and a friendly name like "Twitter" or "twitter.com/aaronpk" as the name.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								  <p>Quill will check for your supported syndication targets when you sign in, but there is also a link on the new post screen to manually re-check if you'd like.</p>
							 | 
						
						
						
							| 
								
							 | 
							
								
							 | 
						
						
						
							| 
								
							 | 
							
								</div>
							 |