templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ config.societeNom }}{% endblock %}
  5. {% block h1 %}{{ config.societeNom }}{% endblock %}
  6. {% block navFront %}{% endblock %}
  7. {% block body %}
  9.     {# {% if is_granted('ROLE_USER') %} #}
  13.         <div class="rounded bg-white p-2 text-dark mx-12">
  14.             {# <a href="{{ path('actualite', {slug : actualite.slug,rubrique:rubrique.rubrique3.slug,sousrubrique: rubrique.rubrique31.slug }) }}"> #}
  15.             
  16.                 <div class="row m-0 p-2 align-items-center">
  18.                         <p class="fst-italic text-end p-2 pb-1 m-0">{{ actualite.publishedAt|date('d/m/Y') }}</p>
  19.                         <h4 class="text-center pb-1">
  20.                             <a href="{{ path('actualite', {slug : actualite.slug,rubrique:rubrique.rubrique5.slug }) }}" class="text-primary">
  21.                                 {{ actualite.titre }}
  22.                             </a>
  23.                         </h4>
  25.                     <div class="col-lg-6 col-xl-2 m-0">
  26.                         {% if actualite.src %}
  27.                             <img 
  28.                                 class="imgRatioActu" 
  29.                                 src="{{ asset('images/actualite/' ~ actualite.src) }}" 
  31.                                 {% if actualite.alt %}
  32.                                     alt="{{ actualite.alt }}" 
  33.                                 {% endif %}
  35.                                 {% if actualite.title %}
  36.                                     title="{{ actualite.title }}"
  37.                                 {% endif %}
  38.                                 
  39.                             >
  40.                         {% endif %}
  41.                     </div>
  43.                     <div class="col-lg-6 col-xl-10 m-0">
  44.                         
  46.                         {% if actualite.intro %}
  47.                             <div class="p-3 ck">
  48.                                 {{ actualite.intro|raw }}
  49.                             </div>
  50.                         {% endif %}
  52.                         <div class="text-start ms-3">
  54.                             <a class="lien" href="{{ path('actualite', {slug : actualite.slug,rubrique: rubrique.rubrique5.slug }) }}">
  55.                                 Continuer la lecture
  56.                             </a>
  58.                             {# ou 
  60.                             <a class="lien" href="{{ path('editorial', {rubrique: rubrique.rubrique5.slug }) }}" class="">
  61.                                 découvrez tous nos articles
  62.                             </a> #}
  65.                             {# <div class="col-md-6">
  66.                                 <a href="{{ path('editorial', {rubrique: rubrique.rubrique5.slug }) }}" class="d-block text-end">
  67.                                     <div class="d-flex ms-3">
  68.                                         <img 
  69.                                             src="{{ asset('images/rubrique/' ~ rubrique.rubrique5.src) }}" 
  71.                                             {% if rubrique.rubrique5.alt %}
  72.                                                 alt="{{ rubrique.rubrique5.alt }}" 
  73.                                             {% endif %}
  75.                                             {% if rubrique.rubrique5.title %}
  76.                                                 title="{{ rubrique.rubrique5.title }}"
  77.                                             {% endif %}
  78.                                             
  79.                                             
  80.                                             class="img30Dpx"
  81.                                         >
  82.                                         <h5 class="text-primary d-inline-block ms-2 mt-1">{{ rubrique.rubrique5.titre }}</h5>
  83.                                     </div>
  84.                                 </a>
  85.                             </div>
  86.                         
  87.                         
  88.                             <div class="col-md-6">
  89.                                 {% if actualite.lien %}
  90.                                     <a class="fst-italic d-block text-end p-2" href="{{ actualite.lien }}" target="_blank">Source<a>
  91.                                 {% endif %}
  93.                                 
  95.                                 <div class="text-end p-2">
  96.                                     <a href="{{ path('actualite', {slug : actualite.slug,rubrique: rubrique.rubrique5.slug }) }}">
  97.                                         <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="#0B6BA8" viewBox="0 0 32 32"><path d="M31.71,15.29l-10-10L20.29,6.71,28.59,15H0v2H28.59l-8.29,8.29,1.41,1.41,10-10A1,1,0,0,0,31.71,15.29Z"/></g></svg>
  98.                                     </a>
  99.                                 </div>
  100.                             </div> #}
  102.                         </div>
  103.                         
  104.                     </div>
  106.                     <div class="col-md-12 text-end">
  107.                         <a href="{{ path('editorial', {rubrique: rubrique.rubrique5.slug }) }}" class="d-block text-end">
  108.                             <div class="text-end">
  109.                                 <img 
  110.                                     src="{{ asset('images/rubrique/' ~ rubrique.rubrique5.src) }}" 
  112.                                     {% if rubrique.rubrique5.alt %}
  113.                                         alt="{{ rubrique.rubrique5.alt }}" 
  114.                                     {% endif %}
  116.                                     {% if rubrique.rubrique5.title %}
  117.                                         title="{{ rubrique.rubrique5.title }}"
  118.                                     {% endif %}
  119.                                     
  120.                                     
  121.                                     class="img30Dpx"
  122.                                 >
  123.                                 <h5 class="lien d-inline-block ms-2 mt-1">{{ rubrique.rubrique5.titre }}</h5>
  124.                             </div>
  125.                         </a>
  126.                     </div>
  128.                 </div>
  130.             {# </a> #}
  131.         </div>
  134.         {# <div class="row">
  135.             {% for item in rubrique.order %}            
  136.                 <div class="col-sm-12  col-md-6 col-lg-3 mt-4">
  138.                     <div class="bg-white p-2 py-4 rounded">
  139.                     
  140.                         <h2 class="text-center my-2 cardShow">
  141.                             <a class="text-primary" href="{{ path(item.lien, {rubrique:item.slug })}}">
  142.                                 {{ item.nom }}
  143.                             </a>
  144.                         </h2>
  146.                         <div class="row col-md-10 mx-auto align-items-center mt-3 justify-content-around">
  147.                         
  148.                             <div class="col-md-12">
  149.                                 {% if item.src %}
  150.                                     <img 
  151.                                         src="{{ asset('images/rubrique/' ~ item.src) }}" 
  152.                                         {% if item.alt %}
  153.                                             alt="{{ item.alt }}" 
  154.                                         {% endif %}
  155.                                         {% if item.title %}
  156.                                             title="{{ item.title }}"
  157.                                         {% endif %}
  158.                                         class="imgRatioPresentation my-3"
  159.                                     >
  160.                                 {% endif %}
  161.                             </div>
  163.                             <div class="col-md-12">
  164.                                 <div class="text-end">
  165.                                     <a href="{{ path(item.lien, {rubrique:item.slug })}}">
  166.                                         <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="#0B6BA8" viewBox="0 0 32 32"><path d="M31.71,15.29l-10-10L20.29,6.71,28.59,15H0v2H28.59l-8.29,8.29,1.41,1.41,10-10A1,1,0,0,0,31.71,15.29Z"/></g></svg>
  167.                                     </a>
  168.                                 </div>
  169.                             </div>
  171.                         </div>
  173.                     </div>
  175.                 </div>
  176.             {% endfor %}
  177.         </div> #}
  179.         <div class="row mx-0" >
  180.             {% for item in rubriques %}            
  181.                 <div class="col-sm-12  col-md-6 col-lg-3 mt-4">
  182.                 <a href="{{ path('rubriques', {slug:item.slug })}}">
  183.                     <div class="bg-white p-2 py-4 rounded">
  184.                         
  185.                             <h2 class="text-center my-2 cardShow">
  186.                                 {# <a class="text-primary" href="{{ path('rubriques', {slug:item.slug })}}"> #}
  187.                                     {{ item.nom }}
  188.                                 {# </a> #}
  189.                             </h2>
  191.                             <div class="row col-md-10 mx-auto align-items-center mt-3 justify-content-around">
  192.                             
  193.                                 <div class="col-md-12">
  194.                                     {% if item.src %}
  195.                                         <img 
  196.                                             src="{{ asset('images/rubrique/' ~ item.src) }}" 
  197.                                             {% if item.alt %}
  198.                                                 alt="{{ item.alt }}" 
  199.                                             {% endif %}
  200.                                             {% if item.title %}
  201.                                                 title="{{ item.title }}"
  202.                                             {% endif %}
  203.                                             class="imgRatioPresentation my-3"
  204.                                         >
  205.                                     {% endif %}
  206.                                 </div>
  208.                                 <div class="col-md-12">
  209.                                     <div class="text-end">
  210.                                         {# <a class="text-primary" href="{{ path('rubriques', {slug:item.slug })}}"> #}
  211.                                             <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="#0B6BA8" viewBox="0 0 32 32"><path d="M31.71,15.29l-10-10L20.29,6.71,28.59,15H0v2H28.59l-8.29,8.29,1.41,1.41,10-10A1,1,0,0,0,31.71,15.29Z"/></g></svg>
  212.                                         {# </a> #}
  213.                                     </div>
  214.                                 </div>
  216.                             </div>
  217.                         
  218.                     </div>
  219.                 </a>
  220.                 </div>
  221.             {% endfor %}
  222.         </div>
  227.     {# {% endif %} #}
  228.   
  229.     
  230.     
  231. {% endblock %}
  234. {% block javascripts %}
  235.     <script src="{{ asset('js/cardShow.js') }}"></script>   
  236.     <script>
  237.         var elements = document.querySelectorAll(".cardShow");
  238.         sizeCard(elements);
  239.     </script>
  240. {% endblock %}