<!-- lighbox -->
{{ $group := .Get "group" }}
{{ $images := .Get "images" }}
{{ $width := .Get "width" }}

{{ with index .screenshots}}
    {{ range sort . "title" }}
    {{ if (fileExists (printf "assets/%s" .image)) -}}
    <div class="responsive">
        <div class="gallery">
        {{ $mainimage := resources.Get .image }}
        <a data-fslightbox="{{ $group }}" href="{{ $mainimage.RelPermalink }}">
        {{ $mainimage := $mainimage.Resize $width }}
          <img class="{{ $group }}" src="{{ $mainimage.RelPermalink }}"
            width="{{ $mainimage.Width }}" height="{{ $mainimage.Height }}">
            <div class="desc">{{ .title }}</div>
        </a>
        </div>
        </div>
    {{ end }}
    {{ end }}
{{ end }}
<div class="clearfix" style="margin-bottom: 20px;"></div>
