Changeset View
Changeset View
Standalone View
Standalone View
films/templates/films/components/jumbotron_film.html
| <div class="jumbotron jumbotron-fluid jumbotron-overlay overlay-wide-content header"> | <div class="jumbotron jumbotron-fluid jumbotron-overlay overlay-wide-content header"> | ||||
| <div class="jumbotron-bg-wrapper"> | <div class="jumbotron-bg-wrapper"> | ||||
| {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=film.picture_header xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=film.picture_header xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | ||||
| </div> | </div> | ||||
| <div class="container-xl"> | <div class="container-xl"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-7 col-lg-6 col-xl-5"> | <div class="col-md-7 col-lg-6 col-xl-5"> | ||||
| <div class="jumbotron-body"> | <div class="jumbotron-body"> | ||||
| <img class="mb-3 film-logo" src="{{ film.logo.url }}"> | <img class="mb-3 film-logo" src="{{ film.logo.url }}"> | ||||
| <p class="mb-3"> | <p class="mb-3"> | ||||
| {{ film.summary|linebreaksbr }} | {{ film.summary|linebreaksbr }} | ||||
| </p> | </p> | ||||
| <div class="mb-n2"> | <div class="mb-n2"> | ||||
| {% if film.youtube_link != "" %} | {% if film.youtube_link != "" %} | ||||
| <button class="btn btn-primary mb-2 video-modal-link" data-toggle="modal" data-target="#videoModal" | <button class="btn btn-primary mb-2 video-modal-link" data-toggle="modal" data-target="#videoModal" | ||||
| data-video="{{ film.youtube_link }}">Watch | data-video="{{ film.youtube_link }}">Watch | ||||
| {{ film.title }}</button> | {{ film.title }}</button> | ||||
| <a class="btn btn-transparent mb-2" href="{% url 'film-gallery' film.slug %}">Explore | <a class="btn btn-transparent mb-2" href="{% url 'film-gallery' film.slug %}">Explore | ||||
| Content Gallery</a> | Content Gallery</a> | ||||
| {% else %} | {% else %} | ||||
| <a class="btn btn-primary mb-2" href="{% url 'film-gallery' film.slug %}">Explore Content Gallery</a> | <a class="btn btn-primary mb-2" href="{% url 'film-gallery' film.slug %}">Explore Content Gallery</a> | ||||
| {% endif %} | {% endif %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||