word-games-theme 1.8.4 → 1.8.6

data/_includes/header/index.html

@@ -1,97 +1,69 @@
-{% assign lang = page.lang %} {% assign dataToShow = site.data.header[lang].data
-%} {%- assign CustomColor = site.data.theme.colors -%}
+{% 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 navbar-dark"
-    style="background: {{CustomColor.navbarBg}}"
-  >
-    <a class="navbar-brand" href="/" title="{{dataToShow.tooltip}}">
-      <img
-        fetchpriority="high"
-        src="{{ site.favicon | relative_url }}"
-        alt="{{site.name}}"
-        style="width: 35px; height: 35px"
-      />
-    </a>
-    <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>
+    <nav class="navbar navbar-expand-lg navbar-dark" style="background: {{CustomColor.navbarBg}}">
+        <a class="navbar-brand" href="/" title="{{dataToShow.tooltip}}">
+            <img src="{{ site.favicon | relative_url }}" alt="{{site.name}}" style="width:35px; height:35px;">
+        </a>
+        <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>
 
-    {%- if site.MonumetricID -%}
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <div class="navbar-nav">
-        <div class="nav-item">
-          <a class="nav-link" href="/blog">Blog</a>
+        {%- if site.MonumetricID -%}
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <div class="navbar-nav">
+                <div class="nav-item">
+                    <a class="nav-link" href="/blog">Blog</a>
+                </div>
+                <div class="nav-item dropdown">
+                    <span class="nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
+                        More
+                    </span>
+                    {%- if dataToShow.megaMenu -%}
+                    <div class="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">{{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>
         </div>
-        <div class="nav-item dropdown">
-          <span
-            class="nav-link dropdown-toggle"
-            type="button"
-            id="dropdownMenuButton"
-            data-toggle="dropdown"
-          >
-            More
-          </span>
-          {%- if dataToShow.megaMenu -%}
-          <div
-            class="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">
-                {{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 -%}
+        {% else %}
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <div class="navbar-nav">
+                <li class="nav-item">
+                    <a class="nav-link" href="/blog">Blog</a>
+                </li>
+                <li class="nav-item dropdown">
+                    <span class="nav-link dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" role="button">
+                        More
+                    </span>
+                    <div class="top_tool_bar dropdown-menu" aria-labelledby="navbarDropdown">
+                        {% for item in dataToShow.more %}
+                        <a class="dropdown-item" href="{{item.url}}">
+                            {{item.name}}
+                        </a>
+                        {% endfor %}
+
+                    </div>
+                </li>
             </div>
-            {%- endfor -%}
-          </div>
-          {%- endif -%}
         </div>
-      </div>
-    </div>
-    {% else %}
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <div class="navbar-nav">
-        <li class="nav-item">
-          <a class="nav-link" href="/blog">Blog</a>
-        </li>
-        <li class="nav-item dropdown">
-          <span
-            class="nav-link dropdown-toggle"
-            id="dropdownMenuButton"
-            data-toggle="dropdown"
-            role="button"
-          >
-            More
-          </span>
-          <div
-            class="top_tool_bar dropdown-menu"
-            aria-labelledby="navbarDropdown"
-          >
-            {% for item in dataToShow.more %}
-            <a class="dropdown-item" href="{{item.url}}"> {{item.name}} </a>
-            {% endfor %}
-          </div>
-        </li>
-      </div>
-    </div>
-    {%- endif -%}
-  </nav>
-</header>
+        {%- endif -%}
+    </nav>
+</header>

data/_includes/howto.html

@@ -1,7 +1,7 @@
 {%- if dataToShow.HOW_TO_CONTENT -%}
 <section class="how-to-section">
     <div class="feature">
-        <p class="title mb-0">{{dataToShow.howto}}</p>
+        <p class="title mb-0">How to</p>
     </div>
     <div class="container">
         <div class="row pt-5 justify-content-center">

data/_includes/repeat-letters.html

@@ -2,32 +2,23 @@
 dataToShow = site.data.[page.folderName][lang][file] %} {%- assign CustomColor =
 site.data.theme.colors -%}
 
+<link rel="stylesheet" href="/assets/css/wordGroup.css">
+<style>
+  .pageHeaderBg {
+    margin-bottom: 0px;
+  }
+</style>
+
 <div class="pageHeaderBg">
-  <div class="container">
-    <!-- <div class="pageHeading text-center" style="margin: 22px 0px">
-      <h1 class="heading pb-0 mb-0">{{dataToShow.h1}}</h1>
-      <br />
-      {%- if dataToShow.h2 != "" -%}
-      <h2>{{dataToShow.h2}}</h2>
-      {%- endif -%} -->
-    <!-- </div> -->
-  </div>
+  <div class="container"></div>
   <div class="container-fluid" id="containerWd">
     <div class="serachSection">
       <div class="position-relative serachBox">
         <form action="" 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"
-            />
+            <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>
@@ -36,20 +27,11 @@ site.data.theme.colors -%}
               <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
             </div>
           </div>
-          <input
-            style="background-color: {{CustomColor.inputButtonBg}};"
-            type="submit"
-            class="serachBtn"
-            id="serach"
-            value=""
-          />
+          <input style="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"
-            >
+            <select class="form-select select_dropDown2" name="dictionary" aria-label="Default select example">
               <option value="Dictionary">Dictionary</option>
               <option value="twl06">TWL06 (US, Canada, Thailand)</option>
               <option selected value="sowpods">SOWPODS (Uk and Others)</option>
@@ -57,48 +39,19 @@ site.data.theme.colors -%}
             </select>
           </div>
 
-          <div
-            class="tab_link_wrapper"
-            style="position: relative; display: none"
-          >
+          <div class="tab_link_wrapper" style="position: relative; display: none">
             <div id="tab-scroll" class="tab-scroll flex-row">
-              <input
-                type="button"
-                name=""
-                id="prev"
-                class="prev tabsBg noOutline cursorPointer"
-                value=" "
-                style="display: none"
-              />
-              <div
-                id="tab-container"
-                class="search-container tab_container flex-row"
-              ></div>
-              <input
-                type="button"
-                name=""
-                id="next"
-                class="next tabsBg noOutline cursorPointer"
-                value=" "
-                style="display: none"
-              />
+              <input type="button" name="" id="prev" class="prev tabsBg noOutline cursorPointer" value=" "
+                style="display: none" />
+              <div id="tab-container" class="search-container tab_container flex-row"></div>
+              <input type="button" name="" id="next" class="next tabsBg noOutline cursorPointer" value=" "
+                style="display: none" />
             </div>
           </div>
-          <div
-            class="wrapper_dropDown d-flex justify-content-end"
-            style="gap: 15px"
-          >
-            <div
-              class="Advancedbtn"
-              style="position: relative; margin-top: 10px"
-              onclick="myFunction"
-            >
+          <div class="wrapper_dropDown d-flex justify-content-end" style="gap: 15px">
+            <div class="Advancedbtn" style="position: relative; margin-top: 10px" onclick="myFunction">
               <span class="filter_count" style="display: none"></span>
-              <input
-                type="button"
-                value="Advanced Filter"
-                class="filterButton"
-              />
+              <input type="button" value="Advanced Filter" class="filterButton" />
               <div class="angle-arrow"></div>
             </div>
 
@@ -116,125 +69,51 @@ site.data.theme.colors -%}
 
           <div id="fillterWrapper" class="fillterWrapper hide">
             <div class="text-right times" style="cursor: pointer">
-              <img
-                loading="lazy"
-                src="/assets/images/window-close.png"
-                alt="window-close-icon"
-                height="12px"
-                width="12px"
-              />
+              <img loading="lazy" src="/assets/images/window-close.png" alt="window-close-icon" height="12px"
+                width="12px" />
             </div>
             <div class="startsWith">
-              <label
-                data-toggle="tooltip"
-                data-placement="top"
-                title="Filter for words that starts with these letters"
-                for="startsWith"
-                >Starts With</label
-              >
+              <label data-toggle="tooltip" data-placement="top" title="Filter for words that starts with these letters"
+                for="startsWith">Starts With</label>
               <br />
-              <input
-                type="text"
-                id="startsWith"
-                placeholder="Prefix"
-                value=""
-                name="prefix"
-              />
+              <input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix" />
             </div>
             <div class="mustInclude">
-              <label
-                for="mustInclude"
-                data-toggle="tooltip"
-                data-placement="top"
-                title=" Words that contain letters in this order(ab)"
-                >Must Contains
+              <label for="mustInclude" data-toggle="tooltip" data-placement="top"
+                title=" Words that contain letters in this order(ab)">Must Contains
               </label>
               <br />
-              <input
-                type="text"
-                id="mustInclude"
-                placeholder="Contains"
-                name="contains"
-              />
+              <input type="text" id="mustInclude" placeholder="Contains" name="contains" />
             </div>
             <div class="endsWith">
-              <label
-                for="endsWith"
-                data-toggle="tooltip"
-                data-placement="top"
-                title="Filter for words that ends with these letters"
-                >End With</label
-              >
+              <label for="endsWith" data-toggle="tooltip" data-placement="top"
+                title="Filter for words that ends with these letters">End With</label>
               <br />
-              <input
-                type="text"
-                id="endsWith"
-                placeholder="Suffix"
-                name="suffix"
-              />
+              <input type="text" id="endsWith" placeholder="Suffix" name="suffix" />
             </div>
             <div class="exculdeWith">
-              <label
-                data-toggle="tooltip"
-                data-placement="top"
-                title="Only words that not contain the letters you enter here"
-                for="exculdeWith"
-                >Exculde</label
-              >
+              <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"
-                id="exculdeWith"
-                placeholder="Exculde"
-                value=""
-                name="exculde"
-              />
+              <input type="text" id="exculdeWith" placeholder="Exculde" value="" name="exculde" />
             </div>
             <div class="inculdeWith">
-              <label
-                data-toggle="tooltip"
-                data-placement="top"
-                title="Only words that contain the letters you enter here"
-                for="inculdeWith"
-                >Include</label
-              >
+              <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"
-                id="inculdeWith"
-                placeholder="Include"
-                value=""
-                name="include"
-              />
+              <input type="text" id="inculdeWith" placeholder="Include" value="" name="include" />
             </div>
             <div class="wordLength">
-              <label
-                data-toggle="tooltip"
-                data-placement="top"
-                title="Filter for words with this length"
-                for="wordLength"
-                >Word Length
+              <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length"
+                for="wordLength">Word Length
               </label>
               <br />
-              <input
-                type="text"
-                id="wordLength"
-                placeholder="Length"
-                name="length"
-              />
+              <input type="text" id="wordLength" placeholder="Length" name="length" />
               <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}};"
-                />
+                <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>
           </div>
@@ -251,21 +130,10 @@ site.data.theme.colors -%}
         <div class="wordCount"></div>
 
         <div class="filterSortedIcons">
-          <div
-            class="filter-icon"
-            onclick="myFunction()"
-            data-toggle="tooltip"
-            data-placement="top"
-            title="Filter"
-          >
+          <div class="filter-icon" onclick="myFunction()" data-toggle="tooltip" data-placement="top" title="Filter">
             <i class="bi bi-filter"></i>
           </div>
-          <div
-            class="sortup-icon"
-            data-toggle="tooltip"
-            data-placement="top"
-            title="Sort"
-          >
+          <div class="sortup-icon" data-toggle="tooltip" data-placement="top" title="Sort">
             <i class="bi bi-sort-up"></i>
           </div>
         </div>
@@ -282,10 +150,6 @@ site.data.theme.colors -%}
     </div>
   </div>
 </div>
-<link
-  rel="stylesheet"
-  href="{{ '/assets/css/advancedFilter.css' | relative_url }}"
-/>
 <script>
   const clearFilter = document.querySelector(".clearFilter");
 
@@ -320,4 +184,4 @@ site.data.theme.colors -%}
   close.addEventListener("click", () => {
     closeModal();
   });
-</script>
+</script>