render gifs, round the corners of media

slamp · Dec 17, 2022 · 82aeddf · 82aeddf
1 parent cfc9f41
commit 82aeddf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/formatters.py b/formatters.py
@@ -2,8 +2,9 @@ def format_post(post, mastodon_base_url) -> dict:
 
     def format_media(media):
         formats = {
-            'image': f'<img src={media["url"]} alt={media["description"] if media["description"] != None else ""}></img>',
-            'video': f'<video src={media["url"]} controls width="100%"></video>'
+            'image': f'<div class="media"><img src={media["url"]} alt={media["description"] if media["description"] != None else ""}></img></div>',
+            'video': f'<div class="media"><video src={media["url"]} controls width="100%"></video></div>',
+            'gifv': f'<div class="media"><video src={media["url"]} autoplay loop muted playsinline width="100%"></video></div>'
         }
         if formats.__contains__(media.type):
             return formats[media.type]

diff --git a/render/style.css b/render/style.css
@@ -106,8 +106,10 @@ body {
     word-break: break-word;
 }
 
-.media {
+.medias {
     padding-bottom: 15px;
+    display: flex;
+    gap: 5px;
 }
 
 .content p {
@@ -145,6 +147,7 @@ body {
 .media img, .media video {
     max-width: 100%;
     max-height: 300px;
+    border-radius: 5px;
 }
 
 .footer {

diff --git a/templates/posts.html.jinja b/templates/posts.html.jinja
@@ -21,7 +21,7 @@
 	{{ post['content'] }}
       </div>
      {% if post['media'] %}
-      <div class="media">
+      <div class="medias">
 	{{ post['media'] }}
       </div>
      {% endif %}