{{ $image := partial "func/GetNamedImage.html" (dict "context" . "name" "featured_image")  }}
{{ $image_link := ""}}
{{ with $image }}
  {{ $image_link = $image.Permalink }}
{{ end }}

  <div class=" pt2 pb2 pb3 pa3 mid-gray overflow-hidden">
    {{ if .Date }}
      <div class="f6">
        <div class="flex justify-between">
          <div class=" w-50 ">
            {{- .Params.Sports -}}
          </div>
          <div class=" w-50 tr ">
            {{- .Params.Location -}}, 
            {{ partial "formatted-date.html" . }}
          </div>                  
        </div>
      </div>
    {{ end }}
    <div class="flex">
      {{ if $image_link }}
      <div class="pr3-ns mb4 mb0-ns w-20">
        <a href="{{.Permalink}}" class="db grow">
          <img src="{{ $image_link }}" class="img" loading="lazy" alt="image from {{ .Title }}">
        </a>
      </div>
      {{ end }}
      <div class="flex flex-column w-80">
        <h1 class="f3 near-black">
        <a href="{{ .Permalink }}" class="link black dim">
          {{ .Title }}
        </a>
        </h1>
        <div class="nested-links f5 lh-copy nested-copy-line-height">
          {{ .Summary  }}
        </div>
      </div>
    </div>

  </div>