From bb33b8fae02bcc73f648e28a62cd0dcf853cee3f Mon Sep 17 00:00:00 2001
From: Luke Granger-Brown <hg@lukegb.com>
Date: Thu, 22 Oct 2020 02:05:24 +0000
Subject: [PATCH] twitterchiver/viewer: fix GIFs; large images

---
 go/twitterchiver/viewer/templates/tweets.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/go/twitterchiver/viewer/templates/tweets.html b/go/twitterchiver/viewer/templates/tweets.html
index f4ea95cd71..13bce68900 100644
--- a/go/twitterchiver/viewer/templates/tweets.html
+++ b/go/twitterchiver/viewer/templates/tweets.html
@@ -82,7 +82,7 @@ a:hover {
 	margin-top: 8px;
 	display: grid;
 	grid-template-columns: 50% 50%;
-	grid-template-rows: 50% 50%;
+	grid-template-rows: max-content;
 	grid-auto-flow: dense;
 }
 .media-item:only-child,
@@ -139,6 +139,14 @@ a:hover {
 								{{end}}
 							{{end}}
 						</video>
+					{{else if eq $entity.type "gif"}}
+						<video autoplay muted poster="{{rewriteURL $entity.media_url_https}}" class="media-video">
+							{{with bestVariant $entity.video_info.variants}}
+								{{if .}}
+									<source src="{{rewriteURL .url}}" type="video/mp4">
+								{{end}}
+							{{end}}
+						</video>
 					{{else}}
 						<a href="{{$entity.expanded_url}}" class="media-link">
 							<img src="{{rewriteURL $entity.media_url_https}}" class="media-img">