templates/pages/detail.realisation.html.twig line 1

Open in your IDE?
  1. {% extends "frontend.html.twig" %}
  3. {% block stylesheet %}
  4. {{ parent()}}
  6. <style>
  7.   .zoom-background {
  8.       transition: transform 0.5s ease;
  9.       background-size: cover;
  10.       background-position: center;
  11.   }
  13.   .zoom-background:hover {
  14.       transform: scale(1.1);
  15.   }
  17.   .post-item {
  18.     overflow: hidden;
  19.     position: relative;
  20.   }
  21.   .post-date {
  22.     position: relative;
  23.     z-index: 1;
  24.   }
  25. </style>
  26. {% endblock %}
  28. {% block main %}
  30.     {# ARIANE #}
  31.     {{ render(controller('App\\Controller\\LibrairieController::afficherAriane', {'menu': menu })) }}
  33.     <!-- Recent Blog Posts Section -->
  34.     <section id="recent-blog-posts" class="recent-blog-posts section">
  36.     <div class="container">
  37.       <div class="row">
  39.         <div class="col-lg-8">
  41.           <!-- Blog Details Section -->
  42.           <section id="blog-details" class="blog-details section">
  43.             <div class="container">
  45.               <article class="article">
  47.                 <div class="post-img"
  48.                     {# style="background-image: url('{{ asset('uploads/pub_' ~ p.id ~ '/' ~ p.nomImage ) }}'); height: auto;" #}
  49.                 >
  50.                   <img src="{{ asset('uploads/pub_' ~ p.id ~ '/' ~ p.nomImage ) }}" alt="" class="img-fluid">
  51.                 </div>
  53.                 <h2 class="title">{{ p.titre|capitalize }}</h2>
  55.                 {# <div class="meta-top">
  56.                   <ul>
  57.                     <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
  58.                     <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2020-01-01">Jan 1, 2022</time></a></li>
  59.                     <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
  60.                   </ul>
  61.                 </div> #}
  62.                 <!-- End meta top -->
  64.                 <div class="content">
  66.                   <h3>{{ p.sousTitre }}</h3>
  68.                   <p>{{ p.description }}</p>
  70.                   {% if p.description %}
  71.                     <blockquote style="text-align: left !important;">
  72.                         <p> {{ p.description }}</p>
  73.                     </blockquote>
  74.                   {% endif %}
  76.                   {{ p.contenu|raw }}
  78.                   
  79.                   {# <img src="assets/img/blog/blog-inside-post.jpg" class="img-fluid" alt=""> #}
  82.                 </div><!-- End post content -->
  84.                 {# <div class="meta-bottom">
  85.                   <i class="bi bi-folder"></i>
  86.                   <ul class="cats">
  87.                     <li><a href="#">Business</a></li>
  88.                   </ul>
  90.                   <i class="bi bi-tags"></i>
  91.                   <ul class="tags">
  92.                     <li><a href="#">Creative</a></li>
  93.                     <li><a href="#">Tips</a></li>
  94.                     <li><a href="#">Marketing</a></li>
  95.                   </ul>
  96.                 </div> #}
  97.                 <!-- End meta bottom -->
  99.               </article>
  101.             </div>
  102.           </section><!-- /Blog Details Section -->
  104.          
  106.         </div>
  108.         <div class="col-lg-4 sidebar">
  110.           <div class="widgets-container">
  112.             <!-- Categories Widget -->
  113.             {# <div class="categories-widget widget-item">
  115.               <h3 class="widget-title">Categories</h3>
  116.               <ul class="mt-3">
  117.                 <li><a href="#">General <span>(25)</span></a></li>
  118.                 <li><a href="#">Lifestyle <span>(12)</span></a></li>
  119.                 <li><a href="#">Travel <span>(5)</span></a></li>
  120.                 <li><a href="#">Design <span>(22)</span></a></li>
  121.                 <li><a href="#">Creative <span>(8)</span></a></li>
  122.                 <li><a href="#">Educaion <span>(14)</span></a></li>
  123.               </ul>
  125.             </div> #}
  126.             <!--/Categories Widget -->
  128.             <!-- Recent Posts Widget -->
  129.             <div class="recent-posts-widget widget-item">
  131.               <h3 class="widget-title">Autre réalisations</h3>
  133.               {% for ap in aps %}
  134.               {% if ap.id != p.id %}
  135.               <div class="post-item">
  136.                 <div class="flex-shrink-0"
  137.                     style="background-image: url('{{ asset('uploads/pub_' ~ ap.id ~ '/' ~ ap.nomImage ) }}'); 
  138.                     height: 80px;width: 80px;background-size: cover;background-position: center;"
  139.                 ></div>
  140.                 <div style="padding:5px 10px;">
  141.                   <h4><a href="{{ path('app_detail_realisation',{'slug': ap.slug })}}">
  142.                     {% if ap.titre|length > 70 %}
  143.                       {{ ap.titre|slice(0, 70)|capitalize }}...
  144.                     {% else %}
  145.                       {{ ap.titre|capitalize }}
  146.                     {% endif %}
  147.                   </a></h4>
  148.                   <time datetime="2020-01-01">
  149.                     {% if ap.sousTitre|length > 40 %}
  150.                       {{ ap.sousTitre|slice(0, 40)|capitalize }}...
  151.                     {% else %}
  152.                     {{ ap.sousTitre }}
  153.                     {% endif %}
  154.                   </time>
  155.                 </div>
  156.               </div><!-- End recent post item-->
  157.               {% endif %}
  158.               {% endfor %}
  160.             </div><!--/Recent Posts Widget -->
  162.             <!-- Tags Widget -->
  163.             <div class="tags-widget widget-item">
  165.               <h3 class="widget-title">Tags</h3>
  166.               {# <ul>
  167.                 <li><a href="#">App</a></li>
  168.                 <li><a href="#">IT</a></li>
  169.                 <li><a href="#">Business</a></li>
  170.                 <li><a href="#">Mac</a></li>
  171.                 <li><a href="#">Design</a></li>
  172.                 <li><a href="#">Office</a></li>
  173.                 <li><a href="#">Creative</a></li>
  174.                 <li><a href="#">Studio</a></li>
  175.                 <li><a href="#">Smart</a></li>
  176.                 <li><a href="#">Tips</a></li>
  177.                 <li><a href="#">Marketing</a></li>
  178.               </ul> #}
  180.             </div><!--/Tags Widget -->
  182.           </div>
  184.         </div>
  186.       </div>
  187.     </div>
  189.     </section>
  190.     <!-- /Recent Blog Posts Section -->
  192. {% endblock %}