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

{{- if ( and ( .Params.redact ) ( ne $.Site.Params.redact "show" ) ) -}}
  {{- if ( eq $.Site.Params.redact "black" ) -}}
    <article class="item-tile item-tile--redacted {{- with .Params.site }}item-tile--{{ . }}{{ end -}}">
      <header class="item-tile__header">
        <h2
          class="p-name item-tile__title{{ if gt ( len ( .Title | plainify ) ) 40 }}item-tile__title--long{{ end }}"
          itemprop="name"
        >
          {{- partialCached "redact-black.html" . -}}
        </h2>
        <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>
  {{- end -}}
{{- else -}}
  <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"
        >
          {{ default .Title .Params.markup_title | $.Page.RenderString }}
        </h2>
        {{ with .Params.subtitle }}
          <p class="item-tile__subtitle">{{ . | $.Page.RenderString }}</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>
{{- end -}}