<div class="p-comment h-entry">
  <div class="comment-header">
    <div class="p-author h-card">
      {% if webmention.author_photo %}
        <img class="u-photo" src="{{ webmention.author_photo }}" alt="{{ webmention.author_name }}" width="48" height="48" loading="lazy">
      {% endif %}
      <span class="author-info">
        {% if webmention.author_url %}
          <a class="p-name u-url" href="{{ webmention.author_url }}" rel="nofollow">{{ webmention.author_name|default:"Someone" }}</a>
        {% else %}
          <span class="p-name">{{ webmention.author_name|default:"Someone" }}</span>
        {% endif %}
        <a class="u-url" href="{{ webmention.source_url }}" rel="nofollow">
          {% if webmention.published %}
            <time class="dt-published" datetime="{{ webmention.published|date:'c' }}">
              {{ webmention.published|date:"M j, Y g:i A" }}
            </time>
          {% else %}
            replied
          {% endif %}
        </a>
      </span>
    </div>
  </div>
  <div class="e-content comment-content">
    {% if webmention.content_html %}
      {{ webmention.content_html|safe }}
    {% elif webmention.content %}
      <p>{{ webmention.content|linebreaks }}</p>
    {% endif %}
  </div>
</div>
