{% assign gallery_name = include.name | default: “gallery” %}

{% assign gallery_prefix = page.id | prepend: “/assets” | append: “/” | append: gallery_name %}

{% assign valid_image_extensions = “.jpg,.jpeg,.png,.gif” | split: “,” %} {% assign valid_image_sizes = “-300,-700” | split: “,” %}

{% assign sorted_static_files = site.static_files | map: “path” | sort | join: “|” | append: gallery_prefix | append: “/dummy-700.jpg” | split: “|” %}

{% assign img_sizes = “(max-width: 500px) 300px, 700px” %}

{% assign prev_same_image_path = “-” %}

<div class=“gallery” id=“gallery-{{ gallery_name }}”>

{% assign image_index = 0 %}
{% assign gallery_nav = "" %}
{% assign image_srcset = "" %}
<div class="images">
        {% for image_path in sorted_static_files %}
                {% assign image_ext = image_path | split: "." | last | prepend: "." %}
                {% if valid_image_extensions contains image_ext %}

                        {% if image_path contains gallery_prefix %}

                                {% assign same_image_path = "" %}
                                {% assign srcset = "" %}

                                {% for dash_size in valid_image_sizes %}
                                        {% if image_path contains dash_size %}
                                                {% assign same_image_path = image_path | split: dash_size | first %}

                                                {% assign size = dash_size | remove: "-" %}
                                                {% assign srcset = image_path | prepend: site.baseurl | append: " " | append: size | append: "w" %}
                                                <!-- <li>srcset1={{ srcset }}</li> -->
                                        {% endif %}
                                        <!-- <li>srcset2={{ srcset }}</li> -->
                                {% endfor %}

                                {% if same_image_path == blank %}
                                        {% assign src = image_path %}
                                {% endif %}

                                {% if srcset != blank %}
                                        <!-- <li>srcset3={{ srcset }}</li> -->
                                        <!-- <li>prev_same_image_path={{ prev_same_image_path }}</li> -->
                                        <!-- <li>same_image_path={{ same_image_path }}</li> -->
                                        {% if same_image_path == prev_same_image_path && true %}
                                                {% if image_srcset != blank %}
                                                        {% assign image_srcset = image_srcset | append: "," %}
                                                {% endif %}
                                                {% assign image_srcset = image_srcset | append: srcset %}
                                        {% else %}
                                                {% if prev_same_image_path == "-" %}
                                                        {% assign prev_same_image_path = same_image_path %}
                                                        {% assign image_srcset = srcset %}
                                                {% else %}
                                                        {% assign image_index = image_index | plus: 1 %}
                                                        <img id="{{ gallery_name}}-{{ image_index }}" srcset="{{ image_srcset }}" sizes="{{ img_sizes }}" src="{{ site.baseurl }}{{ src }}" />
                                                        {% assign prev_same_image_path = same_image_path %}
                                                        {% assign image_srcset = "" %}

                                                {% endif %}
                                        {% endif %}
                                {% endif %}
                        {% endif %}
                {% endif %}
        {% endfor %}
</div>
<nav>

<!– <div class=“preview”>

                       <div class="vg"></div>
                       <div class="hg"></div>
               </div>
-->            <div class="play">
                       <input type="checkbox" checked="false" id="{{ gallery_name }}-play" />
                       <label for="{{ gallery_name }}-play"></label>
               </div>
       </nav>

</div>