From 059cf500e7cd98de88c59d6824354a3d2d87fc89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?cel=20=F0=9F=8C=B8?= <cel@blos.sm>
Date: Thu, 16 Feb 2023 13:08:17 +0000
Subject: [PATCH] add skweet image/video support

---
 static/style.css                  | 7 ++++---
 templates/latestskweets.html.tera | 9 +++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/static/style.css b/static/style.css
index a8ce1c6..934041a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -51,7 +51,7 @@ a.active {
   color: #311f20;
 }
 
-img {
+img, video {
   max-width: 100%;
   border: 4px solid #311f20;
 }
@@ -292,7 +292,8 @@ iframe {
   gap: 1em;
 }
 
-.skweet-gallery img {
+.skweet-gallery img,
+.skweet-gallery video {
   border: 4px solid #bf42a0;
   flex: 1 1 auto;
   width: 10px;
@@ -387,4 +388,4 @@ iframe {
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   z-index: 4;
-}
\ No newline at end of file
+}
diff --git a/templates/latestskweets.html.tera b/templates/latestskweets.html.tera
index b2e8979..d698eea 100644
--- a/templates/latestskweets.html.tera
+++ b/templates/latestskweets.html.tera
@@ -5,12 +5,16 @@
   <div class="skweet">
     <img src="{{ skweet.account.avatar }}" class="profile">
     <div class="skweet-content">
-      <div class="skweet-info"><h4>{{ skweet.account.username }}</h4><a href="skweet.url"><h5>{{ skweet.created_at | date(format="%Y-%m-%d %H:%M") }}UTC</h5></a></div>
+      <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-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" %}
         <img src="{{ media_attachment.url }}">
+        {% elif media_attachment.type == "video" %}
+        <video controls src="{{ media_attachment.url }}"></video>
+        {% endif %}
         {% endfor %}
       </div>
       {% endif %}
@@ -18,4 +22,5 @@
   </div>
   {% endif %}
   {% endfor %}
-</div>
\ No newline at end of file
+</div>
+