1 files changed, 44 insertions, 0 deletions
diff --git a/templates/latestskweets.html b/templates/latestskweets.html
new file mode 100644
index 0000000..84798de
--- /dev/null
+++ b/templates/latestskweets.html
@@ -0,0 +1,44 @@
+<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>
+