28 lines
908 B
Twig
28 lines
908 B
Twig
|
{% extends 'base.html.twig' %}
|
||
|
|
||
|
{% block title %}{{ parent() }} - Évènements{% endblock %}
|
||
|
|
||
|
{% block body %}
|
||
|
<div class="container">
|
||
|
{% for snapshot in snapshots|reverse %}
|
||
|
<a href="{{ asset(snapshot.movie) }}" class="snapshot-link">
|
||
|
<img src="{{ snapshot.thumbnail }}" alt="{{ snapshot.date.format('d/m/Y H:i:s') }}" class="box">
|
||
|
</a>
|
||
|
{% endfor %}
|
||
|
</div>
|
||
|
|
||
|
<div id="snapshot-view"></div>
|
||
|
|
||
|
<template id="snapshot-template">
|
||
|
<div class="modal is-active">
|
||
|
<div class="modal-background"></div>
|
||
|
<div class="modal-content" controls>
|
||
|
<video controls class="image">
|
||
|
<source src="{src}" type="video/mp4" />
|
||
|
</video>
|
||
|
</div>
|
||
|
<button class="modal-close is-large" aria-label="close"></button>
|
||
|
</div>
|
||
|
</template>
|
||
|
{% endblock %}
|