54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<div class="col-md-6 mb-4">
|
|
<article class="card article-card article-card-sm h-100">
|
|
<a href="{{.Permalink}}">
|
|
<div class="card-image">
|
|
{{ if .Content }}
|
|
<div class="post-info">
|
|
<span class="text-uppercase">{{.PublishDate.Format "02 Jan 2006"}}</span>
|
|
<span class="text-uppercase">{{ .ReadingTime }} {{i18n `minutes_read`}}</span>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ $image:= .Params.image }}
|
|
{{ if $image }}
|
|
{{ if hasPrefix $image "http" }}
|
|
<img loading="lazy" decoding="async" src="{{ $image | safeURL }}" alt="{{ .Title }}" class="w-100">
|
|
{{ else }}
|
|
{{ if fileExists (add `assets/` .Params.image) }}
|
|
{{$img:= resources.Get (.Params.image) }}
|
|
{{$img:= $img.Fill "420x280 webp"}}
|
|
<img loading="lazy" decoding="async" src="{{$img.RelPermalink}}" alt="Post Thumbnail" class="w-100"
|
|
width="{{$img.Width}}" height="{{$img.Height}}">
|
|
{{ else }}
|
|
<span class="image-fallback">{{.Title | title}}</span>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ else }}
|
|
<span class="image-fallback">{{.Title | title}}</span>
|
|
{{ end }}
|
|
</div>
|
|
</a>
|
|
<div class="card-body px-0 pb-0">
|
|
{{ if .Params.categories }}
|
|
<ul class="post-meta mb-2">
|
|
<li>
|
|
{{ range $i,$e:= .Params.categories }}
|
|
<a href="{{`categories/` | relLangURL}}{{index (split . `/`) 0}}">{{- index (split . "/") 0 -}}</a>
|
|
|
|
{{ if (index (split . "/") 1)}}
|
|
<a href="{{`categories/` | relLangURL}}{{. | urlize}}">{{- index (split . "/") 1 -}}</a>
|
|
{{ end }}
|
|
{{ end }}
|
|
</li>
|
|
</ul>
|
|
{{ end }}
|
|
<h2><a class="post-title" href="{{.Permalink}}">{{ .Title | title }}</a></h2>
|
|
{{ if .Content }}
|
|
<p class="card-text">{{.Summary | truncate 120}}</p>
|
|
<div class="content">
|
|
<a class="read-more-btn" href="{{.RelPermalink}}">{{i18n `read_full_article`}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</article>
|
|
</div> |