templates/pages/thumbnails.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block page_class %}
  5. page
  6. {% endblock %}
  8. {% block stylesheets %}
  9. {{ parent() }}
  10. <link rel="stylesheet" href="{{ asset('build/website/chunks/pages/thumbnails.css') }}"/>
  11. {% endblock %}
  13. {% block content %}
  15. {% set pageType = pageType|default(null) %}
  16. {% set bannerId = 'banner-' ~ random() %}
  19. {# pageType existants :
  20. destinations
  21. companies
  22. special_offers
  23. river_cruises #}
  24. <div class="banner" id={{ bannerId }}>
  25. <div class="media">
  26. {% if content.bannerMedia is defined and content.bannerMedia is not null %}
  27. {% set media = sulu_resolve_media(content.bannerMedia.id, app.request.locale) %}
  28. {% set mediaUrl = sulu_media_original_url(media) %}
  29. {% set mediaMimeType = media.mimeType|default('') %}
  30. {% set isVideoBanner = mediaMimeType starts with 'video/' or mediaUrl matches '/\.(mp4|webm|ogg)(\\?.*)?$/i' %}
  32. {% if isVideoBanner %}
  33. <video class="banner-media" autoplay muted loop playsinline preload="metadata">
  34. <source src="{{ mediaUrl }}" type="{{ mediaMimeType }}">
  35. Votre navigateur ne supporte pas la lecture de vidéos.
  36. </video>
  37. {% else %}
  38. {% set imageUrl = sulu_media_url(media, '1200x') %}
  39. <img class="banner-media" src="{{ imageUrl }}" alt="{{ media.title|default('') }}"/>
  40. {% endif %}
  41. {% endif %}
  42. </div>
  44. <div class="text">
  45. <h1>{{ content.bannerTitle| default('Découvrir ...') }}</h1>
  46. <div>
  47. {{ content.bannerDesc|default('')|raw }}
  48. </div>
  49. </div>
  50. </div>
  51. <div class="container-fluid">
  52. <div class="row">
  53. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  54. <div class="col-lg-10 col-md-10 col-sm-12 thumbnails-page">
  55. {% for company in companiesDatas|default([]) %}
  56. <div class="thumbnail animation1">
  57. <div class="head-thumbnail">
  58. <img src="{{ company.logo|default(asset("img/placeholders/menu.jpg")) }}" alt="{{ company.name|default('Compagnie inconnue') }}"/>
  59. </div>
  60. <a href="" class="btn style2 little reverse_color">
  61. Voir tous les départs<br>{{ company.name|default('') }}
  62. </a>
  63. </div>
  64. {% endfor %}
  65. </div>
  66. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  67. </div>
  68. </div>
  71. <style>
  73. #{{ bannerId }}
  74. {
  75. --text-banner-color: {{content.textBannerColor|default("#FFFFFF")}}
  76. ;
  77. --filter-banner-color: {{content.filterBannerColor|default("#000000")|hex_to_rgba(content.filterBannerOpacity|default(0.5))}}
  78. ;
  79. }
  80. </style>
  82. {% endblock %}
  84. {% block javascripts %}
  85. {{ parent() }}
  86. <script type="module" src="{{ asset('build/website/pages/thumbnails.js') }}"></script>
  87. {% endblock %}