<article>
  <h3 class="flex items-center mt-6 text-xl font-semibold">
    {{ with .Params.externalUrl }}
      <a
        class="hover:underline hover:decoration-primary-500 hover:underline-offset-2 text-neutral-800 dark:text-neutral"
        href="{{ . }}"
        target="_blank"
        rel="external"
        >{{ $.Title }}</a
      >
      <span
        class="-mt-2 text-xs cursor-default text-neutral-400 dark:text-neutral-500"
        title="{{ i18n "list.externalurl_title" }}"
      >
        &#8599;
      </span>
    {{ else }}
      <a
        class="hover:underline hover:decoration-primary-500 hover:underline-offset-2 text-neutral-800 dark:text-neutral"
        href="{{ .RelPermalink }}"
        >{{ .Title }}</a
      >
    {{ end }}
    {{ if and .Draft .Site.Params.article.showDraftLabel }}
      <div class="ltr:ml-2 rtl:mr-2">
        {{ partial "badge.html" (i18n "article.draft" | emojify) }}
      </div>
    {{ end }}
    {{ if templates.Exists "partials/extend-article-link.html" }}
      {{ partial "extend-article-link.html" . }}
    {{ end }}
  </h3>
  <div class="text-sm text-neutral-500 dark:text-neutral-400">
    {{ partial "article-meta.html" . }}
  </div>
  {{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }}
    <div class="py-1 markdown dark:markdown-invert">
      {{ .Summary | emojify }}
    </div>
  {{ end }}
</article>
