From 79b038fea309fa79ef2335731549276133d69291 Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Fri, 9 Sep 2022 13:23:33 +0200
Subject: [PATCH] add support for videos in posts from social

---
 .../layouts/partials/shout_card.html             | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/themes/lumbung-theme/layouts/partials/shout_card.html b/themes/lumbung-theme/layouts/partials/shout_card.html
index 653412b..625164e 100644
--- a/themes/lumbung-theme/layouts/partials/shout_card.html
+++ b/themes/lumbung-theme/layouts/partials/shout_card.html
@@ -10,6 +10,13 @@
               </a></h2>
             </header>
 
+            {{ with (index (.Resources.ByType "video") 0) }}
+            {{/* TODO this current logic does not suport video & image mixed */}}
+              <div class="p-summary">
+              <video controls width="540px" preload="none" poster="{{ $postPermalink }}/thumbnail.png">
+                <source src="{{.Permalink}}" type="video/mp4">
+              </video>
+            {{ else}}
             {{ with (index (.Resources.ByType "image") 0) }}
               {{ $height := add .Height 0.0}}
               {{ $ratio := div $height .Width}}
@@ -18,9 +25,10 @@
               <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> 
               <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}"  alt="{{ .Title }}"> </a>
             </div>
-              {{ else }}
+            {{ else }}
               <div class="p-summary">
-              {{ end }}
+            {{ end }}
+            {{ end }}
               <div class="summary-text">
                 {{ .Summary }}
               </div>
@@ -32,10 +40,10 @@
               <span class="from p-author">{{ if .Params.authors }}From {{range .Params.authors}}<b> <a href='{{ "/authors/" | relLangURL }}{{ . | urlize }}/'> {{ . }}</a> {{end}}</b> on{{ end }}</span>
                <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
                </div>
-             {{ if .Truncated }}
+              {{ if .Truncated }}
                 <div class="footer-filler"></div>
                 <div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
                 {{ end }}
-              </footer>            
+            </footer>            
           </article>
     </div>