54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
{{/* props: Page (post page) */}}
|
|
{{- $p := .Page -}}
|
|
{{- $icon := $p.Params.icon | default "fa-regular fa-file-lines" -}}
|
|
{{- $category := $p.Params.category | default "Article" -}}
|
|
|
|
<article class="card card-pad card-home card-home--post group">
|
|
<a href="{{ $p.RelPermalink }}" class="card-home-body">
|
|
<div class="card-home-header">
|
|
<div class="card-home-icon card-home-icon--post">
|
|
<i class="{{ $icon }}"></i>
|
|
</div>
|
|
|
|
<div class="min-w-0">
|
|
<div class="flex items-start justify-between gap-2">
|
|
<div class="min-w-0">
|
|
<h3 class="truncate text-sm font-semibold tracking-tight group-hover:text-accent">
|
|
{{ $p.Title }}
|
|
</h3>
|
|
|
|
<div class="mt-0.5 flex flex-wrap items-center gap-2 text-[0.68rem] text-muted">
|
|
{{ with $p.Date }}
|
|
<span>{{ .Format "02 Jan 2006" }}</span>
|
|
{{ end }}
|
|
{{ with $p.ReadingTime }}
|
|
<span>• {{ . }} min read</span>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
{{ with $category }}
|
|
<span class="card-badge card-badge--soft">
|
|
{{ . }}
|
|
</span>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ with $p.Params.description }}
|
|
<p class="mt-2 text-xs text-muted">
|
|
{{ . }}
|
|
</p>
|
|
{{ end }}
|
|
|
|
{{ with $p.Params.tags }}
|
|
<div class="mt-3 card-tag-row">
|
|
{{ range first 3 . }}
|
|
<span class="card-tag-pill">{{ . }}</span>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</a>
|
|
</article>
|