49 lines
2.1 KiB
Twig
49 lines
2.1 KiB
Twig
{% extends 'base.twig' %}
|
|
|
|
{% block title %}
|
|
<title>{{ project_title }} - {{ images_data.albumName }}</title>
|
|
{% endblock %}
|
|
|
|
{% block album %}
|
|
<div class="outer-container">
|
|
<div class="container portfolio-page">
|
|
<div class="row">
|
|
<div class="col">
|
|
<ul class="breadcrumbs flex align-items-center">
|
|
<li><a href="{{ web_url }}">{{ project_title }}</a></li>
|
|
<li>{{ images_data.albumName }}</li>
|
|
</ul><!-- .breadcrumbs -->
|
|
</div><!-- .col -->
|
|
</div><!-- .row -->
|
|
|
|
<div class="row">
|
|
{% for image in images_data.assets %}
|
|
<div class="col-12 col-md-6 col-lg-3">
|
|
<div class="portfolio-content">
|
|
<figure>
|
|
|
|
<a href="{{ immich_url }}/api/assets/{{ image.id }}/original"
|
|
class="glightbox"
|
|
data-gallery="immich-gallery"
|
|
data-type="image"
|
|
data-effect="fade"
|
|
data-width="auto"
|
|
data-height="90%"
|
|
data-zoomable="false"
|
|
data-draggable="true">
|
|
<img class="fixed-img" src="{{ immich_url }}/api/assets/{{ image.id }}/thumbnail" alt="Test">
|
|
</a>
|
|
<ul class="flex flex-wrap justify-content-center">
|
|
<li><a href="#">{{ albums.description }}</a></li>
|
|
|
|
</ul>
|
|
|
|
</figure>
|
|
</div><!-- .portfolio-content -->
|
|
</div><!-- .col -->
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div><!-- .container -->
|
|
</div><!-- .outer-container -->
|
|
{% endblock %} |