48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<article class="story__card">
|
|
<img
|
|
src="{{.Params.image}}"
|
|
alt="{{ .Title }}"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="{{.RelPermalink}}" class="open-modal">
|
|
<h4 class="card__title">{{ .Title }}</h4>
|
|
</a>
|
|
<p class="card__description">{{.Params.description}}</p>
|
|
|
|
<div class="card__tags_categories">
|
|
{{ range .Params.categories }}
|
|
<a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}/" class="category__chip">
|
|
{{.}}
|
|
</a>
|
|
{{ end }} {{ range .Params.tags }}
|
|
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" class="tag__chip">
|
|
<span class="hastag">#</span>{{.}}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="publish__date__timeToRead">
|
|
<!-- publish date -->
|
|
<div class="publish__date">
|
|
<img src="/icons/calender.svg" class="story__card__icon" alt="" />
|
|
<time datetime=""
|
|
>{{ .PublishDate |time.Format ":date_medium" }}</time
|
|
>
|
|
</div>
|
|
|
|
<!-- time to read -->
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">{{ .ReadingTime }} {{T "minutesToRead"}} </time>
|
|
</div>
|
|
</div>
|
|
<!-- author -->
|
|
<div class="publish__date">
|
|
<img src="/icons/person.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">{{ .Params.author }}</time>
|
|
</div>
|
|
</div>
|
|
</article> |