diff options
Diffstat (limited to 'layouts/_partials/timeline-item.html')
| -rw-r--r-- | layouts/_partials/timeline-item.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/layouts/_partials/timeline-item.html b/layouts/_partials/timeline-item.html new file mode 100644 index 0000000..fcb3f50 --- /dev/null +++ b/layouts/_partials/timeline-item.html @@ -0,0 +1,31 @@ +{{ $page := .page }} +{{ $index := .index }} +{{ $position := "left" }} +{{ if (eq (mod $index 2) 1) }} + {{ $position = "right" }} +{{ end }} + +<article class="timeline-item {{ $position }}" data-type="{{ $page.Params.type }}"> + <div class="timeline-dot"></div> + + <div class="article-card"> + {{ if $page.Params.image }} + <div class="article-card-image"> + <img src="{{ $page.Params.image }}" alt="{{ $page.Title }}" loading="lazy"> + </div> + {{ end }} + + <div class="article-card-body"> + <div class="article-card-header"> + <span class="article-type-badge type-{{ $page.Params.type }}">{{ $page.Params.type }}</span> + <span class="article-date">{{ $page.Date.Format "Jan 02, 2006" }}</span> + </div> + <h3 class="article-card-title"> + <a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a> + </h3> + {{ with $page.Params.description }} + <p class="article-card-excerpt">{{ . }}</p> + {{ end }} + </div> + </div> +</article> |