Omphaloskepsis-2/layouts/partials/item-tile.html

<a id="{{ .Title | urlize }}" class="h-entry u-url link--tile" href="{{ .RelPermalink }}" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
  <article class="item-tile lazy {{- with .Params.site }} item-tile--{{ . }}{{ end -}}"
        {{ if .Params.featured_image }}
          {{ with .Resources.GetMatch .Params.featured_image }}
            {{ if eq .MediaType.SubType "svg" }}
              style="background-image: url({{ .RelPermalink }})"
            {{ else }}
              {{ with .Resize "1000x webp" }}
                style="background-image: url({{ .RelPermalink }})"
              {{ end }}
            {{ end }}
          {{ else }}
            style="background-image: url({{ .Params.featured_image }})"
          {{ end }}
        {{ end }}
    >
      {{ if .Params.featured_image -}}
        <img class="u-photo" style="display: none;" src="
        {{- with .Resources.GetMatch .Params.featured_image -}}
          {{- if eq .MediaType.SubType "svg" -}}
            {{ .RelPermalink }}
          {{- else -}}
            {{- with .Resize "1000x webp" -}}
              {{- .RelPermalink -}}
            {{- end -}}
          {{- end -}}
        {{- else -}}
          {{ .Params.featured_image }}
        {{ end }}
        " alt="
        {{- with .Resources.GetMatch .Params.featured_image -}}
          {{- .Params.alt -}}
        {{- end -}}
        "
        />
      {{- end }}
      <header class="item-tile__header">
        {{ if ( or .Params.series .Params.published_in ) }}
        <span class="item-tile__banner item-tile__banner--{{ if .Params.series }}series{{ else if .Params.published_in }}published-in{{ end}}">
          {{- if .Params.series -}}
            {{ .Params.series | safeHTML }}
          {{- else if .Params.published_in -}}
            {{ .Params.published_in | safeHTML }}
          {{- end -}}
        </span>
        {{ end }}
        <h2 class="p-name item-tile__title{{ if gt ( len ( .Title | plainify ) ) 40 }} item-tile__title--long{{ end }}" itemprop="name">
          {{ .Title | safeHTML }}
        </h2>
        {{ with .Params.subtitle }}
          <p class="item-tile__subtitle">{{ . | safeHTML }}</p>
        {{ end }}
        <p style="display: none;">Published: <time class="dt-published" itemprop="datePublished" datetime="{{ .PublishDate | time.Format "2006-01-02T15:04:05-07:00" }}">{{ .PublishDate | time.Format "2006-01-02T15:04:05-07:00"}}</time></p>
    </header>
  </article>
</a>