{% load compress staticfiles i18n %}
{% load embed_video_tags %}

<!-- Start Video -->
{% if artworks %}
  <div class="video_overlay">
    <div class="container">
      <div class="row">
        <div class="infinite-container">
          {% for artwork in artworks %}
            <div class="infinite-item">
              {% if not device.is_small %}
                {% if not artwork.visibility == 4 %}
                  {% if artwork.visibility == 2 %}
                    {% with artwork.artwork as artwork %}
                      {% include 'partials/artwork/medium/_medium_artwork_item.html'%}
                    {% endwith %}
                  {% elif artwork.visibility == 3 %}
                    {% with artwork.artwork as artwork %}
                      {% include 'partials/artwork/small/_small_artwork_item.html'%}
                    {% endwith %}
                  {% else %}
                    {% with artwork.artwork as artwork %}
                      {% include 'partials/artwork/big/_big_artwork_item.html'%}
                    {% endwith %}
                  {% endif %}
                {% endif %}
              {% else %}
                {% with artwork.artwork as artwork %}
                  {% include 'partials/artwork/big/_big_artwork_item.html'%}
                {% endwith %}
              {% endif %}
            </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
  {% if artworks.has_next %}
    <a class="infinite-more-link" href="?page={{ artworks.next_page_number }}"></a>
  {% endif %}
<!-- End Video -->
  <div class="loading" style="display: none;">
    <div class="spinner">
      <div class="rect1"></div>
      <div class="rect2"></div>
      <div class="rect3"></div>
      <div class="rect4"></div>
      <div class="rect5"></div>
    </div>   
  </div>
{% endif %}