45 lines
1.8 KiB
Plaintext
45 lines
1.8 KiB
Plaintext
<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>
|
|
|