Send Webmention Form

webmention-fragment.html

<! -- Webbmtions https://www.w3.org/TR/webmention/ -->
<article class="box post">
  <header>
    <h3>Notify WebMention</h3>
  </header>
  <div class="responses" id="responses">
    <form class="webmention-form ui form" action="https://webmention.herokuapp.com/api/webmention" method="post">
      <div class="fields">
        <div class="twelve wide field">
          <label for="wurl">Have you written a <a href="https://indieweb.org/responses">Webmention response</a> to this? URL:</label>
          <input id="wurl" type="url" name="source" class="url">
        </div>
        <div class="four wide field">
          <label>WebMention URL</label>
          <input type="submit" class="ui submit button" value="Send Webmention">
        </div>
      </div>
      <div class="status hidden">
        <div class="ui message"></div>
      </div>
      <input type="hidden" name="target" value="{{site.url}}{{page.url}}">
    </form>
  </div>
</article>