{{ $featured_image := partial "func/GetFeaturedImage.html" . }}
<article class="bb b--black-10">
  <div class="db pa3-ns no-underline dark-gray">
    <div class="flex flex-column flex-row-ns">
      {{$.Site.Language.LanguageDirection}}
      {{ if $featured_image }}
      {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
      <div class="mb4 mb0-ns w-100 w-40-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }}">
        <a href="{{.RelPermalink}}" class="db grow">
          <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
        </a>
      </div>
      {{ end }}
      <div class="blah w-100{{ if $featured_image }} w-60-ns{{ end }}">
        {{ if .IsPage }}
        {{ partial "breadcrumb" . }}
        {{ end }}

        {{ if .Date }}
        <div class="f6">
          {{ .Date | time.Format (default "Monday 2 January 2006" .Site.Params.date_format) }}
        </div>
        {{ end }}

        <h1 class="f3 fw1 athelas mt0 lh-title">
          <a href="{{.RelPermalink}}" class="color-inherit dim link">
            {{ .Title }}
          </a>
        </h1>
        <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
          {{ .Summary }}
        </div>
        <a href="{{.RelPermalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">
          {{ $.Param "read_more_copy" | default (i18n "readMore") }}
        </a>
        {{/* TODO: add author
        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
      </div>
    </div>
  </div>
</article>