2025-05-31 18:29:56 +02:00

41 lines
1.5 KiB
HTML

<div class="blog-post mb-4">
<article class="card bg-transparent border-0 p-1">
{{ if .Params.image }}
<a href="{{ .RelPermalink | urlize }}" class="rounded-2 overflow-hidden" data-aos="fade-up">
{{ partial "image.html" (dict "Src" .Params.image "Alt" .Params.title "Class" "w-100") }}
</a>
{{ end }}
<div class="card-body pt-4 px-0">
<div class="post-meta mb-3 mt-2" data-aos="fade-up" data-aos-delay="50">
{{ with .Params.date }}
<div class="post-date mb-1">
<i class="fa-solid fa-calendar-days me-2"></i>{{ . | time.Format "02 Jan 2006" }}
</div>
{{ end }}
{{ with .Params.tags }}
<div class="post-categories">
<i class="fa-solid fa-folder-open me-2"></i>
{{ range $index, $tag := . }}
{{ if $index }}, {{ end }}
<span class="meta-link">{{ $tag }}</span>
{{ end }}
</div>
{{ end }}
</div>
<div data-aos="fade-up" data-aos-delay="100">
<h3 class="h5 card-title fw-normal mb-3">
<a class="text-white" href="{{ .RelPermalink }}">{{ .Params.title | markdownify }}</a>
</h3>
<p class="card-text mb-4">{{ .Params.description | truncate 80 }}</p>
</div>
<a href="{{ .RelPermalink }}" class="card-btn text-primary d-inline-block" data-aos="fade-up" data-aos-delay="150">
View Project <i class="fa-solid fa-arrow-right-long"></i>
</a>
</div>
</article>
</div>