links.html

{{- $block := .block -}}
{{- $block_class := partial "GetBlockClass" .block -}}

{{- with .block.data -}}
  <div class="{{ $block_class }}">
    <div class="container">
      <div class="block-content">
        {{ partial "blocks/top.html" (dict
          "title" $block.title
          "heading_level" $block.ranks.self
          "description" .description
        )}}
        
        <ul class="links">
          {{- range .links }}
            <li itemscope itemtype="https://schema.org/WebPage">
              <div class="link-content">
                {{ $title := partial "PrepareHTML" .title }}
                {{ $a11y_title := .alt_title | default $title }}
                {{ $url := .url }}
                {{ $is_external := .external | default true }}
                {{ $link_title := cond $is_external (safeHTML (i18n "commons.link.blank_aria" (dict "Title" $a11y_title))) $a11y_title }}

                <link itemprop="url" href="{{ .url }}">
                <a itemprop="relatedLink" href="{{ .url }}" title="{{ $link_title }}" {{ if $is_external -}} target="_blank" rel="noopener" {{- end }}>
                  <span itemprop="name">{{- $title -}}</span>
                  {{ if $is_external }}
                    <span class="sr-only"> - {{ safeHTML (i18n "commons.link.blank") }}</span>
                  {{ end }}
                </a>
                {{ with .description }}
                  <p>{{ . | safeHTML }}</p>
                {{ end }}
              </div>
              {{- if .image -}}
                <div class="media">
                  {{- partial "commons/image.html"
                    (dict
                      "image"    .image
                      "alt"      .alt
                      "sizes"    site.Params.image_sizes.blocks.links
                  ) -}}
                </div>
              {{- end -}}
            </li>
          {{ end -}}
        </ul>
      </div>
    </div>
  </div>
{{- end -}}