description = "Blog Page Header"

[viewBag]
==
<div class="
{% if this.theme.settings_pageheader_type == 'image' %}
py-md-24 py-7 position-relative bg-cover {{ this.theme.settings_pageheader_parallax ? 'jarallax' }}
{% else %}
py-md-24 py-7 position-relative {{ this.theme.settings_pageheader_color }}
{% endif %} 
{% if this.theme.header_trans and this.theme.header|length == 3 %}pt-lg-64 pb-lg-36
{% elseif this.theme.header_trans and this.theme.header|length == 2 %}pt-lg-48 pb-lg-36
{% elseif this.theme.header|length == 1 %}pt-lg-36 pb-lg-36
{% endif %}
" 
{% if this.theme.settings_pageheader_type == 'image' %}
style="background-image:url({{ this.theme.settings_pageheader_image|media|resize(1920, 600, { mode: 'crop' }) }})"
{% endif %}
>
<div class="position-absolute pos-0 overflow-hidden w-100 h-100 {{ this.theme.settings_pageheader_opacity }} {{ this.theme.settings_pageheader_overlay }}"></div>
    <div class="{{ this.theme.settings_pageheader_container }}">
        <!-- Row  -->
        <div class="row justify-content-center">
            <!-- Column -->
            <div class="col-md-8 align-self-center text-center" {% if this.theme.settings_pageheader_animation %}data-aos="fade-down" data-aos-duration="1200"{% endif %}>
                <h1 class="{{ this.theme.settings_pageheader_fcolor }} font-weight-bold text-uppercase py-md-4 py-2">
                    {% if postsWithTag.posts %}
                    {{ "ginopane.blogtaxonomy::lang.components.tag_posts.posts_with_tag" | trans }}<br> "{{ postsWithTag.tag.name }}"
                    {% elseif searchResults.results %}
                    Posts with the word<br> "{{ query | url_encode(true) }}"
                    {% elseif blogPost.post %}
                    {{ post.title }}
                    {% elseif blogCategories.categories %}
                    {{ category.name }}
                    {% endif %}
                </h1>
                <h6 class="{{ this.theme.settings_pageheader_fcolor }} opacity-75">
                    {% if blogPost.post %}
                    {% for category in post.categories %}{{ category.name }}{% if not loop.last %}, {% endif %}{% endfor %}
                    {% elseif blogCategories.categories %}
                    {{ category.description|raw }}
                    {% endif %}
                </h6>
            <!-- Column -->
            </div>
        </div>
    </div>
</div>