|
|
@ -22,7 +22,7 @@ |
|
|
|
{% for snapshot in snapshots %} |
|
|
|
{% if date == snapshot.date.format('Y-m-d') %} |
|
|
|
<div class="col-xs-1 col-sm-6 col-md-3 mb-4"> |
|
|
|
<a href="{{ asset(snapshot.movie ? snapshot.movie : snapshot.picture) }}" class="snapshot-link" data-template="{{ snapshot.movie ? '#snapshot-movie-template' : '#snapshot-picture-template' }}"> |
|
|
|
<a href="{{ asset(snapshot.movie ? snapshot.movie : snapshot.picture) }}" data-title="{{ snapshot.date.format('d/m/Y H:i:s') }}" class="snapshot-link" data-template="{{ snapshot.movie ? '#snapshot-movie-template' : '#snapshot-picture-template' }}"> |
|
|
|
<img src="{{ asset(snapshot.thumbnail) }}?v={{ snapshot.thumbnailChecksum }}" alt="{{ snapshot.date.format('d/m/Y H:i:s') }}" class="img-fluid shadow-sm p-3 bg-light rounded"> |
|
|
|
</a> |
|
|
|
</div> |
|
|
@ -37,6 +37,9 @@ |
|
|
|
<div class="modal fade show" tabindex="-1" role="dialog" aria-hidden="true" style="display: block"> |
|
|
|
<div class="modal-dialog modal-xl"> |
|
|
|
<div class="modal-content bg-dark"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title">{title}</h5> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<img src="{src}" class="img-fluid"> |
|
|
|
</div> |
|
|
@ -50,6 +53,9 @@ |
|
|
|
<div class="modal fade show" tabindex="-1" role="dialog" aria-hidden="true" style="display: block"> |
|
|
|
<div class="modal-dialog modal-xl"> |
|
|
|
<div class="modal-content bg-dark"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title">{title}</h5> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<video controls class="modal-movie border border-dark shadow-sm rounded-lg"> |
|
|
|
<source src="{src}" type="video/mp4" /> |
|
|
|