summaryrefslogtreecommitdiffstats
path: root/layouts/_partials/post-card.html
blob: f3a1362fb9f27b9e4853853786c7dfbcabfb63f0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{{ 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>
  </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 }}