{{ 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 }}
