templates/VisualMediaVisualBundle/views/Visual/projectvisual.html.twig line 1

Open in your IDE?
  1. <div class="visuals projecten-visual">
  3.     <div class="visual-image_home">
  4.         {% for visual in visuals %}
  5.             {% set src = visual.upload|url({ width: 1920 }) %}
  6.             {% set style = [
  7.                 'width: 100%',
  8.                 'background-size: cover',
  9.             ] %}
  10.             {% set alt = visual.imageAlt %}
  11.             {% set title = visual.imageTitle %}
  13.             <div class="visual-image_img" >
  14.                 <!--<img src="{#{ src }#}" alt="{#{ alt }#}" style="{#{ style|join(';') }#}" />-->
  15.                 <div class="visual-image_img" style="background-image: url('{{ (project.photos|first).upload|default(null)|url({}) }}'); {{ style|join(';') }}"></div>
  16.             </div>
  18.         {% endfor %}
  20.     </div>
  21.     <div class="visual-gradient"></div>
  22.     <div class="visual-black"></div>
  23.     <div class="visual-overlay"></div>
  25.     <div class="visual-content">
  26.         <div class="text-center">
  27.             <div id="type3" class="visual-title"><h1>{{ project.title }}</h1></div>
  28.             <div class="project-detail_data">
  29.                 <div class="row">
  30.                     <div class="col-12 col-lg-6">
  31.                         <div class="project-detail_data_date equal">
  32.                             <i class="fal fa-calendar-day"></i>
  33.                             <h2>DATUM</h2>
  35.                             <span>Start: {{ project.startDate ? project.startDate|localizeddate('long', 'none') : '-' }}</span>
  36.                             <span>Voltooid: {{ project.endDate ? project.endDate|localizeddate('long', 'none') : '-' }}</span>
  37.                         </div>
  38.                     </div>
  39.                     <div class="col-12 col-lg-6">
  40.                         <div class="project-detail_data_cat equal">
  41.                             <i class="fal fa-list-ol"></i>
  42.                             <h2>CATEGORIE</h2>
  43.                             <span>{{ project.category.title|default('Geen')|capitalize }}</span>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </div>
  51.     <div class="scroll-down">
  52.         <img src="{{ asset('build/images/scroll.svg') }}" class="scroll" alt="scroll down" />
  53.     </div>
  55. </div>