{% extends "_root.html" %}
{% block body %}
<div class="h-app">
	<h2 class="p-name"><a href="" class="u-url">Sample IndieAuth app</a></h2>
	<img width="128px" height="128px"
			style="float: right"
			alt="A person in a canoe rowing to the right"
		src="https://raw.githubusercontent.com/apancik/public-domain-icons/master/dist/human%20canoe.svg"
		class="u-logo" />
	<p class="p-note">
		This is meant to be a simple IndieAuth app that
		developers can use to test out their IndieAuth implementations. You can exchange an
		authorization code for a profile or token.
	</p>
	<p>The icons used for this project are from <a
			href="https://github.com/apancik/public-domain-icons">https://github.com/apancik/public-domain-icons</a>.
	</p>
</div>
<form action="client/auth" class="group">
	<fieldset role="group">
	<input type="url" required name="me" autocomplete="me home" placeholder="Your implementation's
	profile URL" value="{{ me|default("") }}" />
		<button>Continue</button>
	</fieldset>
</form>
{% endblock %}