<div class="panel" id="skinnyverse">
  <h2><a id="latest-skweets" href="https://skinnyver.se/cel">latest skweets</a></h2>
  {% for skweet in skweets %}
  {% if not skweet.reblog %}
  <div class="skweet">
    <img src="{{ skweet.avatar }}" class="profile">
    <div class="skweet-content">
      <div class="skweet-info"><h4>{{ skweet.username }}</h4><a href="{{ skweet.url }}" target="_blank" rel="noopener noreferrer"><h5>{{ skweet.time_since }} ago</h5></a></div>
      <div class="skweet-text">{{ skweet.content }}</div>
      {% if skweet.media_attachments[0] %}
      {% for media_attachment in skweet.media_attachments %}
      {% if media_attachment.type == "image" %}
      <a href="{{ media_attachment.url }}"><img src="{{ media_attachment.url }}"></a>
      {% elif media_attachment.type == "video" %}
      <video controls src="{{ media_attachment.url }}"></video>
      {% endif %}
      {% endfor %}
      {% endif %}
    </div>
  </div>
  {% elif skweet.reblog %}
  <div class="boosted-skweet">
    <h4>boosted:</h4>
      <div class="skweet">
      <img src="{{ skweet.avatar }}" class="profile">
      <div class="skweet-content">
        <div class="skweet-info"><h4>{{ skweet.username }}</h4><a href="{{ skweet.url }}" target="_blank" rel="noopener noreferrer"><h5>{{ skweet.time_since }} ago</h5></a></div>
        <div class="skweet-text">{{ skweet.content }}</div>
        {% if skweet.media_attachments[0] %}
        {% for media_attachment in skweet.media_attachments %}
        {% if media_attachment.type == "image" %}
        <a href="{{ media_attachment.url }}"><img src="{{ media_attachment.url }}"></a>
        {% elif media_attachment.type == "video" %}
        <video controls src="{{ media_attachment.url }}"></video>
        {% endif %}
        {% endfor %}
        {% endif %}
      </div>
    </div>
  </div>
  {% endif %}
  {% endfor %}
</div>

