{{ $pages := .Pages }}
{{ range $pages }}
{{- $page := . -}}
{{- if reflect.IsMap . -}}
    {{- $page = .page -}}
{{- end -}}
<li class="group flex md:flex-row flex-col md:gap-4 gap-2 md:items-center">
  <div class="flex-1 min-w-0 flex gap-2 items-center h-full">
    <a class="wompum-container h-full aspect-7/2 md:aspect-auto" href="{{ $page.RelPermalink }}">{{ partial "interview-wompum.html" $page }}</a>
    <time class="text-gray-800 dark:text-sand-500 font-iosevka w-12 flex-shrink-0" datetime="{{ $page.Date.Format "2006-01-02" }}">
      <p>{{ $page.Date.Format "Jan" }}</p>
      <p>{{ $page.Date.Format "02" }}</p>
      <p>{{ $page.Date.Format "2006" }}</p>
    </time>
  </div>
  <div class="flex flex-col gap-2 md:w-3/5 flex-shrink-0 md:py-8">
    <a class="interview-title interview-title--list" href="{{ $page.RelPermalink }}">{{ partial "interview-title" $page }}</a>
    {{ if $page.Params.location }}
    <p class="light:text-gray-800 dark:text-sand-100 italic">{{ $page.Params.location }}</p>
    {{ end }}
    <p class="max-w-prose">{{ $page.Params.summary }}</p>
    {{ partial "topics.html" $page }}
  </div>
</li>
{{ end }}
