<div class='publishers social card' data-section="{{ .Section }}"> <article class="h-entry social"> <header> {{ $postPermalink := .Permalink}} <h2 class="p-name"><a href="{{ .Permalink }}" class="u-url"> {{ .Title }} </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}} {{ $thumb := .Fit "540x540 q80 webp"}} <div class="p-summary{{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> <div class="summary-image {{if gt $ratio 1 }} portrait {{else}} landscape {{end}}"> <a href="{{ $postPermalink }}"><img src="{{ $thumb.Permalink }}" alt="{{ .Title }}"> </a> </div> {{ else }} <div class="p-summary"> {{ end }} {{ end }} <div class="summary-text"> {{ .Summary }} </div> </div> <div class="social-source"></div> <footer class='post-footer'> <div class='footer-metadata'> <span class="from p-author">{{ if .Params.contributors }}From {{range .Params.contributors}}<b> <a href='{{ "/contributors/" | 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 }} <div class="footer-filler" style="border-color: transparent" ></div> <div class='read-more'><a href="{{ .RelPermalink }}">Read Moreā¦</a></div> {{ end }} </footer> </article> </div>