diff options
Diffstat (limited to 'layouts/_partials/post-card.html')
| -rw-r--r-- | layouts/_partials/post-card.html | 44 |
1 files changed, 29 insertions, 15 deletions
diff --git a/layouts/_partials/post-card.html b/layouts/_partials/post-card.html index 7dd8c9a..f3a1362 100644 --- a/layouts/_partials/post-card.html +++ b/layouts/_partials/post-card.html @@ -1,16 +1,30 @@ -{{ $featured := .featured }} -<article class="post-card {{ if $featured }}featured{{ end }}"> - {{ if .image }} - <img src="{{ .image }}" alt="{{ .title }}" class="post-card-image"> - {{ else }} - <div class="post-card-image" style="background: linear-gradient(135deg, var(--color-{{ .type }}), var(--bg2));"></div> - {{ end }} - <div class="post-card-body"> - <div class="post-type-badge {{ .type }}">{{ .type }}</div> - <h3 class="post-card-title"><a href="{{ .url }}">{{ .title }}</a></h3> - <p class="post-card-excerpt">{{ .description }}</p> - <div class="post-card-meta"> - <span>{{ dateFormat "Jan 2, 2006" .date }}</span> +{{ if eq .context "home" }} + <article class="article-card reveal" data-type="{{ .type }}"> + <div class="article-type" style="background: var(--type-{{ .type }});">{{ .type }}</div> + <div class="article-content"> + <h3 class="article-title"><a href="{{ .url }}">{{ .title }}</a></h3> + <p class="article-excerpt">{{ .description }}</p> + <div class="article-meta"> + <span>{{ dateFormat "Jan 2, 2006" .date }}</span> + <a href="{{ .url }}" class="article-read">Read →</a> + </div> </div> - </div> -</article> + </article> +{{ else }} + {{ $featured := .featured }} + <article class="post-card {{ if $featured }}featured{{ end }}"> + {{ if .image }} + <img src="{{ .image }}" alt="{{ .title }}" class="post-card-image"> + {{ else }} + <div class="post-card-image" style="background: linear-gradient(135deg, var(--color-{{ .type }}), var(--bg2));"></div> + {{ end }} + <div class="post-card-body"> + <div class="post-type-badge {{ .type }}">{{ .type }}</div> + <h3 class="post-card-title"><a href="{{ .url }}">{{ .title }}</a></h3> + <p class="post-card-excerpt">{{ .description }}</p> + <div class="post-card-meta"> + <span>{{ dateFormat "Jan 2, 2006" .date }}</span> + </div> + </div> + </article> +{{ end }} |