You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.6 KiB
36 lines
1.6 KiB
3 years ago
|
<div class='shout card'>
|
||
|
|
<article class="h-entry shout">
|
||
|
|
<header>
|
||
|
|
{{ $postPermalink := .Permalink}}
|
||
|
|
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
{{ with (index (.Resources.ByType "image") 0) }}
|
||
|
|
{{ $height := add .Height 0.0}}
|
||
|
|
{{ $ratio := div $height .Width}}
|
||
|
|
{{ $thumb := .Fit "540x360"}}
|
||
|
|
<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 }}
|
||
|
|
<div class="summary-text">
|
||
|
|
{{ .Summary }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="shout-source"></div>
|
||
|
|
|
||
|
|
<footer class='post-footer'>
|
||
|
|
<div class='footer-metadata'>
|
||
|
|
<span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</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"></div>
|
||
|
|
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
||
|
|
{{ end }}
|
||
|
|
</footer>
|
||
|
|
</article>
|
||
|
|
</div>
|