teaser.html

{{- $page := .page }}
{{- $listview := .listview | default "false" }}

{{ $dateMachine := $page.Date | time.Format "2006-01-02T15:04:05-07:00" }}
{{ $dateHuman := $page.Date | time.Format ":date_long" }}
<div class="m-teaser {{ if $listview }}m-teaser--listview{{ end }}">
  <a href="{{ $page.RelPermalink }}" class="m-teaser__wrapper">
    {{ $image := (partial "helper/contentImage" $page) }}
    {{ if $image }}
      <div class="m-teaser__image">
        {{ partial "image" $image }}
      </div>
    {{ end }}
    <div class="m-teaser__content">
      <time class="m-teaser__dateline" datetime="{{ $dateMachine }}"
        >{{ $dateHuman }}</time
      >
      {{ if $listview }}
        <h2 class="m-teaser__headline">{{ $page.Title }}</h2>
      {{ else }}
        <h3 class="m-teaser__headline">{{ $page.Title }}</h3>
      {{ end }}


      <div class="m-teaser__text">
        {{ partial "modifiers/strip-material-icons" $page.Summary | plainify | truncate 500 }}
      </div>
      {{- partial "icon" "arrow_forward" -}}
    </div>
  </a>
</div>