word-games-theme 2.1.7 → 2.1.9

data/_includes/wordgames/footer/footer.html

@@ -0,0 +1,277 @@
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.footer[lang].data %}
+{%- assign networksitesData = site.data.footer.networksites -%}
+{%- include languages/languages.html -%}
+{% assign dataFile= site.data[folder][lang][file] %}
+<footer class="footer-section">
+    <div class="footer-wrap">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-md-10 mx-auto">
+                    <div class="d-flex align-items-center justify-content-start footer-prducts-div-heading py-4">
+                       
+                        <h6 class="text-center wordgames-h3 text-white my-4" style="font-size: 30px">Products</h6>
+                        <hr class="flex-grow-1 mx-4 mb-0 footer-product-line"
+                            style="height: 1px; background-color: var(--primary-color);width: 644px; max-width: 644px;">
+                    </div>
+
+                    <div class="footer-single-col">
+                        {%- if site.ezoicAds -%}
+                        {%- assign config = 'justify-content-center' -%}
+                        {%- else -%}
+                        {%- assign config = 'justify-content-between' -%}
+                        {%- endif -%}
+                        <div class="row {{config}}">
+                            {% for data in dataToShow.tools %}
+                            <div class="col-md-3 txt-secondary">
+                                <p class="mb-4"><a class="footer-links txt-secondary"
+                                        href="{{data.url}}">{{data.name}}</a></p>
+                            </div>
+                            {% endfor %}
+                        </div>
+                        <div class="mt-5 row justify-content-between">
+                            <div class="col-md-3">
+                                <p class="mb-4 font-weight-bold txt-primary footer_subheading">{{dataToShow.companytitle |
+                                    default:
+                                    'Company' }}</p>
+                                {% for data in dataToShow.company %}
+                                <p class="mb-4"><a class="footer-links txt-secondary"
+                                        href="{{data.url}}">{{data.name}}</a></p>
+                                {% endfor %}
+                            </div>
+                            <div class="col-md-5">
+                                <p class="mb-4 font-weight-bold txt-primary footer_subheading">{{dataToShow.networksitestitle
+                                    |
+                                    default: 'Network sites'}}</p>
+                                {% for data in networksitesData.networkSites %}
+                                <p class="mb-4"><a class="footer-links txt-secondary"
+                                        href="{{data.url}}">{{data.name}}</a></p>
+                                {% endfor %}
+                            </div>
+                            <div class="col-md-4 mb-5">
+                                {%- if dataToShow.logo -%}
+                                <div class="footer-logo-cont">
+                                    <!-- <img loading="lazy" src="{{dataToShow.logo}}" title="logo" class="footer-logo  d-block"
+                                alt="footer logo" width="30px" height="30px"> -->
+                                    <span class="email_heaidng">
+                                        {{dataToShow.heading}}
+                                    </span>
+                                </div>
+                                {%- endif -%}
+                                <hr class="footer_hr">
+                                <div class="footer-social-list my-5">
+                                    <ul class="list-inline">
+                                        {% for data in dataToShow.social %}
+                                        <li>
+                                            <a id="{{data.url}}" href="{{data.url}}" target="_blank"
+                                                aria-label="{{ data.url }}">
+                                                <img src="{{data.icon}}" width="20px" height="20px" alt="share_icon">
+                                                </img>
+                                            </a>
+                                        </li>
+                                        {% endfor %}
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
+<div class="footer-bottom d-flex gap-5 copyright-text my-3 bg-white txt-black text-center">
+    <p class="mb-0">
+        {{dataToShow.messege}}
+    </p>
+    {%- if site.internationalization -%}
+    <center>
+        <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal"
+            data-target="#staticBackdrop">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+                <path
+                    d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM11.619 15.428L8.57155 15.4289C8.9774 16.7012 9.60471 17.924 10.4358 19.0678C10.8198 19.1532 11.2151 19.2073 11.6191 19.2282L11.619 15.428ZM15.4284 15.4289L12.38 15.428L12.3809 19.2282C12.7849 19.2073 13.1802 19.1532 13.5641 19.0687C14.3953 17.924 15.0226 16.7012 15.4284 15.4289ZM18.3762 15.4285L16.0984 15.4284C15.7811 16.5746 15.31 17.6754 14.703 18.7169C16.2768 18.0829 17.5774 16.9109 18.3762 15.4285ZM7.90159 15.4284L5.62381 15.4285C6.42258 16.9109 7.72324 18.0829 9.29827 18.717C8.69002 17.6754 8.21891 16.5746 7.90159 15.4284ZM7.4355 12.3803L4.77175 12.3809C4.81342 13.1846 4.98617 13.9535 5.26904 14.6669L7.71488 14.6666C7.55555 13.9205 7.46086 13.1572 7.4355 12.3803ZM15.9653 12.3808L12.38 12.38V14.666L15.6434 14.6671C15.8277 13.9178 15.9362 13.1537 15.9653 12.3808ZM19.2282 12.3809L16.5645 12.3803C16.5391 13.1572 16.4444 13.9205 16.2851 14.6666L18.731 14.6669C19.0138 13.9535 19.1866 13.1846 19.2282 12.3809ZM11.619 12.38L8.03469 12.3808C8.06384 13.1537 8.17229 13.9178 8.35656 14.6671L11.619 14.666V12.38ZM7.78068 8.95226L5.43294 8.95224C5.05284 9.76985 4.82095 10.6703 4.77175 11.6191L7.4329 11.6194C7.45634 10.71 7.57476 9.81899 7.78068 8.95226ZM15.5678 8.95239L12.38 8.952V11.619H15.968L15.9673 11.5875C15.9382 10.6945 15.8033 9.81313 15.5678 8.95239ZM18.5671 8.95224L16.2193 8.95226C16.4252 9.81899 16.5437 10.71 16.5671 11.6194L19.2282 11.6191C19.1791 10.6703 18.9472 9.76985 18.5671 8.95224ZM11.619 8.952L8.43217 8.95239C8.16446 9.93108 8.02667 10.9364 8.02667 11.9553L8.031 11.619H11.619V8.952ZM9.22964 5.31048L9.02453 5.39982C7.70745 5.99451 6.60023 6.97185 5.84458 8.19011L7.98594 8.19044C8.28727 7.19147 8.70587 6.2283 9.22964 5.31048ZM12.3809 4.77175L12.38 8.19L15.3312 8.18991C14.9387 7.06132 14.371 5.97399 13.6406 4.949C13.2322 4.85405 12.8116 4.79408 12.3809 4.77175ZM14.7693 5.31058L14.9321 5.60148C15.3809 6.43124 15.7444 7.2965 16.0141 8.19044L18.1554 8.19011C17.3607 6.9088 16.177 5.89399 14.7693 5.31058ZM10.5701 4.90311L10.3594 4.949C9.629 5.97399 9.06128 7.06132 8.66884 8.18991L11.619 8.19L11.6191 4.77175C11.262 4.79027 10.9117 4.83467 10.5701 4.90311Z">
+                </path>
+            </svg> {%- for item in site.pages -%}
+            {%- assign languagetext = [item.lang] -%}
+            {%- assign pagelink = page.permalink | split: "/" | last-%}
+            {%- assign itemlink = item.permalink | split: "/" | last-%}
+            {%- if pagelink == itemlink and page.lang == item.lang and page.permalink == item.permalink
+            -%}
+            {{languagetext[1]}}
+            {%- endif -%}
+            {%- endfor -%}
+        </button>
+    </center>
+    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
+        aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog ">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
+                    </h5>
+                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body px-md-5">
+                    <ul class="language-drop-down-menu">
+                        {%- if page.permalink == nil -%}
+                        <li class="language-drop-down-item font-weight-bold ">
+                            <a class="active-lang" href="/">English
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                        </li>
+                        {%- for i in matchurls -%}
+                        {%- for checklang in site.pages -%}
+                        {%- if checklang.permalink == i -%}
+                        {%- assign languagetext = [i] -%}
+                        <li class="language-drop-down-item">
+                            <a href="/{{i}}">{{languagetext[1]}}</a>
+                        </li>
+                        {%- endif -%}
+                        {%- endfor -%}
+
+                        {%- endfor -%}
+                        {%- else -%}
+
+                        {%- if matchurls contains page.permalink -%}
+                        <li class="language-drop-down-item">
+                            <a href="/">English </a>
+                        </li>
+                        {%- for i in matchurls -%}
+                        {%- assign languagetext = [i] -%}
+                        {%- if i== page.permalink -%}
+                        <li class="language-drop-down-item font-weight-bold ">
+                            <a class="active-lang" href="/{{i}}">{{languagetext[1]}}
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                        </li>
+                        {%- else -%}
+                        {%- for checklang in site.pages -%}
+                        {%- if checklang.permalink == i -%}
+                        {%- assign languagetext = [i] -%}
+                        <li class="language-drop-down-item">
+                            <a href="/{{i}}">{{languagetext[1]}}</a>
+                        </li>
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- else -%}
+                        {%- for item in site.pages -%}
+                        {%- assign languagetext = [item.lang] -%}
+                        {%- assign pagelink = page.permalink | split: "/" | last-%}
+                        {%- assign itemlink = item.permalink | split: "/" | last-%}
+                        {%- if pagelink == itemlink and page.lang != item.lang and page.permalink !=
+                        item.permalink -%}
+                        <li class="language-drop-down-item">
+                            <a href="{{item.permalink}}">{{languagetext[1]}} </a>
+                        </li>
+                        {%- endif -%}
+                        {%- if pagelink == itemlink and page.lang == item.lang -%}
+                        <li class="language-drop-down-item font-weight-bold ">
+                            <a class="active-lang" href="{{item.permalink}}">{{languagetext[1]}}
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img>
+                            </a>
+                        </li>
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- endif -%}
+                        {%- endif -%}
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+    {%- if page.nointernationalization -%}
+    <div></div>
+    {%- else -%}
+    {%- if site.internationalizationall -%}
+    <center>
+        <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal"
+            data-target="#staticBackdrop">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+                <path
+                    d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM11.619 15.428L8.57155 15.4289C8.9774 16.7012 9.60471 17.924 10.4358 19.0678C10.8198 19.1532 11.2151 19.2073 11.6191 19.2282L11.619 15.428ZM15.4284 15.4289L12.38 15.428L12.3809 19.2282C12.7849 19.2073 13.1802 19.1532 13.5641 19.0687C14.3953 17.924 15.0226 16.7012 15.4284 15.4289ZM18.3762 15.4285L16.0984 15.4284C15.7811 16.5746 15.31 17.6754 14.703 18.7169C16.2768 18.0829 17.5774 16.9109 18.3762 15.4285ZM7.90159 15.4284L5.62381 15.4285C6.42258 16.9109 7.72324 18.0829 9.29827 18.717C8.69002 17.6754 8.21891 16.5746 7.90159 15.4284ZM7.4355 12.3803L4.77175 12.3809C4.81342 13.1846 4.98617 13.9535 5.26904 14.6669L7.71488 14.6666C7.55555 13.9205 7.46086 13.1572 7.4355 12.3803ZM15.9653 12.3808L12.38 12.38V14.666L15.6434 14.6671C15.8277 13.9178 15.9362 13.1537 15.9653 12.3808ZM19.2282 12.3809L16.5645 12.3803C16.5391 13.1572 16.4444 13.9205 16.2851 14.6666L18.731 14.6669C19.0138 13.9535 19.1866 13.1846 19.2282 12.3809ZM11.619 12.38L8.03469 12.3808C8.06384 13.1537 8.17229 13.9178 8.35656 14.6671L11.619 14.666V12.38ZM7.78068 8.95226L5.43294 8.95224C5.05284 9.76985 4.82095 10.6703 4.77175 11.6191L7.4329 11.6194C7.45634 10.71 7.57476 9.81899 7.78068 8.95226ZM15.5678 8.95239L12.38 8.952V11.619H15.968L15.9673 11.5875C15.9382 10.6945 15.8033 9.81313 15.5678 8.95239ZM18.5671 8.95224L16.2193 8.95226C16.4252 9.81899 16.5437 10.71 16.5671 11.6194L19.2282 11.6191C19.1791 10.6703 18.9472 9.76985 18.5671 8.95224ZM11.619 8.952L8.43217 8.95239C8.16446 9.93108 8.02667 10.9364 8.02667 11.9553L8.031 11.619H11.619V8.952ZM9.22964 5.31048L9.02453 5.39982C7.70745 5.99451 6.60023 6.97185 5.84458 8.19011L7.98594 8.19044C8.28727 7.19147 8.70587 6.2283 9.22964 5.31048ZM12.3809 4.77175L12.38 8.19L15.3312 8.18991C14.9387 7.06132 14.371 5.97399 13.6406 4.949C13.2322 4.85405 12.8116 4.79408 12.3809 4.77175ZM14.7693 5.31058L14.9321 5.60148C15.3809 6.43124 15.7444 7.2965 16.0141 8.19044L18.1554 8.19011C17.3607 6.9088 16.177 5.89399 14.7693 5.31058ZM10.5701 4.90311L10.3594 4.949C9.629 5.97399 9.06128 7.06132 8.66884 8.18991L11.619 8.19L11.6191 4.77175C11.262 4.79027 10.9117 4.83467 10.5701 4.90311Z">
+                </path>
+            </svg> {{dataFile.Language}}
+        </button>
+    </center>
+    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
+        aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog ">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
+                    </h5>
+                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body px-md-5">
+                    <ul class="language-drop-down-menu">
+                        {%- for item in matchurls -%}
+                        {%- if item != 'zh-TW' -%}
+                        {%- if item == 'en'-%}
+                        {%- if dataFile.htmlLangAtt == item -%}
+                        <li class="language-drop-down-item font-weight-bold ">
+                            <a class="active-lang" href="{{ page.permalink}}">English
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                        </li>
+                        {%- else -%}
+                        <li class="language-drop-down-item">
+                            {%- if dataFile.homePage -%}
+                            <a href="/">English</a>
+                            {%- else -%}
+                            <a href="/{{ page.permalink | split: '/' | last}}">English
+                            </a>
+                            {%- endif -%}
+
+                        </li>
+                        {%- endif -%}
+
+                        {%- else -%}
+                        {%- if dataFile.htmlLangAtt == item -%}
+                        <li class="language-drop-down-item font-weight-bold ">
+                            {%- if page.permalink | split: '/' | last != item -%}
+                            <a class="active-lang" href="{{ page.permalink}}">{{[item][1]}}
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img>
+                            </a>
+                            {%- else -%}
+                            <a class="active-lang" href="/{{item}}">{{[item][1]}}
+                                <img src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                            {%- endif -%}
+                        </li>
+                        {%- else -%}
+                        <li class="language-drop-down-item ">
+                            {%- if page.permalink | split: '/' | last != item -%}
+                            {%- if dataFile.homePage -%}
+                            <a href="/{{item}}">{{[item][1]}}
+                            </a>
+                            {%- else -%}
+                            <a href="/{{item}}/{{ page.permalink | split: '/' | last}}">{{[item][1]}}
+                            </a>
+                            {%- endif -%}
+
+                            {%- else -%}
+                            <a href="/{{item}}">{{[item][1]}}
+                            </a>
+                            {%- endif -%}
+                        </li>
+                        {%- endif -%}
+
+                        {%- endif -%}
+                        {%- endif -%}
+
+
+                        {%- endfor -%}
+                    </ul>
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+    {%- endif -%}
+</div>

data/_includes/wordgames/head/bloghead.html

@@ -0,0 +1,78 @@
+<head>
+    {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+    {%- if pagedescriptionlength.size > 5 -%}
+    {%- assign pagedescriptionlength = page.description | split: ' ' -%}
+    {%- assign pagedescription = page.description -%}
+    {%- endif -%}
+    {% assign favicon = site.favicon %} {%- assign seo_description =
+    pagedescription | default: page.content | markdownify | strip_html |
+    truncatewords: 50 | default: page.excerpt | default: site.description -%} {%-
+    if seo_description -%} {%- assign seo_description = seo_description |
+    markdownify | strip_html | strip_newlines | escape_once -%} {%- endif -%} {%-
+    if page.date -%} {%- assign og_type = "article" -%} {%- else -%} {%- assign
+    og_type = "website" -%} {%- endif -%}
+    {%- assign title = page.title | split: ' ' -%}
+    {%- assign newtitle = '' %}
+    {% for operation in title %}
+    {%- if forloop.first -%}
+    {% assign word = operation | capitalize %}
+    {% assign newtitle = newtitle | append : word %}
+    {% assign newtitle = newtitle | append : " " %}
+    {%- else -%}
+    {% assign word = operation %}
+    {%- if forloop.last -%}
+    {% assign newtitle = newtitle | append : word %}
+    {%- else -%}
+    {% assign newtitle = newtitle | append : word %}
+    {% assign newtitle = newtitle | append : " " %}
+    {%- endif -%}
+    {%- endif -%}
+    {% endfor %}
+    {%- assign description = description | split: ' ' -%}
+    {% assign pagedescription = '' %}
+    {% for operation in description %}
+    {%- if forloop.first -%}
+    {% assign word = operation | capitalize %}
+    {% assign pagedescription = pagedescription | append : word %}
+    {% assign pagedescription = pagedescription | append : " " %}
+    {%- else -%}
+    {% assign word = operation %}
+    {%- if forloop.last -%}
+    {% assign pagedescription = pagedescription | append : word %}
+    {%- else -%}
+    {% assign pagedescription = pagedescription | append : word %}
+    {% assign pagedescription = pagedescription | append : " " %}
+    {%- endif -%}
+    {%- endif -%}
+    {% endfor %}
+    {%- assign title = newtitle -%}
+    {%- assign description = pagedescription-%}
+
+    <meta charset="UTF-8" />
+    <link rel="shortcut icon" href="{{favicon}}" />
+    <link rel="canonical" href="{{site.url | append:  page.url}}" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="keywords" content="{{site.keyboard}}" />
+    <meta name="description" content="{{ seo_description | slice: 0, 155 }}" />
+    <meta name="og:description" content="{{ seo_description | slice: 0, 155 }}" />
+    <meta property="og:title" content="{{ title | default: site.title }}" />
+    <meta property="og:type" content="{{og_type}}" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:site_name" content="{{site.name}}" />
+    <meta property="og:url" content="{{site.url | append:  page.url}}" />
+    <meta name="author" content="{{ site.author_name  }}" />
+    <title>{{title}}</title>
+    {%- if site.removeBootstrapIcons !=
+    true -%}
+    <link rel="stylesheet" href="/assets/css/bootstrap-icons.css" />
+    {%- endif -%}
+    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/assets/css/wordgames-variables.css" />
+    <link rel="stylesheet" href="/assets/css/wordgames-theme.css" />
+    <link rel="stylesheet" href="/assets/css/wordgames-home.css" />
+    <link rel="stylesheet" href="/assets/css/wordgames-blog.css">
+    {%- include google-analytics.html -%}
+
+
+
+</head>

data/_includes/wordgames/head/head.html

@@ -0,0 +1,148 @@
+<head>
+  {% assign file = page.fileName %}
+  {% assign lang = page.lang %}
+  {% assign dataArr = site.data.[page.folderName][lang][file] %}
+  {% assign dataToShow = dataArr %}
+  {% assign title = dataToShow.title | replace: "$variable", page.value | default: page.title | default: site.title %}
+  {%- assign title = title | split: ' ' -%}
+  {%- assign newtitle = '' %}
+  {% for operation in title %}
+  {%- if forloop.first -%}
+  {% assign word = operation | capitalize %}
+  {% assign newtitle = newtitle | append: word %}
+  {% assign newtitle = newtitle | append: " " %}
+  {%- else -%}
+  {% assign word = operation %}
+  {%- if forloop.last -%}
+  {% assign newtitle = newtitle | append: word %}
+  {%- else -%}
+  {% assign newtitle = newtitle | append: word %}
+  {% assign newtitle = newtitle | append : " " %}
+  {%- endif -%}
+  {%- endif -%}
+  {% endfor %}
+  {% assign favicon = site.favicon %}
+
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <link rel="shortcut icon" href="{{favicon}}" />
+
+  <title>{{ newtitle }}</title>
+
+  {% include wordgames/seo/seo.html %}
+
+  <link rel="canonical" href="{{site.url | append:  page.url}}" />
+
+  {%- if site.keyboard -%}
+  <meta name="keywords" content="{{site.keyboard}}" />
+  {%- endif -%}
+
+  <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+  <link rel="stylesheet" href="/assets/css/wordgames-variables.css" />
+  <link rel="stylesheet" href="/assets/css/wordgames-theme.css" />
+  <link rel="stylesheet" href="/assets/css/wordgames-home.css" />
+  {%- if page.layout == "wordgames-result" -%}
+  <link rel="stylesheet" href="/assets/css/wordgames-result.css" />
+  {%- endif -%}
+
+  {%- if page.layout == "autogencontent"-%}
+  <link rel="stylesheet" href="/assets/css/content.css">
+  {%- endif -%}
+
+  {%- if page.layout == 'page' or page.layout == 'page2' -%}
+  <link rel="stylesheet" href="/assets/css/wordGroup.css" />
+  {%- endif -%}
+
+  {%- if page.layout == 'xyzpages' -%}
+  <link rel="stylesheet" href="/assets/css/wordGroup.css" />
+  {%- endif -%}
+
+  {%- if site.show_allow_ad_blocker_pop -%}
+  <link rel="stylesheet" href="/assets/css/adBlocker.css" />
+  {%- endif -%}
+
+
+  {% include cssfile/links.html %}
+
+  {%- if page.wordle == 'solver' -%}
+  <style>
+    .trywordle {
+      color: #fff;
+      background-color: #404040;
+      padding: 12px 100px;
+      border-radius: 50px;
+    }
+
+    .trywordle:hover {
+      color: #fff !important;
+    }
+  </style>
+  {%- endif -%}
+
+  <link rel="manifest" href="/manifest.json">
+
+  <script type="application/ld+json">
+      {
+      "@context": "http://schema.org",
+          "@type": "Organization",
+          "url": "{{site.siteurl}}",
+          "logo": "{{site.siteurl}}{{site.favicon}}" 
+        }
+  </script>
+
+  <script type="application/ld+json">
+      {
+      "@context": "http://schema.org",
+      "@type": "WebSite",
+      "name": "{{site.name}}",
+      "alternateName": "{{site.alternateName}}",
+      "url": "{{site.siteurl}}"}
+  </script>
+
+  {%- if dataToShow.faqList -%}
+  {%- if dataToShow.faqList.first.Question !='' -%}
+  <script type="application/ld+json">
+      {
+     "@context": "http://schema.org",
+     "@type": "FAQPage",
+    "mainEntity": [
+         {%- for item in dataToShow.faqList-%}
+         {%- if forloop.last == true -%}
+         {"@type": "Question",
+         "name": "{{item.Question | replace:'"', "'"}}",
+         "acceptedAnswer": {
+           "@type": "Answer",
+           "text": "{{item.Answer | replace:'"', "'"}}"
+         }
+       }
+         {%- else -%}
+         {"@type": "Question",
+         "name": "{{item.Question | replace:'"', "'"}}",
+         "acceptedAnswer": {
+           "@type": "Answer",
+           "text": "{{item.Answer | replace:'"', "'"}}"
+         }
+       },
+       {%- endif -%}
+         {%- endfor -%}
+    ]
+    }
+  </script>
+  {%- endif -%}
+  {%- endif -%}
+
+  {%- if page.tool -%}
+  {%- include wordgames/rating/structureddata.html -%}
+  {%- endif -%}
+
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/serviceworker.js')
+          .then((reg) => console.log('Success: ', reg.scope))
+          .catch((err) => console.log('Failure: ', err));
+      })
+    }
+  </script>
+</head>

data/_includes/wordgames/header/blog-header.html

@@ -0,0 +1,51 @@
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.header.en.data %}
+{%- assign CustomColor = site.data.theme.colors -%}
+<header id="header">
+    <nav class="navbar navbar-expand-lg">
+        {% if dataToShow.navbarBrandText != "" %}
+        <a id="home-link" class="navbar-brand" href="/"
+          title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
+        {% else %}
+        <a id="home-link" href="/">
+          <img width="90%" height="90%" class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth  }}"
+            height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
+            alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+        </a>
+        {% endif %}
+        <button id="button-toggle" class="navbar-toggler" type="button" data-toggle="collapse"
+            data-target="#navbarSupportedContent" aria-label="bars-toggle-icon">
+            <div class="header_bars"></div>
+            <div class="header_bars"></div>
+            <div class="header_bars"></div>
+        </button>
+        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+            <div class="navbar-nav">
+                <div class="nav-item">
+                    <a class="nav-link" href="/blog">Blog</a>
+                </div>
+                <div class="nav-item dropdown" id="navbarDropdown">
+                    <span class="nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
+                        Tools
+                    </span>
+                </div>
+                {%- if dataToShow.megaMenu -%}
+                <div class="dropmenu dropdown-menu top_tool_bar" aria-labelledby="dropdownMenuButton">
+                    {%- for item in dataToShow.megaMenu.dropdown -%}
+                    <div class="catPad mb-4">
+                        <div style="margin: 0 0 20px;" class="text-muted font-weight-bold">{{item.categoryName}}</div>
+                        {%- for item in item.links -%}
+                        <div style="margin:0 0 15px">
+                            <a class="dropdown-item p-0" href="{{item.url}}">
+                                {{item.name}}
+                            </a>
+                        </div>
+                        {%- endfor -%}
+                    </div>
+                    {%- endfor -%}
+                </div>
+                {%- endif -%}
+            </div>
+        </div>
+    </nav>
+</header>

data/_includes/wordgames/header/header.html

@@ -0,0 +1,51 @@
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.header[lang].data %}
+{%- assign CustomColor = site.data.theme.colors -%}
+<header id="header">
+    <nav class="navbar navbar-expand-lg">
+        {% if dataToShow.navbarBrandText != "" %}
+        <a id="home-link" class="navbar-brand" href="/"
+          title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
+        {% else %}
+        <a id="home-link" href="/">
+          <img width="90%" height="90%" class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth  }}"
+            height="{{dataToShow.navbarBrandLogoHeight | default: logovalue }}" src="{{ dataToShow.navbarBrandLogo }}"
+            alt="{{ dataToShow.navbarBrandLogo }}" {%- if site.crossorigin -%} crossorigin {%- endif -%}>
+        </a>
+        {% endif %}
+        <button id="button-toggle" class="navbar-toggler" type="button" data-toggle="collapse"
+            data-target="#navbarSupportedContent" aria-label="bars-toggle-icon">
+            <div class="header_bars"></div>
+            <div class="header_bars"></div>
+            <div class="header_bars"></div>
+        </button>
+        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+            <div class="navbar-nav">
+                <div class="nav-item">
+                    <a class="nav-link" href="/blog">Blog</a>
+                </div>
+                <div class="nav-item dropdown" id="navbarDropdown">
+                    <span class="nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
+                        Tools
+                    </span>
+                </div>
+                {%- if dataToShow.megaMenu -%}
+                <div class="dropmenu dropdown-menu top_tool_bar" aria-labelledby="dropdownMenuButton">
+                    {%- for item in dataToShow.megaMenu.dropdown -%}
+                    <div class="catPad mb-4">
+                        <div style="margin: 0 0 20px;" class="text-muted font-weight-bold">{{item.categoryName}}</div>
+                        {%- for item in item.links -%}
+                        <div style="margin:0 0 15px">
+                            <a class="dropdown-item p-0" href="{{item.url}}">
+                                {{item.name}}
+                            </a>
+                        </div>
+                        {%- endfor -%}
+                    </div>
+                    {%- endfor -%}
+                </div>
+                {%- endif -%}
+            </div>
+        </div>
+    </nav>
+</header>

data/_includes/wordgames/headings/headings.html

@@ -0,0 +1,14 @@
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+{%- assign CustomColor = site.data.theme.colors -%}
+<div class="container">
+    <div class="pageHeading text-center" style="margin:22px 0px">
+        <h1 class="heading pb-0 mb-3">
+            {{dataToShow.h1}}</h1>
+        {%- if dataToShow.h2 != "" -%}
+        <h2>
+            {{dataToShow.h2}}</h2>
+        {%- endif -%}
+    </div>
+</div>