{{ $photos := (resources.Match "posts/*")}}  {{/*resources.ByType "image" */}}
  <div class="transition-parent photos-list">
      {{ if (or (eq $photos nil) (eq (len $photos) 0))}}
      <div
        class="transition-child section-error-container"
        style="height: 100%;">
        <div class="section-error-content">
          <i class="fa fas fa-times-circle"></i>
          {{ .Site.Params.photos.empty }}
        </div>
      </div>
      {{ else }}
      <div
        class="photos-list-photos">
	  {{ range $photos }}
        <a
	  style="background-image:url({{ .RelPermalink }});"
	  title="{{ .Name }}"
          class="photos-list-item"
	  href="{{ .RelPermalink }}"
	  target="_blank"
        >
        </a>
	    {{ end  }}
      </div>
      {{ end }}
    <no-ssr>
      <vue-gallery-slideshow
        :images="photosSlideShow"
        :index="index"
        @close="index = null"
      ></vue-gallery-slideshow>
    </no-ssr>
  </div>