DIA Frontend

Gallery 

<!-- ### Begin: Element gallery ### -->
<div id="c827" class="frame frame-default frame-type-gallery frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
    <div class="frame-container">
        <div class="frame-inner">

            <header class="frame-header">
                <h2 class="element-header">
                    Gallery
                </h2>
            </header>

            <div class="gallery-row">
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="From above, by adrian" class="lightbox" data-lightbox-caption="https://unsplash.com/photos/VKgBktwrtX0" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-534">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="From above, by adrian" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/photos/VKgBktwrtX0
                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="Cheers For The Years, by Felix Russell-Saw" class="lightbox" data-lightbox-caption="https://unsplash.com/photos/XyoW1MhPqbs" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-172">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="Cheers For The Years, by Felix Russell-Saw" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/photos/XyoW1MhPqbs
                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="Photo by Geran de Klerk" class="lightbox" data-lightbox-caption="https://unsplash.com/photos/WJkc3xZjSXw" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-719">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="Photo by Geran de Klerk" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/photos/WJkc3xZjSXw
                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="Bird eye’s view!, by Kimon Maritz" class="lightbox" data-lightbox-caption="https://unsplash.com/photos/1-ISIwuBMiw" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-226">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="Bird eye’s view!, by Kimon Maritz" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/photos/1-ISIwuBMiw
                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="Photo by Nikita Maru" class="lightbox" data-lightbox-caption="https://unsplash.com/search/street-above?photo=2fZQFQ4FOPU" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-916">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="Photo by Nikita Maru" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/search/street-above?photo=2fZQFQ4FOPU
                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-2">
                    <figure class="image">

                        <a href="holder.js/1280x720?auto=yes" title="Big Sur Road Trip, by Richard Nolan" class="lightbox" data-lightbox-caption="https://unsplash.com/photos/jQ_RRJgun3s" data-lightbox-width="2560" data-lightbox-height="1440" rel="lightbox-group-162">

                            <picture>
                                <img loading="lazy" src="holder.js/1280x720?auto=yes" width="1280" height="720" intrinsicsize="1280x720" title="Big Sur Road Trip, by Richard Nolan" alt="" />
                            </picture>
                        </a>

                        <figcaption class="caption">
                            https://unsplash.com/photos/jQ_RRJgun3s
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ### End: Element gallery ### -->
 
{% extends files ? '@wrapper-frame' : '@wrapper-empty' %}

{% set CType = 'gallery' %}

{% block main %}
    {% include '@atom-header' %}

    {% include '@partial-gallery' with {
        files: files
    } %}
{% endblock %}
 
{
  "bodytext": null,
  "categories": null,
  "CType": null,
  "customId": null,
  "date": null,
  "frame_class": null,
  "header": "Gallery",
  "header_color": null,
  "header_layout": 2,
  "header_link": null,
  "header_position": null,
  "header_style": null,
  "layout": null,
  "space_after_class": null,
  "space_before_class": null,
  "space_inner_after_class": null,
  "space_inner_before_class": null,
  "subheader": null,
  "target": null,
  "data": {
    "imagecols": 2,
    "image_zoom": true
  },
  "settings": {
    "lightbox": {
      "prefix": null,
      "cssClass": null
    }
  },
  "files": [
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "From above, by adrian",
        "description": "https://unsplash.com/photos/VKgBktwrtX0"
      }
    },
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "Cheers For The Years, by Felix Russell-Saw",
        "description": "https://unsplash.com/photos/XyoW1MhPqbs"
      }
    },
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "Photo by Geran de Klerk",
        "description": "https://unsplash.com/photos/WJkc3xZjSXw"
      }
    },
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "Bird eye’s view!, by Kimon Maritz",
        "description": "https://unsplash.com/photos/1-ISIwuBMiw"
      }
    },
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "Photo by Nikita Maru",
        "description": "https://unsplash.com/search/street-above?photo=2fZQFQ4FOPU"
      }
    },
    {
      "type": "image",
      "holder": {
        "width": 1280,
        "height": 720
      },
      "properties": {
        "title": "Big Sur Road Trip, by Richard Nolan",
        "description": "https://unsplash.com/photos/jQ_RRJgun3s"
      }
    }
  ]
}

No notes defined.