word-games-theme 1.0.1 → 1.0.2

data/_includes/section/home2.html

@@ -26,6 +26,9 @@
                         <span class="focus-border">
                             <i></i>
                         </span>
+                        <div class="letter-close-button">
+                            <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
+                        </div>
                     </div>
 
                     <input
@@ -118,13 +121,13 @@
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('active')
+        fillterWrapper.classList.toggle('actives')
         fillterWrapper.classList.remove('hide')
     })
 
     const close = document.querySelector('.times')
     close.addEventListener('click', () => {
-        fillterWrapper.classList.remove('active')
+        fillterWrapper.classList.remove('actives')
         fillterWrapper.classList.add('hide')
     })
 </script>

data/_includes/section/news.html

@@ -20,12 +20,21 @@
         <div class="container">
             <!--class earlier=col-xl-9 col-lg-12 -->
             <div class="row my-xl-0">
+                {% if site.MonumetricID %}
                 {% for entry in dataToShow.faqList %}
                 <div class="col-md-8 mx-auto pt-5">
+                    <p class="meduim-text2 text-center mb-0">{{entry.Question}}</p>
+                    <p class="meduim-text text-center mb-0">{{entry.Answer}}</p>
+                </div>
+                {% endfor %}
+                {%- else -%}
+                {% for entry in dataToShow.faqList %}
+                <div class="col-md-6 pt-5">
                     <p class="meduim-text2 mb-0">{{entry.Question}}</p>
                     <p class="meduim-text mb-0">{{entry.Answer}}</p>
                 </div>
                 {% endfor %}
+                {% endif %}
             </div>
         </div>
     </div>

data/_includes/section/recent_posts.html

@@ -3,6 +3,48 @@
         {%- if site.posts.size>0 -%}
         <h1 class="related_post_heading">Recent Posts</h1>
         {%- endif -%}
+        {% if site.MonumetricID %}
+        <div class="row">
+            <div class="col-lg-8 mx-auto">
+                <div class="row">
+                    {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
+                    {% for post in posts limit: 6%}
+                    {%- include /authors/authors.html -%}
+                    <div class="col-lg-6 col-md-6 mb-4 card-group">
+                        <div class="card h-100">
+                            <a href="{{ post.url }}">
+                                <img src="{{ post.image }}" class="card-img-top" height="215px" width="100%"
+                                    loading="lazy" alt="">
+                            </a>
+                            <div class="card-body">
+                                <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
+                                    <h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
+                                </a>
+                            </div>
+                            <div class="card-footer bg-white">
+                                <div class="wrapfooter">
+                                    {% if post.author %}
+                                    <span class="meta-footer-thumb">
+                                        <img class="author-thumb" loading="lazy" src="{{image}}" alt="{{ authorName }}">
+                                    </span>
+                                    {% endif %}
+                                    <span class="author-meta">
+                                        <span class="post-name">
+                                            <a target="_blank" href="/blog">{{authorName}}</a>
+                                        </span><br>
+                                        <span class="post-date">{{post.date | date_to_string }}</span>
+                                    </span>
+                                    <span class="post-read-more"><a class="text-dark" href="{{ post.url }}"
+                                            title="Read Story">Read More</a></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+        {%- else -%}
         <div class="row">
             {% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
             {% for post in posts limit: 6%}
@@ -39,5 +81,6 @@
             </div>
             {% endfor %}
         </div>
+        {% endif %}
     </div>
 </div>

data/_includes/wordle-solver/wordle-solver.html

@@ -50,7 +50,7 @@
                 </div>
                 <div class="form-group">
                     <label for="greyLetters" class="my-1 p-0 wordleSolver-label">Enter letters in grey below</label>
-                    <div class="col-md-6 p-0 wrapper">
+                    <div class="col-md-6 p-0 wrapper_div">
                         <div class="d-flex">
                             <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
                                 id="eleven" value="" autocomplete="off" tabIndex="10" onkeyup="move(this,'twelve')">

data/_layouts/autogencontent.html

@@ -6,6 +6,7 @@
 
     {{content}}
 
+    {% include adBlocker/adBlocker.html %}
     {% include autogenerated/footer.html %}
 
     {%- include script.html -%}

data/_layouts/blog.html

@@ -62,6 +62,7 @@
     </section>
     <!-- {%- include section/alertbar.html -%} -->
 
+    {% include adBlocker/adBlocker.html %}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
     {% include script.html %}
     <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>

data/_layouts/default.html

@@ -19,6 +19,8 @@
 
     {% include section/feature.html %}
 
+
+
     {%- if dataToShow.faqList -%}
     {%- if dataToShow.faqList.first.Question !='' -%}
     {% include section/news.html %}
@@ -30,6 +32,7 @@
     {%- include WordPointTables/table.html -%}
     {%- endif -%}
 
+    {% include adBlocker/adBlocker.html %}
     {%- include share/socialshare.html -%}
     {%- include Rating/rating.html -%}
 
@@ -53,11 +56,33 @@
     {%- include footer/index.html -%}
 
     {%- include script.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>
+        let letterCloseButton = document.querySelector('.letter-close-button')
         let txtBox = document.querySelector('.txtBox')
         let focusBorder = document.querySelector('.focus-border')
         txtBox.focus()
+
         txtBox.addEventListener('input', (e) => {
+            if (e.target.value === "") {
+                letterCloseButton.classList.remove("close_ltr_icon")
+            }
+            else {
+                letterCloseButton.classList.add("close_ltr_icon")
+            }
+
             focusBorder.classList.remove("focus-border")
             e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
             let rangeOfBlankTile = '{{ page.blanktilerange }}'
@@ -73,6 +98,11 @@
                 e.target.value = e.target.value.replace(/\?$/, '')
             }
         })
+
+        letterCloseButton.addEventListener("click", () => {
+            txtBox.value = ""
+            letterCloseButton.classList.remove("close_ltr_icon")
+        })
     </script>
 </body>
 

data/_layouts/other-lang-scrabble.html

@@ -0,0 +1,170 @@
+<!-- {% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign homeData= site.data[folder][lang][file] %} -->
+
+<!-- <!DOCTYPE html>
+<html lang="en">
+
+{%- include head/index.html -%}
+
+<body>
+    <link rel="stylesheet" href="../assets/css/wordScrabble.css">
+    {%- include header/index.html -%}
+
+    {%- if homeData.h1 or homeData.h2 -%}
+    <div class="tools_headings">
+        <div class="container">
+            <div class="pageHeading text-center">
+                <h1 class="heading pb-0 m-0">{{homeData.h1}}</h1>
+                {%- if homeData.h2 != '' -%}
+                <h2>{{homeData.h2}}</h2>
+                {%- endif -%}
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+
+    <div class="tools-feature">
+        <div class="container" id="containerWd">
+            <section class="result_sticky_nav">
+                <div class="serachSection2">
+                    <div class="position-relative serachBox">
+                        <form action="" id='form'>
+                            <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
+                                placeholder="Enter up to 15 letters?" class="txtBox resultPageTxtBox" value='' name="search"
+                                maxlength="15" value required autocomplete="off">
+                            <input
+                                style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
+                                type="submit" class="serachBtn resultPageSearchBtn" id="serach" value>
+                            {%- include filterWords/index.html -%}
+                            <div class="wrapper_dropDown mt-3 d-flex justify-content-end" style="gap:10px;">
+                                <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
+                                    <span class="filter_count" style="display: none;"></span>
+                                    <input type="button" value="Advanced Filter" class="filterButton">
+                                    <div class="angle-arrow"></div>
+                                </div>
+                                <div id="sort-select">
+                                    <select class="form-select sort-select" id="select_dropDown">
+                                        <option selected="true" hidden id="alpha" value="alpha">Sort by</option>
+                                        <option id="alpha" value="alpha">A-Z</option>
+                                        <option id="alpha" value="alpha">Z-A</option>
+                                      <option id="alpha" value="alpha">Points</option> -->
+<!-- </select>
+</div>
+</div>
+<div class="fillterWrapper hide">
+    <div class="text-right times" style="cursor: pointer; margin-top:-15px;">
+        <img src="../../assets/images/window-close.png" alt="" width="15px">
+
+    </div>
+    <div class="startsWith same">
+        <label data-toggle="tooltip" data-placement="top" title="Filter for words that starts with these letters"
+            for="startsWith">Starts
+            With</label>
+        <input type="text" class="filter_val" id="startsWith" placeholder="Prefix" value="" name="prefix">
+    </div>
+    <div class="mustInclude same">
+        <label for="mustInclude" data-toggle="tooltip" data-placement="top"
+            title=" Words that contain letters in this order(ab)">Must Contains </label>
+        <input type="text" class="filter_val" id="mustInclude" placeholder="Contains" name="contains" value="">
+    </div>
+    <div class="endsWith same">
+        <label for="endsWith" data-toggle="tooltip" data-placement="top"
+            title="Filter for words that ends with these letters">End With</label>
+        <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix" value="">
+    </div>
+    <div class="exculdeWith same">
+        <label data-toggle="tooltip" data-placement="top" title="Only words that not contain the letters you enter here"
+            for="exculdeWith">Exculde</label>
+        <br>
+        <input type="text" class="filter_val" id="exculdeWith" placeholder="Exculde" value="" name="exculde">
+    </div>
+    <div class="inculdeWith same">
+        <label data-toggle="tooltip" data-placement="top" title="Only words that contain the letters you enter here"
+            for="inculdeWith">Include</label>
+        <br>
+        <input type="text" class="filter_val" id="inculdeWith" placeholder="Include" value="" name="include">
+    </div>
+    <div class="wordLength same">
+        <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length"
+            for="wordLength">Word Length </label>
+        <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length" value="">
+    </div>
+
+    <div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
+        <input type="button" value="Clear" class="clearFilter btn-info  text-white" style="background-color:#808080;">
+        <input type="submit" value="Apply" class="btn-info  text-white" style="background: #808080" id="applyfilter">
+    </div>
+</div>
+</form>
+</div>
+</div>
+</section>
+</div>
+<div class="container" id="containerWd">
+    {% include section/wordGroup.html %}
+</div>
+close commonPage as LandingPage -->
+<!-- <link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
+
+</div> -->
+
+<!-- {% include section/feature.html %}
+
+{%- if dataToShow.faqList -%}
+{%- if dataToShow.faqList.first.Question !='' -%}
+{% include section/news.html %}
+{% endif %}
+{% endif %} -->
+
+
+<!-- {%- include Rating/rating.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 section/recent_posts.html -%}
+{% endif %}
+
+
+{%- include footer/index.html -%}
+
+{%- include script.html -%}
+<script>
+    const clearFilter = document.querySelector('.clearFilter')
+
+    clearFilter.addEventListener('click', () => {
+        startsWith.value = ''
+        mustInclude.value = ''
+        endsWith.value = ''
+        exculdeWith.value = ''
+        inculdeWith.value = ''
+        wordLength.value = ''
+        document.getElementById("applyfilter").click();
+    })
+    const fillterWrapper = document.querySelector('.fillterWrapper')
+    function myFunction() {
+        fillterWrapper.classList.toggle('hide')
+    }
+    const close = document.querySelector('.times')
+    close.addEventListener('click', () => {
+        fillterWrapper.classList.add('hide')
+    })
+
+</script>
+<script src="../assets/js/other-lang-wordScrabble.js" crossorigin></script>
+</body>
+
+</html>  -->

data/_layouts/page.html

@@ -58,10 +58,13 @@
   {%- include script.html -%}
 
 
-
-  {%- if page.tool != 'words-that-start-with-the-letters' -%}
+  {%- if page.language -%}
+  <script data-language="{{page.language}}" src="../assets/js/other-lang-wordScrabble.js" crossorigin></script>
+  {%- elsif page.tool != 'words-that-start-with-the-letters' -%}
   <script data-url="{{site.url}}" data-range="{{page.blanktilerange}}" src="/assets/js/wordScrabble.js"></script>
   {%- endif -%}
+
+
 </body>
 
 </html>

data/_layouts/post.html

@@ -130,6 +130,7 @@
             </div>
         </div>
     </section>
+    {% include adBlocker/adBlocker.html %}
     {%- include section/count.html -%}
     <!-- {%- include section/alertbar.html -%} -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />

data/_layouts/tools.html

@@ -36,6 +36,7 @@
     {% endif %}
     {% endif %}
 
+    {% include adBlocker/adBlocker.html %}
 
     {%- include Rating/rating.html -%}
 

data/_layouts/wordMeaning.html

@@ -120,7 +120,8 @@
             <div class="container p-0" id="defintions" style="margin-top: 100px;">
                 <h3><b>Defintion(s)</b></h3>
                 <br>
-                <span id="loaderMeaning" style="font-size: 20px">Loading &nbsp; </span><div class="spinner-border" id="loaderMeaning1"></div>
+                <span id="loaderMeaning" style="font-size: 20px">Loading &nbsp; </span>
+                <div class="spinner-border" id="loaderMeaning1"></div>
                 <h2 id="err" style="display: none;">No Definition Found!</h2>
                 <h4 id="noun" style="display: none;"><b>Noun</b></h4>
                 <h4 id="verb" style="display: none;"><b>Verb</b></h4>
@@ -147,6 +148,8 @@
     {%- include section/recent_posts.html -%}
     {% endif %}
 
+
+    {% include adBlocker/adBlocker.html %}
     {%- include footer/index.html -%}
 
     {%- include script.html -%}

data/_layouts/xyzpages.html

@@ -91,6 +91,8 @@
 
     {%- include share/socialshare.html -%}
 
+    {% include adBlocker/adBlocker.html %}
+
     {% include xyzpages/xyzFooter.html %}
 
     {%- include script.html -%}

data/assets/css/adBlocker.css

@@ -0,0 +1,232 @@
+
+    .extensions {
+        position: fixed;
+        max-width: 500px;
+        height: auto;
+        top: 50%;
+        left: 50%;
+        width: 100%;
+        background: #fff;
+        opacity: 0;
+        pointer-events: none;
+        transform: translate(-50%, -50%) scale(1.2);
+        z-index: 9999;
+        box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+        transition: opacity 0.2s 0s ease-in-out,
+            transform 0.2s 0s ease-in-out;
+    }
+
+    .extensions.show {
+        opacity: 1;
+        pointer-events: auto;
+    }
+
+    .extensions .ads__content {
+        color:#000;
+        padding-top: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+    }
+    .ads-icon{
+        width: 18px !important;
+    }
+
+    .closePopup {
+        position: absolute;
+        top: 8px;
+        right: 12px;
+        cursor: pointer;
+        font-size: 20px;
+    }
+
+    .nav-tab-link {
+        background-color: inherit;
+        border: none !important;
+        outline: none;
+        cursor: pointer;
+        /* transition: 0.3s; */
+        font-size: 12px;
+        color: #000;
+    }
+
+    .nav-tab-link:hover {
+        background-color: #f1f3f4;
+        color: #000 !important
+    }
+
+    .nav-tabs .nav-item.show .nav-link,
+    .nav-tabs .nav-link.active {
+        background-color: transparent !important;
+        border-color: transparent !important;
+        color: #1a73e8 !important;
+        border-bottom: 2px solid !important;
+    }
+
+    .ads_img {
+        width: 30px;
+        height: 30px;
+        display: block;
+        margin: 0 auto
+    }
+
+    .three_dot {
+        width: 30px;
+        height: 30px;
+        background: #f1f3f4;
+        border-radius: 50%;
+        text-align: center;
+        margin: 0 auto;
+        padding-top: 5px;
+    }
+
+    .tablist {
+        border: none !important
+    }
+
+    .tab-content {
+        padding: 15px 50px;
+        border-top: none;
+        font-size: 15px;
+        height: 320px;
+        background-color: #f1f3f4;
+    }
+
+    .tab-content .listContainer {
+        font-size: 13px;
+    }
+
+    .listItem {
+        padding: 8px 0;
+        font-size: 12px;
+    }
+
+
+
+
+    /* ravi */
+
+    .wrapper {
+    position: fixed;
+    left: 0;
+    top: 0;
+    background: rgba(0,0,0,.6);
+    height: 100%;
+    width: 100%;
+    display: none;
+    transition: all .3s ease-in-out;
+    font-size: 15px;
+    color: #666;
+    line-height: 1.5;
+    }
+
+    .innerWrapper{
+        z-index: 99;
+        position: relative;
+        max-width: 500px;
+        top: 50%;
+        left: 50%;
+        width: 100%;
+        padding: 40px 30px;
+        background: #fff;
+        border-radius: 15px;
+        transform: translate(-50%, -50%) scale(1.2);
+        box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
+        transition: opacity 0.2s 0s ease-in-out,
+            transform 0.2s 0s ease-in-out;
+    }
+
+    .wrapper.show {
+        display: block;
+        z-index: 9999;
+    }
+
+    .brand-title {
+        margin-top: 35px;
+        font-size: 32px;
+        font-weight: 900;
+    }
+
+    .show-ads {
+        font-size: 19px;
+        text-align: center;
+        margin-top: 20px;
+    }
+
+    .btn-container {
+        height: 57px;
+        width: 223px;
+        margin-top: 30px;
+        border-radius: 50px;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .btn-container .bg-layer {
+        height: 100%;
+        width: 300%;
+        position: absolute;
+        left: -100%;
+        background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639);
+        transition: all 0.4s ease;
+    }
+
+    .btn-container:hover .bg-layer {
+        left: 0;
+    }
+
+    .allow-ads-btn {
+        position: relative;
+        z-index: 1;
+        height: 100%;
+        width: 100%;
+        background: none;
+        font-size: 18px;
+        border: none;
+        outline: none;
+        color: #fff;
+        cursor: pointer;
+    }
+
+
+    @media (max-width: 768px) {
+        .tab-content .listContainer{
+            padding:0px;
+        }
+        .brand-title{
+            font-size: 2rem;
+        }
+        .show-ads,.whchExt{
+            font-size: 15px !important;
+        }
+        .ads-desc,.closePopup{
+            font-size: 14px;
+        }
+        .innerWrapper{
+            top:40%;
+            width: 75%;
+            max-width: 400px;
+        }
+       .extensions{
+            width: 75%;
+            max-width: 400px;
+            top:45%;
+        }
+
+        .btn-container{
+            height: 50px;
+            width: 180px;
+        }
+        .listItem{
+            font-size: 10px !important;
+        }.nav-tab-link{
+            font-size: 12px;
+        }
+        .ads_img,.three_dot{
+            width: 20px;
+            height: 20px;
+            padding: 0px;
+        }
+        
+    }

data/assets/css/advancedFilter.css

@@ -96,6 +96,7 @@
   border-radius: 40px;
   padding: 8px;
   /* white-space: wrap; */
+  margin:10px 0px;
 }
 .tab_link {
   font-size: 15px;