{% set title = "Titre d'un album" %}
{% set desc = "Titre d'un album" %}
{% set banner = asset('images/photo3.jpg') %}

{% extends 'Default/base.html.twig' %}

{% block content %}
<div class='top-20-in adapt left-20-in right-20-in'>
	<div class='adapt relative {{desktop("left-20-in right-20-in flex row space")}}'>
        {% set t1 = [] %}
        {% set t2 = [] %}
        
        <div class="{{desktop('half-10')}}">
        {% for o in (1..4) %}
        <div class="os-image {{desktop('top-20')}} adapt bottom-20 flex col middle hoverflow"  data-image="{{asset('images/photo')}}{{o}}.jpg">
            <figure class="w100 scale-hover-img">
                <div class="relative w100 hoverflow">
                    <img src="{{asset('images/photo')}}{{o}}.jpg" class="w100 transition">
                </div>
            </figure>
        </div>
        {% endfor %}
        </div>
        
        <div class="{{desktop('half-10')}}">
        {% for o in (4..1) %}
        <div class="os-image {{desktop('top-20')}} adapt bottom-20 flex col middle hoverflow"  data-image="{{asset('images/photo')}}{{o}}.jpg">
            <figure class="w100 scale-hover-img">
                <div class="relative w100 hoverflow">
                    <img src="{{asset('images/photo')}}{{o}}.jpg" class="w100 transition">
                </div>
            </figure>
        </div>
        {% endfor %}
        </div>
	</div>
</div>
{% endblock %}