{{#if verbose}}
  <div class='annotationBody'>
    {{{bodyHtml}}}
  </div>
{{else}}
  <a href='{{annotation.id}}' class='plainlink'>
    <div class='annotationBody'>
      {{{bodyHtml}}}
    </div>
  </a>
{{/if}}

<p style='margin-bottom: 0;'>{{#if verbose}}This is an annotation {{/if}}on:
  {{#if targetUrl}}<a href='{{targetUrl}}'>{{targetUrl}}</a>{{/if}}
</p>
{{#if targetUrls}}
  <ul class='targets'>
    {{#each targetUrls}}
      <li><a href='{{this}}'>{{this}}</a></li>
    {{/each}}
  </ul>
{{/if}}

{{#if targetQuotes}}
  {{#if verbose}}<p>On the text:</p>{{/if}}
  {{#each targetQuotes}}
    <blockquote class='textquote'><mark>{{this}}</mark></blockquote>
  {{/each}}
{{/if}}

{{#if verbose}}
  <p class='small'>Created on {{{created}}}</p>
  {{#if modified}}
    <p class='small'>Last modified {{{modified}}}</p>
  {{/if}}

  <details style='margin-top: 4em;'>
    <summary class='small'>View this annotation as JSON</summary>
    <pre>{{json}}</pre>
  </details>

  <script
    type='application/ld+json; profile="http://www.w3.org/ns/anno.jsonld"'
  >
    {{{json}}}
  </script>
{{/if}}