

<section class="article_head relative">
    <div class="-mt-4">
        {% if featuredVideo %}
            {% include "templates/components/single/hero-video.twig" %}
        {% else %}
            {% include "templates/components/single/hero.twig" %}
        {% endif %}
    </div>
    <div class="">
        {% include "templates/components/common/breadcrumbs.twig" %}
    </div>
    <h1 class="text-3xl/8 lg:text-6xl font-semibold lg:font-normal my-6 lg:mb-4 lg:mt-0 lg:text-center">{{post.title|raw}}</h1>

    <div class="relative flex items-center mb-6">
        <div class="mr-2">
            <div class=" ring-slate-100">
                <div class="bg-primary size-10 rounded-full flex items-center justify-center">
                    <span class="text-xl font-light text-white">HD</span>
                </div>
            </div>
        </div>
        <div class="flex-1">
            <div class="text-lg font-default">
                <div
                    id="post_pubdate_{{post.id}}" 
                    class="h-3 text-sm" 
                    x-data="timeAgoComponent({{ post_date.timestamp ?? 'null' }})" 
                    x-init="updateTime()" 
                    x-text="time">
                </div>
{#                 {% if mod_date.date_label != post_date.date_label  %}
                <span class="time" data-timestamp="{{ mod_date.timestamp }}" style="display: inline;">  - Aggiornato il {{ mod_date.date_label}}</span>
                {% endif %} #}
            </div>
            <div class="text-sm text-slate-500">
                <span class="disqus-comment-count" data-disqus-identifier="{{disqus.identifier}}"></span>
                <span>commenti</span>
            </div>
        </div>
    </div>

    {# <p class="text-slate-900 text-xl italic lg:not-italic mb-2">{{post.excerpt|raw}}</p> #}
</section>
