improve skweet widget, namely time formatting

1 files changed, 23 insertions, 5 deletions

diff --git a/templates/latestskweets.html.tera b/templates/latestskweets.html.tera
index d698eea..84798de 100644
--- a/templates/latestskweets.html.tera
+++ b/templates/latestskweets.html.tera
@@ -3,21 +3,39 @@
   {% for skweet in skweets %}
   {% if not skweet.reblog %}
   <div class="skweet">
-    <img src="{{ skweet.account.avatar }}" class="profile">
+    <img src="{{ skweet.avatar }}" class="profile">
     <div class="skweet-content">
-      <div class="skweet-info"><h4>{{ skweet.account.username }}</h4><a href="{{ skweet.url }}" target="_blank" rel="noopener noreferrer"><h5>{{ skweet.created_at | date(format="%Y-%m-%d %H:%M") }}UTC</h5></a></div>
+      <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] %}
-      <div class="skweet-gallery">
+      {% 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" %}
-        <img src="{{ media_attachment.url }}">
+        <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>
-      {% endif %}
     </div>
   </div>
   {% endif %}