36 lines
1.5 KiB
Twig
36 lines
1.5 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Home -
|
|
{{ album }}
|
|
{% endblock %}
|
|
|
|
{% block album %}
|
|
|
|
<div class="my_album">
|
|
{% for album_1, albums_1 in items %}
|
|
{% for album_2, albums_2 in albums_1 %}
|
|
<div class="my_album_child card bg-base-50 shadow-xl">
|
|
<figure class="px-2 pt-2">
|
|
<img class="rounded-xl" src="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}"/>
|
|
</figure>
|
|
<div class="p-6">
|
|
|
|
<div class="flex flex-row">
|
|
<div class="basis-1/2 justify-items-start gallery">
|
|
<a href="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}">
|
|
<button type="button" class="inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">DiaShow</button>
|
|
</a>
|
|
</div>
|
|
<div class="basis-1/2 justify-items-end">
|
|
<a href="{{ path ('album.details',{album_id: album_1, image_id:album_2}) }}">
|
|
<button type="button" class="inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">Details</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|