<!DOCTYPE html>
<html lang="en">

{%- include wordgames/head/head.html -%}

{%- if site.noResultPage or page.noResultPage -%}
<style>
    .main-header {
        margin: 0px !important;
        height: auto !important;
        padding-bottom: 50vh;
        background-image: radial-gradient(#e4e4f4 2px, transparent 2px);
        background-size: 25px 25px;
        background-color: unset !important;
    }
</style>
{%- endif -%}

<body>
    {%- include wordgames/header/header.html -%}

    {%- if site.newFeatureBox -%}
    <div class="wordgametheme-sidebar-left"></div>
    <div class="wordgametheme-sidebar-right"></div>
    {%- endif -%}



    <div class="main-header">
        {%- if site.noResultPage or page.noResultPage -%}
        <div class="d-none overlay">
            <img width="100%" height="100%" id="header-img" src="/assets/images/background.svg" alt="background.svg">
        </div>
        {%- else -%}
        <div class="overlay">
            <img width="100%" height="100%" id="header-img" src="/assets/images/background.svg" alt="background.svg">
        </div>
        {%- endif -%}

        {% include wordgames/headings/headings.html %}
        {% include wordgames/search-box/search-box.html %}
    </div>

    {% include wordgames/featurehighlights/featurehighlights.html %}
    {%- include wordgames/howto/howto.html -%}

    {%- if dataToShow.faqList -%}
    {%- if dataToShow.faqList.first.Question !='' -%}
    {% include wordgames/faqs/faqs.html %}
    {% endif %}
    {% endif %}

    {%- if page.letter -%}
    {%- include wordgames/words-point-table/words-point-table.html -%}
    {%- endif -%}

    {% include wordgames/adblocker/adblocker.html %}


    {%- if dataToShow.infographics.size > 0 -%}
    {%- include wordgames/infographics/infographics.html -%}
    {%- endif -%}

    {%- include wordgames/rating/rating.html -%}

    <!-- {%- include share/socialshare.html -%} -->

    {%- assign langen = "en" -%}
    {%- if site.data[folder][langen][file].categories -%}
    {% assign categories= site.data[folder][langen][file].categories %}
    {%- else -%}
    {% assign categories= page.categories %}
    {%- endif -%}
    {%- if site.data[folder][langen][file].tags -%}
    {% assign tags= site.data[folder][langen][file].tags %}
    {%- else -%}
    {% assign tags= page.tags %}
    {%- endif -%}
    {%- if categories.size> 0 or tags.size>0-%}
    {%- include section/related_categories_post.html -%}
    {%- else -%}
    {%- include wordgames/recent-posts/recent-posts.html -%}
    {% endif %}

    {% include featurePageAuthors/featurePageAuthors.html %}


    {%- include wordgames/footer/footer.html -%}

    {%- include wordgames/scripts/scripts.html -%}

    {%- if page.language -%}
    <script>
        const select_dropDown2 = document.querySelector(".select_dropDown2")
        select_dropDown2[0].style.display = "none"
        select_dropDown2[1].style.display = "none"
        select_dropDown2[2].style.display = "none"
        select_dropDown2[3].style.display = "none"
    </script>
    {%- endif -%}
    <script defer src="/assets/js/theme.js"></script>

    {%- if site.noResultPage or page.noResultPage and page.letter -%}
    <script defer src="/assets/js/xletter-home.js"></script>
    {%- elsif site.noResultPage or  page.noResultPage -%}
    <script defer src="/assets/js/wordfinder-home.js"></script>
    {%- else -%}
    <script defer src="/assets/js/wordgames-home.js"></script>
    {%- endif -%}

</body>

</html>