templates/front_v4/mca/author/single.html.twig line 1

Open in your IDE?
  1. {% extends 'front_v4/base.html.twig' %}
  3. {% block meta_title %}{{ author.metaTitle }}{% endblock meta_title %}
  4. {% block meta_description %}{{ author.metaDescription }}{% endblock meta_description %}
  6. {% block meta_custom %}{{ author.metaCustom|raw }}{% endblock meta_custom %}
  8. {% block content %}
  9.     <!-- ========== MAIN CONTENT ========== -->
  10.     <main id="content" role="main">
  11.         <!-- User Profile -->
  12.         <div class="container content-space-t-3 content-space-t-lg-4 content-space-b-1">
  13.             <div class="w-md-75 w-lg-65 mx-md-auto">
  14.                 <!-- Media -->
  15.                 <div class="d-sm-flex">
  16.                     <div class="flex-shrink-0 mb-3 mb-sm-0">
  17.                         <div class="avatar avatar-xxl avatar-circle">
  18.                             {# image size : 160x160 #}
  19.                             <img class="avatar-img" src="{% if author.filename %} {{ vich_uploader_asset(author, 'imageFile') | imagine_filter('author_image_medium') }} {% endif %}" alt="{{ author.firstname }} - Rédacteur Mon Centre Auditif">
  20.                             <img class="bg-white position-absolute bottom-0 end-0 rounded-circle p-1" src="{{asset('build/front_v4/svg/illustrations/top-vendor.svg')}}" alt="Icon" width="32" height="32" title="Top Writer">
  21.                         </div>
  22.                     </div>
  24.                     <div class="flex-grow-1 ms-sm-4">
  25.                         <!-- Media -->
  26.                         <div class="d-flex justify-content-between align-items-center mb-3">
  27.                             <h1 class="h2 mb-0">{{ author.firstname }} {{  author.lastname }}</h1>
  28.                         </div>
  29.                         <!-- End Media -->
  31.                         <div class="row mb-3">
  32.                             <div class="col-auto">
  33.                                 <span class="h6">{{ author.blogPosts|length }}</span>
  34.                                 <span>articles</span>
  35.                             </div>
  36.                             <!-- End Col -->
  38.                             {% if author.website is not null %}
  39.                             <div class="col-auto">
  40.                                 <span class="h6">Site web :</span>
  41.                                 <a href="{{ author.website|raw }}" target="_blank"><span class="ms-1">{{ author.website|replace({'http://': '', 'https://': ''}) }}</span></a>
  42.                             </div>
  43.                             <!-- End Col -->
  44.                             {% endif %}
  46. {#                            <div class="col-auto">#}
  47. {#                                <span class="h6">109</span>#}
  48. {#                                <span class="ms-1">Following</span>#}
  49. {#                            </div>#}
  50. {#                            <!-- End Col -->#}
  51.                         </div>
  52.                         <!-- End Row -->
  54.                         <p>
  55.                             {{ author.description|raw }}
  56.                         </p>
  57.                     </div>
  58.                 </div>
  59.                 <!-- End Media -->
  60.             </div>
  61.         </div>
  62.         <!-- End User Profile -->
  64.         <div class="container">
  65.             <div class="border-top w-md-75 w-lg-65 mx-md-auto"></div>
  66.         </div>
  68.         <!-- Card Grid -->
  69.         <div class="container content-space-1">
  70.             <div class="w-md-75 w-lg-65 mx-md-auto">
  71.                 {% for post in pagination %}
  72.                 <!-- Card -->
  73.                 <div class="card mb-5 mb-md-10">
  74.                     <div class="shape-container">
  75.                         {# image size : 500x280 #}
  76.                         <img class="card-img-top" src="{% if post.filename %} {{ vich_uploader_asset(post, 'imageFile') | imagine_filter('blog_post_large') }} {% endif %}" alt="{{ post.title }}">
  78.                         <!-- Shape -->
  79.                         <div class="shape shape-bottom zi-1" style="margin-bottom: -.25rem">
  80.                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1">
  81.                                 <path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path>
  82.                             </svg>
  83.                         </div>
  84.                         <!-- End Shape -->
  85.                     </div>
  87.                     <!-- Card Body -->
  88.                     <div class="card-body">
  89.                         <h3 class="card-title">
  90.                             <a class="text-dark" href="{{ path('blog_post_show', {'slug': post.slug}) }}">{{ post.title }}</a>
  91.                         </h3>
  93.                         <p class="card-text">{{ post.body|striptags|slice(0, 140)|raw|nl2br }} ...</p>
  94.                     </div>
  95.                     <!-- End Card Body -->
  97.                     <!-- Card Footer -->
  98.                     <div class="card-footer">
  99.                         <div class="d-flex align-items-center">
  100.                             <div class="flex-shrink-0">
  101.                                 <a class="avatar avatar-xs avatar-circle" href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ author.firstname }}">
  102.                                     <img class="avatar-img" src="{% if author.filename %} {{ vich_uploader_asset(author, 'imageFile') | imagine_filter('author_image_medium') }} {% endif %}" alt="{{ author.firstname }} - Rédacteur Mon Centre Auditif">
  103.                                 </a>
  104.                             </div>
  106.                             <div class="flex-grow-1">
  107.                                 <div class="d-flex justify-content-end">
  108.                                     <p class="card-text">{{ post.createdAt|format_date('medium') }}</p>
  109.                                 </div>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                     <!-- End Card Footer -->
  114.                 </div>
  115.                 <!-- End Card -->
  116.                 {% endfor %}
  117.                 <!-- Pagination -->
  118.                 {% if pagination is defined and pagination is not null %}
  119.                     <div class="navigation pagination mt-5 justify-content-center">
  120.                         {% do pagination.setTemplate('@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') %}
  121.                         {{ knp_pagination_render(pagination) }}
  122.                     </div>
  123.                 {% endif %}
  124.                 <!-- End Pagination -->
  125.             </div>
  126.         </div>
  127.         <!-- End Card Grid -->
  129.     </main>
  130.     <!-- ========== END MAIN CONTENT ========== -->
  131. {% endblock content %}