{{- $caption := .Inner }}
{{- $id := .Get 0 }}
{{- $title := .Inner }}
{{- $path := printf "ytcovers/%s.jpg" $id}}
{{- $img := resources.Get $path }}
{{- $img1x := $img.Resize "x300 webp q90" }}
{{- $img2x := $img.Resize "x600 webp q90" }}

<figure>
  <a href="https://redirect.invidious.io/watch?v={{$id}}" target="_blank">
    <img
      loading="lazy"
      class="center"
      src="{{ $img1x.Permalink }}" 
      srcset="
              {{ $img1x.Permalink }} 1x,
              {{ $img2x.Permalink }} 2x
              "
      width="{{ $img1x.Width }}" 
      height="{{ $img1x.Height }}"
      alt="{{$title}} on Youtube" 
      >
  </a>
  <figcaption>
    {{ $caption }}
    <br>
    [watch on:
    <a href="https://redirect.invidious.io/watch?v={{$id}}" target="_blank">Invidous</a> |
    <a href="https://piped.video/watch?v={{$id}}" target="_blank">Piped</a> |
    <a href="https://www.youtube.com/watch?v={{$id}}" target="_blank">Youtube</a>
    ]
  </figcaption>
</figure>