40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
<article class="story__card">
|
|
|
|
{{ partial "common/image.html" (dict "src" .Params.image "alt" .Title) . }}
|
|
|
|
<div class="story__card__details">
|
|
<ul class="card_category_list">
|
|
{{ range first 5 .Params.categories }}
|
|
<a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}/">
|
|
<li class="category__chip">
|
|
{{.}}
|
|
</li>
|
|
</a>
|
|
{{ end }}
|
|
</ul>
|
|
|
|
<a href="{{.RelPermalink}}" data-story-url="{{.RelPermalink}}" class="open-modal">
|
|
<h4 class="card__title">{{ .Title | truncate 45 }}</h4>
|
|
</a>
|
|
|
|
<!-- author -->
|
|
<div class="author__reading_time">
|
|
<p class="timeToRead">{{ .ReadingTime }} {{T "minutesToRead"}} </p>
|
|
</div>
|
|
<!-- description -->
|
|
<p class="card__description">{{.Params.description | truncate 100}}</p>
|
|
|
|
<!-- tags -->
|
|
<ul class="card_tags_list">
|
|
{{ range first 3 .Params.tags }}
|
|
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/">
|
|
<li class="tag__chip">
|
|
<span class="hastag">#</span>{{.}}
|
|
</li>
|
|
</a>
|
|
{{ end }}
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</article> |