templates/components/cards/blog_card.html.twig line 1

{# blog card #}

<a href="{{ path('article_show' , {slug : this.blog.slug }) }}" class="blog-card h-anim lg:w-full flex-col flex">
    <img class="w-full rounded-t-xl"
         src="{{ asset('upload/images/article/' ~ this.blog.imageName) | imagine_filter('card_img') }}"
         alt="article image">
    <div class="px-8 py-10 rounded-b-xl bg-white shadow-lg flex flex-col gap-4 flex-grow">

        <h3 class="font-allerBold text-xl">{{ this.blog.title|slice(0, 65) ~ '...' }}</h3>
        <p class="font-allerRegular text-sm">{{ this.blog.catchPhrase|slice(0, 130) ~ '...' }}</p>

        <div class="flex flex-row gap-3">


            <div>
                <p class="font-allerLight text-sm text-grey-200 whitespace-nowrap">{{ this.blog.updatedAt|format_datetime(pattern="d MMMM y", locale='fr') }}</p>
            </div>

            {#<p class="font-allerLight text-sm text-grey-200">|</p>


            <div class="flex flex-row gap-3">
                <div class="flex flex-row items-center gap-1 items-center">
                    <i class="fa-solid fa-thumbs-up text-grey-200"></i>
                    <p class="font-allerRegular text-sm text-grey-200">6</p>
                </div>

                <div class="flex flex-row items-center gap-1 items-center">
                    <i class="fa-solid fa-comment text-grey-200"></i>
                    <p class="font-allerRegular text-sm text-grey-200">6</p>
                </div>

                <div class="flex flex-row items-center gap-1 items-center">
                    <i class="fa-solid fa-share-nodes text-grey-200"></i>
                    <p class="font-allerRegular text-sm text-grey-200">6</p>
                </div>
            </div>#}


        </div>
    </div>
</a>