templates/project/_card.html.twig line 1

  2.     <div class="position-relative">
  3.         {% if project.gridImage %}
  4.         <img src="{{ vich_uploader_asset(project, 'gridImageFile') | imagine_filter(filter) }}" class="{{ cover }}"
  5.             alt="{{ project.name }}">
  6.         {% else %}
  7.         <img src="{{ vich_uploader_asset(project, 'imageFile') | imagine_filter(filter) }}" class="{{ cover }}"
  8.             alt="{{ project.name }}">
  9.         {% endif %}
  10.         <a href="{{ path('project_show', {id: project.id}) }}">
  11.             <div class="{{ cover }} position-absolute bottom-0 start-50 translate-middle-x"></div>
  12.         </a>
  13.     </div>
  14.     <div class="card-body d-flex flex-column pb-4 text-white">
  15.         <div class="mb-2 lh_12 text-black">
  16.             <span class="fw_700 f_serif">{{ project.client.name }}</span> <span class='f_text_serif'>{{ project.name }}</span>
  17.         </div>
  18.         <div class="mt-auto">
  19.             {% for category in project.category %}
  20.             <div class="badge bg-black text-white me-1 font_main">{{ category.name }}</div>
  21.             {% endfor %}
  22.         </div>
  23.     </div>
  25. <!-- Modal -->
  26. {#
  27. <div class="modal fade" id="modal_{{ project.id }}" tabindex="-1" aria-labelledby="exampleModalLabel"
  28.     aria-hidden="true">
  29.     <div class="modal-dialog modal-fullscreen">
  30.         <div class="modal-content">
  32.             <img src="{{ vich_uploader_asset(project, 'imageFile') | imagine_filter('w1600') }}" class="cover_380"
  33.                 alt="{{ project.name }}">
  35.             <div class="modal-body">
  36.                 <div class="mx-auto my-5" style="max-width: 800px;">
  37.                     <h1>{{ project.name }}</h1>
  38.                     <h3> {{ project.client.name }}</h3>
  40.                     {{ project.content|raw }}
  42.                     <div class="mt-4">
  43.                         {% for category in project.category %}
  44.                         <span class="badge bg-secondary rounded">{{ category.name }}</span>
  45.                         {% endfor %}
  46.                     </div>
  48.                 </div>
  49.             </div>
  50.             <div class="modal-footer justify-content-between">
  51.                 <button type="button" class="btn btn_material hidden_link px-0" data-bs-dismiss="modal"
  52.                     aria-label="Close">
  53.                     <i class="fas fa-chevron-left me-2"></i>
  54.                     <span>Retour</span>
  55.                 </button>
  56.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  57.             </div>
  59.         </div>
  60.     </div>
  61. </div>
  62.  #}