cremeaux/layouts/partials/article-preview.html

{{ $isBig := default false (.Scratch.Get "big") }}
{{ $title := .RenderString .Title }}
{{ $titleWithoutHTML := $title | plainify }}
{{ $pictureSize := cond $isBig "220x220 Center webp" "100x100 Center webp" }}
{{ $truncateSize := cond $isBig 180 90}}
<div class="post{{ if $isBig }} big{{ end }}">
  <div class="picture">
    {{ $image := .Resources.GetMatch (default "**.jpg" .Params.image) }}
    <a href="{{ .RelPermalink }}">
      {{ if $image }}
      {{ $resized := $image.Fill $pictureSize}}
      <img src="{{ $resized.RelPermalink }}" alt="{{ $titleWithoutHTML }}" loading="lazy" />
      {{ end }}
    </a>
  </div>
  <div class="details">
    <small>
      <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Day }} {{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time>{{ if isset .Params "auteur" }} - {{ .Params.auteur }}{{ end }}
    </small>
    {{ if $isBig }}
    <h2 title="{{ $titleWithoutHTML }}"><a href="{{ .RelPermalink }}">{{ $title }}</a></h2>
    {{else}}
    <h3 title="{{ $titleWithoutHTML }}"><a href="{{ .RelPermalink }}">{{ $title }}</a></h3>
    {{ end }}
    <div class="text">
      {{ $ellipsis := print " <a href='" .RelPermalink "'>…</a>" | safeHTML }}
      {{ (replace (.Content | plainify)  "\n" " ") | htmlUnescape | truncate $truncateSize $ellipsis }}
    </div>
  </div>
</div>