{{- $caption := .Inner }}
{{ $lastLetter := "Dupa" }}
{{ with resources.Get "more/links.yml"}}
{{ with . | transform.Unmarshal }}
<table class="links">

  {{ range (sort .links "title" "asc") }}
  {{ $letter := slicestr .title 0 1 }}
  {{ $letter = strings.ToUpper $letter }}
  {{ if findRE `\d` $letter }}
  {{ $letter = "0-9" }}
  {{ end}}
  {{ if not (eq $letter $lastLetter) }}

  <tr>
    <td colspan="2">
      <hr>
      <h4>{{ $letter}}</h4>
    </td>
    </tr>
  {{ end }}
{{ $lastLetter = $letter }}
  <tr>
    <td class="button">
      {{ if .button }}
      <a href="{{.url}}">
        {{- $path := printf "webbuttons_31/%s" .button}}
        {{- $img := resources.Get $path }}
        <img
          loading="lazy"
          class="webbutton"
          alt="{{ .title }}"
          src="{{ $img.Permalink }}" 
          width="{{ $img.Width }}" 
          height="{{ $img.Height }}">
      </a>
      {{ end }}
    </td>
    <td style="padding-bottom: 10px">
      <a href="{{.url}}"> <b>{{ .title }}</b></a>
      {{ if .video }}
        (videos on {{.video}})
      {{ end }}

      <br>
        {{ .description }}
      </a>
    </td>
  </tr>

  {{ end }}
</links>
{{ end }}
{{ end }}