layout: default


<div class=“grid”>

{% if site.grid_settings.display == "masonry" %}
        <div class='card-columns'>
{% elsif site.grid_settings.display == "square-cropped" or site.grid_settings.display == "square-og" %}
        <div class='row'>
{% endif %}
    {% for post in site.posts %}
        {% assign post_filename = post.path | split: "." | first | remove_first: "_posts/" %}
        {% capture post_images_folder %}/_images/post_images/{{ post_filename }}{% endcapture %}
        {% assign post_images_array = "" | split: ',' %}

        {% for image in site.static_files %}
                {% assign image_folder = image.path | split: "/" | pop | join: "/" %}
                {% if image_folder == post_images_folder %}
                        {% assign post_images_array = post_images_array | push: image %}
                        {% endif %}
                {% endfor %}

                {% for post_image in post_images_array %}
                        {% if site.grid_settings.display == "masonry" %}
                                <div class="card grid-masonry">
                                        <a href="{{ post.url | relative_url }}"><img src="{{ post_image.path | relative_url }}" class="img-fluid" alt="{{ post.title }}"></a>
                                </div>
                        {% elsif site.grid_settings.display == "square-cropped" or site.grid_settings.display == "square-og" %}
                                <div class='col-sm-4 col- p-0'>
                                        <div class="image-container">
                                                <a href="{{ post.url | relative_url }}">
                                                        {% if site.grid_settings.display == "square-cropped" %}
                                                                <img src="{{ post_image.path | relative_url }}" class="img-fluid" alt="{{ post.title }}">
                                                        {% elsif site.grid_settings.display == "square-og" %}
                                                                <img src="{{ post_image.path | relative_url }}" class="img-fluid grid-square-og" alt="{{ post.title }}">
                                                        {% endif %}
                                                </a>
                                        </div>
                                </div>
                        {% endif %}
                        {% if site.grid_settings.show_all_images == false %}
                                {% break %}
                        {% endif %}
                {% endfor %}

    {% endfor %}
</div>

</div>