word-games-theme 1.8.5 → 1.8.7

data/_includes/section/home2.html

@@ -1,174 +0,0 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-
-{%- assign CustomColor = site.data.theme.colors -%}
-<!-- starting landingPage -->
-<div class="pageHeaderBg">
-    <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>
-    <div class="container-fluid" id="containerWd">
-        <div class="serachSection">
-            <div class="position-relative serachBox">
-                <form action="{{page.url}}/result" id='form' method="GET">
-                    <div style="position: relative;">
-                        <input style="border-radius: {{CustomColor.inputFieldBorder}}" type="text"
-                            placeholder="Enter up to 15 letters?" class="txtBox" value='' name="search" maxlength="15"
-                            required autocomplete="off">
-                        <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
-                        style="border-radius: {{CustomColor.inputFieldBorder}}; background-color: {{CustomColor.inputButtonBg}};"
-                        type="submit" class="serachBtn" id="serach" value="">
-
-                    <div class="dictonaryDropdown">
-                        <select class="form-select select_dropDown2" name="dictionary"
-                            aria-label="Default select example">
-                            <option value="Dictionary">Dictionary</option>
-                            <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
-                            <option selected value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
-                            <option value="wwf" id="wwf">Enable (Words With Friends)</option>
-                        </select>
-                    </div>
-
-                    <br>
-                    <div class="wrapper_dropDown d-flex justify-content-end" style="gap:15px">
-                        <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
-                            <input type="button" value="Advanced Filter" class="filterButton">
-                            <div class="angle-arrow2"></div>
-                        </div>
-                    </div>
-                    <div class="fillterWrapper hide">
-                        <div class="text-right times" style="cursor: pointer;">
-                            <img src="/assets/images/window-close.png" alt="window-close-icon" height="12px"
-                                width="12px">
-
-                        </div>
-                        <div class="startsWith">
-                            <label for="startsWith">Starts With</label>
-                            <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Find words that start with these letters(AB-&gt; Able)">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-                        </div>
-                        <div class="mustInclude">
-                            <label for="mustInclude">Must Contains </label>
-                            <input type="text" id="mustInclude" placeholder="Contains" name="contains">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Words that contain letters in this order(ab)">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-
-                        </div>
-                        <div class="endsWith">
-                            <label for="endsWith">End With</label>
-                            <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Filter for words that ends with these letters">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-                        </div>
-                        <div class="exculdeWith">
-                            <label for="exculdeWith">Exculde</label>
-                            <br>
-                            <input type="text" id="exculdeWith" placeholder="Exculde" value="" name="exculde">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Only words that not contain the letters you enter here">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-                        </div>
-
-                        <div class="inculdeWith">
-                            <label for="inculdeWith">Inculde</label>
-                            <br>
-                            <input type="text" id="inculdeWith" placeholder="Inculde" value="" name="inculde">
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Only words that contain the letters you enter here">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-                        </div>
-
-                        <div class="wordLength same">
-                            <label for="wordLength">Word Length </label>
-                            <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length"
-                                value="">
-                            <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: {{CustomColor.inputButtonBg}};">
-                                <input type="submit" value="Apply" class="btn-info text-white"
-                                    style="background-color: {{CustomColor.inputButtonBg}};">
-                            </div>
-                            <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
-                                title="Filter for words with this length">
-                                <i class="bi bi-question-circle"></i>
-                            </div>
-                        </div>
-
-                    </div>
-                </form>
-                {%- if page.wordle == 'solver' -%}
-                <!-- Solve wordle quickly using our wordle solver -->
-                <label class="d-block m-0 mt-4 text-center" style="font-size:16px">
-                    <a onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Try Wordle Solver'});"
-                        class="trywordle" href="/wordle-solver">Try Wordle Solver</a>
-                </label>
-                {%- endif -%}
-            </div>
-        </div>
-    </div>
-</div>
-<!-- close landingPage -->
-<script>
-    const clearFilter = document.querySelector('.clearFilter')
-    let startsWith = document.getElementById('startsWith')
-    let mustInclude = document.getElementById('mustInclude')
-    let endsWith = document.getElementById('endsWith')
-    let wordLength = document.getElementById('wordLength')
-
-    clearFilter.addEventListener('click', () => {
-        startsWith.value = ''
-        mustInclude.value = ''
-        endsWith.value = ''
-        exculdeWith.value = ''
-        wordLength.value = ''
-    })
-    const advancedFilter = document.querySelector('.advancedFilter')
-    const fillterWrapper = document.querySelector('.fillterWrapper')
-    advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('actives')
-        fillterWrapper.classList.remove('hide')
-    })
-
-    // document.addEventListener('click', (event) => {
-    //     const withinBoundaries = event.composedPath().includes(advancedFilter)
-    //     if (!withinBoundaries) {
-    //         closeModal()
-    //     }
-    // })
-    function closeModal() {
-        fillterWrapper.classList.remove('actives')
-        fillterWrapper.classList.add('hide')
-    }
-
-    const close = document.querySelector('.times')
-    close.addEventListener('click', () => {
-
-
-        closeModal()
-    })
-</script>

data/_layouts/other-lang-scrabble.html

@@ -1,170 +0,0 @@
-<!-- {% 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/assets/css/advancedFilter.css

@@ -1,215 +0,0 @@
-#home_page_search_result {
-  padding: 10px;
-  font-size: 12px;
-}
-
-#home_page_search_result:hover {
-  text-decoration: underline !important;
-}
-
-.result_header>.result_header_logo {
-  position: fixed;
-  z-index: 999;
-  top: 0px;
-}
-
-.tick {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC) no-repeat;
-  background-position: 95% 50%;
-}
-
-.filter_count {
-  width: 20px;
-  color: white;
-  height: 20px;
-  text-align: center;
-  background-color: #808080;
-  padding-top: 2px;
-  border-radius: 50%;
-  margin-right: 1px;
-  position: relative;
-  left: 150px;
-}
-
-.Advancedbtn .filterButton {
-  background: #f8f9fa;
-  box-shadow: 0 0 3px #343a4063;
-  width: 190px;
-  border-radius: 10px;
-  outline: none;
-  border: none;
-  font-weight: 900;
-  font-size: 13px;
-  padding: 8.5px;
-  text-align: left;
-  z-index: 99;
-}
-
-.hide {
-  visibility: hidden;
-}
-
-.fillterWrapper {
-  display: block;
-  background: #fff;
-  position: absolute;
-  z-index: 999;
-  top: 100px;
-  right: 150px;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  padding: 30px 15px;
-  border-radius: 15px;
-  width: 240px;
-}
-
-.fa-times {
-  position: absolute;
-  top: 12px;
-  right: 15px;
-  font-size: 15px;
-  cursor: pointer;
-}
-
-.fillterWrapper .same {
-  margin-bottom: 10px;
-}
-
-.fillterWrapper input[type='text'] {
-  border-radius: 15px;
-  width: 100%;
-  outline: none;
-  /* text-indent: 8px; */
-}
-
-.sticky_nav {
-  position: sticky;
-  width: inherit;
-  top: 58px;
-  background-color: #fff;
-  z-index: 99;
-}
-
-.flex-row {
-  -ms-flex-direction: row !important;
-  flex-direction: row !important;
-  display: flex;
-  overflow: hidden;
-  margin: 0 13px;
-}
-
-.tab_link_wrapper {
-  display: flex;
-  width: 100%;
-  /* overflow: auto; */
-  justify-content: center;
-  background: #f8f9fa;
-  border-radius: 40px;
-  /* padding: 8px; */
-  /* white-space: wrap; */
-  margin: 10px 0px;
-}
-
-.tab_link {
-  font-size: 15px;
-  font-weight: 900;
-  margin: 0 5px;
-  padding-top: 5px;
-  border: none;
-  outline: none;
-  background-color: inherit;
-}
-
-a {
-  text-decoration: none !important;
-}
-
-.active-tab {
-  border-bottom: solid 2px black;
-}
-
-#next {
-  background: url('/assets/images/next.webp');
-  background-size: cover;
-  width: 21px;
-  height: 21px;
-  object-fit: cover;
-  padding: 3px;
-  border: none;
-  position: absolute;
-  top: 14px;
-  right: 20px;
-}
-
-#prev {
-  background: url('/assets/images/prev.webp');
-  background-size: cover;
-  width: 21px;
-  height: 21px;
-  object-fit: cover;
-  padding: 3px;
-  border: none;
-  position: absolute;
-  top: 14px;
-  left: 20px;
-}
-
-@media (max-width: 768px) {
-  .result_header {
-    margin: 0px;
-  }
-
-  .result_page_navbar {
-    background-color: #f8f9fa;
-  }
-
-  .Advancedbtn {
-    margin: 0;
-    height: 0;
-    width: 0;
-  }
-
-  .Advancedbtn .filterButton {
-    display: none;
-    position: fixed;
-    bottom: 0;
-    width: 50%;
-    left: 0px;
-    border-radius: 0;
-  }
-
-  .fillterWrapper {
-    right: auto;
-    position: fixed;
-    left: 0px;
-    top: 135px;
-    width: 100%;
-  }
-
-  .filter_count {
-    z-index: 999;
-    display: none !important;
-    position: fixed;
-    left: 112px;
-    bottom: 8px;
-  }
-
-  .tab_link {
-    font-size: 12px;
-  }
-
-  #prev {
-    top: 12px;
-    left: 8px;
-  }
-
-  #next {
-    top: 12px;
-    right: 8px;
-  }
-}
-
-@media (min-width: 576px) {
-  #containerWd {
-    max-width: 100% !important;
-  }
-}

data/assets/css/feature.css

@@ -1,58 +0,0 @@
-.feature {
-  padding: 15px;
-  background-color: #b641da;
-  margin-left: 0;
-  margin-top: 5rem;
-  margin-bottom: 0;
-  color: white;
-  text-align: center;
-  width: 100%;
-}
-
-.feature .feature-title,
-.feature-description {
-  width: 100% !important;
-  text-align: center;
-}
-
-.card-body>i {
-  font-size: 20px;
-}
-
-.features_data .card-body>.card-title {
-  transition: all 0.5s ease;
-  font-size: 1.5rem;
-  line-height: 25px;
-  color: #000;
-  font-weight: 600;
-  margin-bottom: 8px;
-  margin-top: 5px;
-}
-
-.features_data .card-body:hover i {
-  transform: scale(1.2);
-  transition: all 0.5s linear;
-}
-
-.features_data .card-body:hover .card-text {
-  transition: all 0.5s linear;
-  color: #6c757d !important;
-}
-
-.features_data .card-body:hover {
-  border-radius: 10px;
-  transition: all 0.5s ease;
-  background-color: #f7f7f7;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-}
-
-@media (max-width: 1125px) {
-
-
-  .features_data .card-body {
-    border-radius: 10px;
-    background-color: #f7f7f7;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    margin: 20px 0;
-  }
-}