gnu-social/templates/note/view.html.twig

<div class="note">
  <div class="note-info">
    <a href="{{ path('settings_avatar') }}">
      <img src="{{ note.getAvatarUrl() }}" alt="{{ note.getActorNickname() }}'s avatar">
    </a>
    <b>{{ note.getActorNickname() }}</b>
  </div>
  <div class="note-content">
    {{ note.getContent() }}
    <div class="note-attachments">
      {% for attachment in note.getAttachments() %}
        {% if attachment.mimetype starts with 'image/' %}
          <div>
            <img src="{{ path('attachment_inline', {'id': attachment.getId()}) }}" alt="{{ attachment.getTitle() }}">
            <i> {{ attachment.getTitle() }} </i>
            </img>
          </div>
        {% elseif attachment.mimetype starts with 'video/' %}
          <div>
            <video src="{{ path('attachment_inline', {'id': attachment.getId()}) }}">
              <i> {{ attachment.getTitle() }} </i>
            </video>
          </div>
        {% else %}
          <div>
            <i> {{ attachment.getTitle() }} </i>
          </div>
        {% endif %}
      {% endfor %}
    </div>
  </div>
  <div class="note-actions">
    {% for act in get_note_actions(note) %}
      {{ form(act) }}
    {% endfor %}
    <a href="{{ path('note_reply', {'reply_to': note.getId()}) }}">
      <svg class="icon icon-reply">
        <use xlink:href="#icon-reply"></use>
      </svg>
    </a>
  </div>
  <div class="replies">
    {% for reply in note.getReplies() %}
      {% include '/note/view.html.twig' with {'note': reply} only %}
    {% endfor %}
  </div>
</div>