$def with ()
<h1 class=h-app style=text-align:center><span p-name>IndieWeb Validator</span></h1>

<form id=search action=/search method=get style="margin:3em 0">
<label style=font-size:.9em><strong>Address</strong>
<small><em>i.e. website URL or fediverse handle</em></small><br>
<input style="border:.2em inset #ccc;border-radius:.2em;font-size:1.1em;margin:.25em 0 .5em 0;padding:.2em;width:calc(100% - .8em)"
name=q type=text autofocus placeholder="e.g. example.com or alice@example.com"></label>
<div style=text-align:right><button
style="font-size:.8em;padding:0 .2em;text-transform:uppercase">Validate</button></div>
</form>

<h2 id=standards>Supported Standards</h2>

<h3>IndieWeb</h3>

<ul style=columns:3>
<li><a href=//www.w3.org/TR/webmention>Webmention</a></li>
<li><a href=//www.w3.org/TR/micropub>Micropub</a></li>
<li><a href=//www.w3.org/TR/websub>WebSub</a></li>
<li><a href=//www.w3.org/TR/indieauth>IndieAuth</a></li>
<li><a href=//www.w3.org/TR/post-type-discovery>Post Type Discovery</a></li>
<li><a href=//www.w3.org/TR/jf2>JF2</a></li>
<li><a href=//gmpg.org/xfn/>XFN</a></li>
<li><a href=//microformats.org/wiki/microformats>microformats</a></li>
<li><a href=//microformats.org/wiki/metaformats>metaformats</a></li>
<li><a href=//microformats.org/wiki/rel-me>rel=me</a></li>
<li><a href=//microformats.org/wiki/web-sign-in>web sign in</a></li>
<li><a href=//indieweb.org/Microsub>Microsub</a></li>
<li><a href=//indieweb.org/Ticketing_for_IndieAuth>Ticketing</a></li>
</ul>

<h3>Complimentary</h3>

<ul style=columns:3>
<li><a href=//datatracker.ietf.org/doc/html/rfc6415>Web Host Metadata</a></li>
<li><a href=//datatracker.ietf.org/doc/html/rfc7033>WebFinger</a></li>
<li><a href=//www.w3.org/TR/activitypub>ActivityPub</a></li>
<li><a href=//www.w3.org/TR/activitystreams-vocabulary>Activity Vocabulary</a></li>
<li><a href=//datatracker.ietf.org/doc/html/draft-ietf-httpbis-message-signatures>HTTP Signatures</a></li>
</ul>