word-games-theme 0.1.8 → 0.2.3

data/_includes/section/blog.html

@@ -1,42 +1,42 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-
-<div class="container-fluid" id="blog">
-    <div class="row rowHeight3">
-        <div class="col-md-12 p-0">
-            <div class="blog">
-                <img src="/assets/images/right_obj_01.png" alt="">
-                <div class="content">
-                    <span class="site-no">{{dataToShow.blogNo}}</span>
-                    <h5 class="title">{{dataToShow.blog_title}}</h5>
-                </div>
-            </div>
-        </div>
-        <div class="col-xl-8 col-lg-12 blog_section" style="padding-left: 120px; margin-top:50px">
-            <section class="section_post">
-                <div class="row">
-                    {% for post in site.posts limit: 2 %}
-                    <div class="col-md-6 my-5">
-                        <a href="{{ post.url }}">
-                            <img src="{{ post.image }}" loading="lazy" width="100%" height="230px" class="card-img-top"
-                                alt="{{post.image}}" style="object-fit: cover">
-                        </a>
-                        <a href="{{ post.url }}" class="anchor_link">
-                            <h4 class="card-title mb-4">{{ post.title }}</h4>
-                        </a>
-                        <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p>
-                    </div>
-                    {% endfor %}
-
-                    {%- if site.posts.size>0 -%}
-                    <div class="col-lg-6 my-5">
-                        <a href="{{ 'blog' | relative_url }}" class="genric-btn2">Browse More</a>
-                    </div>
-                    {% endif %}
-
-                </div>
-            </section>
-        </div>
-    </div>
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+
+<div class="container-fluid" id="blog">
+    <div class="row rowHeight3">
+        <div class="col-md-12 p-0">
+            <div class="blog">
+                <img src="/assets/images/right_obj_01.png" alt="">
+                <div class="content">
+                    <span class="site-no">{{dataToShow.blogNo}}</span>
+                    <h5 class="title">{{dataToShow.blog_title}}</h5>
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-8 col-lg-12 blog_section" style="padding-left: 120px; margin-top:50px">
+            <section class="section_post">
+                <div class="row">
+                    {% for post in site.posts limit: 2 %}
+                    <div class="col-md-6 my-5">
+                        <a href="{{ post.url }}">
+                            <img src="{{ post.image }}" loading="lazy" width="100%" height="230px" class="card-img-top"
+                                alt="{{post.image}}">
+                        </a>
+                        <a href="{{ post.url }}" class="anchor_link">
+                            <h4 class="card-title mb-4">{{ post.title }}</h4>
+                        </a>
+                        <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p>
+                    </div>
+                    {% endfor %}
+
+                    {%- if site.posts.size>0 -%}
+                    <div class="col-lg-6 my-5">
+                        <a href="{{ 'blog' | relative_url }}" class="genric-btn2">Browse More</a>
+                    </div>
+                    {% endif %}
+
+                </div>
+            </section>
+        </div>
+    </div>
 </div>

data/_includes/section/commonPage.html

@@ -1,93 +1,100 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-
-<!-- start commonPage as LandingPage -->
-<div class="container" id="containerWd">
-    <section class="sticky_nav">
-        <div class="pageHeading text-center pt-5">
-            <h1 class="heading pb-0">
-                {{dataToShow.h1}}</h1>
-        </div>
-        <div class="serachSection2">
-            <div class="position-relative serachBox">
-                <form action="" id='form'>
-                    <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
-                        maxlength="15" value required>
-                    <input type="submit" class="serachBtn" id="serach" value>
-                    <div class="dictonaryDropdown">
-                        <select class="form-select select_dropDown2" name="dictonary"
-                            aria-label="Default select example">
-                            <option selected value="">Dictonary</option>
-                            <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
-                            <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
-                            <option value="wwf" id="wwf">Enable (Words With Friends)</option>
-                        </select>
-                    </div>
-                    {%- include filterWords/index.html -%}
-                    <div class="wrapper_dropDown mt-2 d-flex justify-content-end" style="gap:10px;">
-                        <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
-                            <span class="filter_count" style="display: inline-block;"></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">
-                        <i class="fas fa-times"></i>
-                        <div class="startsWith same">
-                            <label 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">Must Include </label>
-                            <input type="text" class="filter_val" id="mustInclude" placeholder="Contains"
-                                name="contains" value="">
-                        </div>
-                        <div class="endsWith same">
-                            <label for="endsWith">End With</label>
-                            <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix"
-                                value="">
-                        </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>
-
-                        <div style="margin-top: 1.2rem;">
-                            <input type="submit" value="Apply" class="btn-info w-100 text-white"
-                                style="background: #808080">
-                        </div>
-                    </div>
-
-                </form>
-            </div>
-        </div>
-    </section>
-
-
-    {% include section/wordGroup.html %}
-</div>
-
-<!-- close commonPage as LandingPage -->
-<link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
-<script>
-    const fillterWrapper = document.querySelector('.fillterWrapper')
-    function myFunction() {
-        fillterWrapper.classList.toggle('hide')
-    }
-    const close = document.querySelector('.fa-times')
-    close.addEventListener('click', () => {
-        fillterWrapper.classList.add('hide')
-    })
-
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+
+<!-- start commonPage as LandingPage -->
+<div class="container" id="containerWd">
+    <section class="sticky_nav">
+        <div class="pageHeading text-center pt-5">
+            <h1 class="heading m-0 pb-0">
+                {{dataToShow.h1}}</h1>
+            {%- if dataToShow.h2 -%}
+            <h2>
+                {{dataToShow.h2}}</h2>
+            {%- endif -%}
+        </div>
+        <div class="serachSection2">
+            <div class="position-relative serachBox">
+                <form action="" id='form'>
+                    <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
+                        maxlength="15" value required>
+                    <input type="submit" class="serachBtn" id="serach" value>
+                    <div class="dictonaryDropdown">
+                        <select class="form-select select_dropDown2" name="dictonary"
+                            aria-label="Default select example">
+                            <option selected value="">Dictonary</option>
+                            <option value="twl06" id="twl06">TWL06 (US, Canada, Thailand)</option>
+                            <option value="sowpods" id="sowpods">SOWPODS (Uk and Others)</option>
+                            <option value="wwf" id="wwf">Enable (Words With Friends)</option>
+                        </select>
+                    </div>
+                    {%- include filterWords/index.html -%}
+                    <div class="wrapper_dropDown mt-2 d-flex justify-content-end" style="gap:10px;">
+                        <div class="Advancedbtn" style="position: relative;" onclick="myFunction()">
+                            <span class="filter_count" style="display: inline-block;"></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 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">Must Include </label>
+                            <input type="text" class="filter_val" id="mustInclude" placeholder="Contains"
+                                name="contains" value="">
+                        </div>
+                        <div class="endsWith same">
+                            <label for="endsWith">End With</label>
+                            <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix"
+                                value="">
+                        </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>
+
+                        <div style="margin-top: 1.2rem;">
+                            <input type="submit" value="Apply" class="btn-info w-100 text-white"
+                                style="background: #808080">
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+    </section>
+
+
+    {% include section/wordGroup.html %}
+</div>
+
+<!-- close commonPage as LandingPage -->
+<link rel="stylesheet" href="{{ '/assets/css/advancedFilter.css' | relative_url }}">
+<script>
+    const fillterWrapper = document.querySelector('.fillterWrapper')
+    function myFunction() {
+        fillterWrapper.classList.toggle('hide')
+    }
+    const close = document.querySelector('.times')
+    close.addEventListener('click', () => {
+        fillterWrapper.classList.add('hide')
+    })
+
 </script>

data/_includes/section/count.html

@@ -1,24 +1,24 @@
-<div class="explore">
-    <h2>Explore <span class="d-none d-md-inline">→</span></h2>
-
-    <ul>
-        {% assign categories_list = site.categories %}
-        {% if categories_list.first[0] == null %}
-        {% for category in categories_list %}
-        <a class="cat mt-1 mb-1" href="/blog/categories#{{ category | url_escape | strip | replace: ' ', '-' }}">{{
-            category
-            |
-            camelcase }} ({{ site.tags[category].size }})</a>
-        {% endfor %}
-        {% else %}
-        {% for category in categories_list %}
-        <a class="cat mt-1 mb-1" href="/blog/categories#{{ category[0] | url_escape | strip | replace: ' ', '-' }}">{{
-            category[0]
-            | camelcase }} ({{ category[1].size }})</a>
-        {% endfor %}
-        {% endif %}
-        {% assign categories_list = nil %}
-    </ul>
-
-</div>
+<div class="explore">
+    <h2>Explore <span class="d-none d-md-inline">→</span></h2>
+
+    <ul>
+        {% assign categories_list = site.categories %}
+        {% if categories_list.first[0] == null %}
+        {% for category in categories_list %}
+        <a class="cat mt-1 mb-1" href="/blog/categories#{{ category | url_escape | strip | replace: ' ', '-' }}">{{
+            category
+            |
+            camelcase }} ({{ site.tags[category].size }})</a>
+        {% endfor %}
+        {% else %}
+        {% for category in categories_list %}
+        <a class="cat mt-1 mb-1" href="/blog/categories#{{ category[0] | url_escape | strip | replace: ' ', '-' }}">{{
+            category[0]
+            | camelcase }} ({{ category[1].size }})</a>
+        {% endfor %}
+        {% endif %}
+        {% assign categories_list = nil %}
+    </ul>
+
+</div>
 </div>

data/_includes/section/feature.html

@@ -1,35 +1,35 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-<div class="container-fluid">
-    <div class="row">
-        <div class="col-xl-3 col-lg-12">
-            <div class="row">
-                <div class="col-xl-3 p-0">
-                    <div class="feature">
-                        <img src="/assets/images/left_obj_01.png" alt="">
-                        <span class="site-no"> {{dataToShow.featureNo}}</span>
-                        <h5 class="title">{{dataToShow.feature_title}}</h5>
-                        <p class="description">{{dataToShow.feature_description}}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-xl-9 col-lg-12">
-            <div class="row text-center">
-                {% for entry in dataToShow.featureList %}
-                <div class="col-lg-4 col-md-6 my-3">
-                    <div class="card-body h-100">
-                        <i class="{{ entry.fa_class }} FA"></i>
-                        <h5 class="card-title">
-                            {{ entry.feature_heading }}
-                        </h5>
-                        <p class="card-text" style="color: #a7a7a7;
-                        font-size: 14px;">{{ entry.feature_text}}</p>
-                    </div>
-                </div>
-                {% endfor %}
-            </div>
-        </div>
-    </div>
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-xl-3 col-lg-12">
+            <div class="row">
+                <div class="col-xl-3 p-0">
+                    <div class="feature">
+                        <img src="/assets/images/left_obj_01.png" alt="">
+                        <span class="site-no"> {{dataToShow.featureNo}}</span>
+                        <h5 class="title">{{dataToShow.feature_title}}</h5>
+                        <p class="description">{{dataToShow.feature_description}}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-9 col-lg-12">
+            <div class="row text-center">
+                {% for entry in dataToShow.featureList %}
+                <div class="col-lg-4 col-md-6 my-3">
+                    <div class="card-body h-100">
+                        <img src="{{ entry.fa_class }}" width="25px"></img>
+                        <h5 class="card-title">
+                            {{ entry.feature_heading }}
+                        </h5>
+                        <p class="card-text" style="color: #a7a7a7;
+                        font-size: 14px;">{{ entry.feature_text}}</p>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
 </div>

data/_includes/section/home.html

@@ -1,89 +1,94 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign dataToShow = site.data.[page.folderName][lang][file] %}
-
-<!-- starting landingPage -->
-<div class="pageHeaderBg">
-    <div class="container">
-        <div class="pageHeading text-center">
-            <h1 class="heading pb-3">
-                {{dataToShow.h1}}</h1>
-        </div>
-    </div>
-    <div class="container-fluid" id="containerWd">
-        <div class="serachSection">
-            <div class="position-relative serachBox">
-                <form action="/result" id='form' method="GET">
-                    <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
-                        maxlength="15" required>
-                    <input type="submit" class="serachBtn" id="serach" value>
-                    <div class="dictonaryDropdown">
-                        <select class="form-select select_dropDown2" name="dictonary"
-                            aria-label="Default select example">
-                            <option selected value="">Dictonary</option>
-                            <option value="twl06">TWL06 (US, Canada, Thailand)</option>
-                            <option value="sowpods">SOWPODS (Uk and Others)</option>
-                            <option value="wwf">Enable (Words With Friends)</option>
-                        </select>
-                    </div>
-
-                    <div class="wrapper_dropDown d-flex justify-content-end mt-5" 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">
-                        <i class="fas fa-times"></i>
-                        <div class="startsWith">
-                            <label for="startsWith">Starts With</label>
-                            <br>
-                            <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
-                        </div>
-                        <div class="mustInclude">
-                            <label for="mustInclude">Must Include </label>
-                            <br>
-                            <input type="text" id="mustInclude" placeholder="Contains" name="contains">
-
-                        </div>
-                        <div class="endsWith">
-                            <label for="endsWith">End With</label>
-                            <br>
-                            <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
-
-                        </div>
-                        <div class="wordLength">
-                            <label for="wordLength">Word Length </label>
-                            <br>
-                            <input type="text" id="wordLength" placeholder="Length" name="length">
-                            <div style="margin-top: 1.2rem;">
-                                <input type="submit" value="Apply" class="btn-info w-100 text-white"
-                                    style="background: #BD67DD">
-                            </div>
-                        </div>
-
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    const advancedFilter = document.querySelector('.advancedFilter')
-    const fillterWrapper = document.querySelector('.fillterWrapper')
-    advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('active')
-        fillterWrapper.classList.remove('hide')
-    })
-
-    const close = document.querySelector('.fa-times')
-    close.addEventListener('click', () => {
-        fillterWrapper.classList.remove('active')
-        fillterWrapper.classList.add('hide')
-    })
-
-</script>
-<!-- close landingPage -->
-<!-- // page conditions -->
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign dataToShow = site.data.[page.folderName][lang][file] %}
+
+<!-- starting landingPage -->
+<div class="pageHeaderBg">
+    <div class="container">
+        <div class="pageHeading text-center">
+            <h1 class="heading pb-0 m-0">
+                {{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="/result" id='form' method="GET">
+                    <input type="text" placeholder="Enter up to 15 letters?" class="txtBox" value name="search"
+                        maxlength="15" required>
+                    <input type="submit" class="serachBtn" id="serach" value>
+                    <div class="dictonaryDropdown">
+                        <select class="form-select select_dropDown2" name="dictonary"
+                            aria-label="Default select example">
+                            <option selected value="">Dictonary</option>
+                            <option value="twl06">TWL06 (US, Canada, Thailand)</option>
+                            <option value="sowpods">SOWPODS (Uk and Others)</option>
+                            <option value="wwf">Enable (Words With Friends)</option>
+                        </select>
+                    </div>
+
+                    <div class="wrapper_dropDown d-flex justify-content-end mt-5" 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">
+                        <div class="text-right times" style="cursor: pointer">
+                            <img src="../../assets/images/window-close.png" alt="" width="15px">
+
+                        </div>
+                        <div class="startsWith">
+                            <label for="startsWith">Starts With</label>
+                            <br>
+                            <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
+                        </div>
+                        <div class="mustInclude">
+                            <label for="mustInclude">Must Include </label>
+                            <br>
+                            <input type="text" id="mustInclude" placeholder="Contains" name="contains">
+
+                        </div>
+                        <div class="endsWith">
+                            <label for="endsWith">End With</label>
+                            <br>
+                            <input type="text" id="endsWith" placeholder="Suffix" name="suffix">
+
+                        </div>
+                        <div class="wordLength">
+                            <label for="wordLength">Word Length </label>
+                            <br>
+                            <input type="text" id="wordLength" placeholder="Length" name="length">
+                            <div style="margin-top: 1.2rem;">
+                                <input type="submit" value="Apply" class="btn-info w-100 text-white"
+                                    style="background: #BD67DD">
+                            </div>
+                        </div>
+
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    const advancedFilter = document.querySelector('.advancedFilter')
+    const fillterWrapper = document.querySelector('.fillterWrapper')
+    advancedFilter.addEventListener('click', () => {
+        fillterWrapper.classList.toggle('active')
+        fillterWrapper.classList.remove('hide')
+    })
+
+    const close = document.querySelector('.times')
+    close.addEventListener('click', () => {
+        fillterWrapper.classList.remove('active')
+        fillterWrapper.classList.add('hide')
+    })
+
+</script>