word-games-theme 1.1.9 → 1.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe36b5d0a120a2e943e5b9fed18999aec7f35333e819831ead69920980ea69f0
-  data.tar.gz: 6132160c1c91429986c47fd27cb05639a95c123f2eef724495e98140d5e58db1
+  metadata.gz: 2ba461b64b2b6e663800468eb9d2d9be7e6028c3fd41284afe8e603a81684e6a
+  data.tar.gz: 685513c7884497a477dd24c4472f8374de4d7448c9238d86d3e2af849292730f
 SHA512:
-  metadata.gz: 437f3d4bb31f11473369b3615aba5b8f2d186c20f3458f8d5b22806c24113148c52fa3813052b314a20499d74071b57509d7eef1237cd48f32b5b6fa7e63693f
-  data.tar.gz: 1c35f8cdcf7add4847d552de0edf67f1820a2e2086744eef5becd62669d8e19a3fd5c3774e1e92e752ed59b7bcbf4dbe3a4258aefdee1fe44730a1243733b7ec
+  metadata.gz: 2d560ac8f4a765b73878c1dacdac033b049d73c63b35ffaf72f5629168fb900ec8a4c857d47ad34ab133f6e77f92634e459f125a900c361ccf8c417002347391
+  data.tar.gz: 66a70a6a0fcf24c90cc86247e7f377738fd4486bcf7d204c229a5410bbb9a6924ba328484c1897cdd6a8880f8c322584b8a788a4d1322b3b1108f9b1dedb4ba2

data/_data/wordgames/en/root.json

@@ -1,4 +1,6 @@
 {
+   "Language": "English",
+   "htmlLangAtt": "en",
    "title": "Word finders to help you find word with given letters.",
    "h1": "Enter letters to create words with letters!",
    "h2": "Enter the letters in input below",

data/_data/wordgames/en/word-game-generator-online.json

@@ -0,0 +1,58 @@
+{
+    "title": "Create your own wordle game, share with your friends and challenge them !",
+    "h1": "Choose a five letter word to create wordle game",
+    "h2": "Enter word and submit to get link to the game for sharing",
+    "meta": "Quickly create wordle game from your word for free and share with your friends.",
+    "featureNo": "02",
+    "feature_title": "Features",
+    "blogNo": "03",
+    "blog_title": "Blog",
+    "FaqNo": "04",
+    "Faq_title": "FAQ",
+    "aboutNo": "05",
+    "about_title": "About",
+    "featureList": [
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        },
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        },
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        },
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        },
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        },
+        {
+            "feature_heading": "",
+            "feature_text": "",
+            "fa_class": "../assets/images/star.svg"
+        }
+    ],
+    "faqList": [
+        {
+            "Question": "",
+            "Answer": ""
+        }
+    ],
+    "jsfilepaths": [
+        "/assets/js/createWordle.js"
+    ],
+    "cssfilepaths": [
+        "/assets/css/game.css"
+    ]
+}

data/_data/wordgames/en/word-game-play.json

@@ -0,0 +1,21 @@
+{
+    "title": "Make Your Own Wordle",
+    "h1": "",
+    "h2": "",
+    "meta": "Guess this wordle in 6 tries. You can also share with your friends and challenge them !",
+    "featureNo": "02",
+    "feature_title": "Features",
+    "blogNo": "03",
+    "blog_title": "Blog",
+    "FaqNo": "04",
+    "Faq_title": "FAQ",
+    "aboutNo": "05",
+    "about_title": "About",
+    "jsfilepaths": [
+        "/assets/js/game.js",
+        "/assets/js/confetti.js"
+    ],
+    "cssfilepaths": [
+        "/assets/css/game.css"
+    ]
+}

data/_data/wordgames/fr/four_letter_word_finder.json

@@ -1,6 +1,7 @@
 {
     "Language": "Français",
     "htmlLangAtt": "fr",
+    "homePage": "true",
     "filewords": {
         "name": "",
         "data": [

data/_data/wordgames/hi/four_letter_word_finder.json

@@ -1,6 +1,7 @@
 {
     "Language": "हिन्दी",
     "htmlLangAtt": "hi",
+    "homePage": "true",
     "filewords": {
         "name": "",
         "data": [

data/_includes/adBlocker/adBlocker.html

@@ -1,5 +1,5 @@
 {%- if site.show_allow_ad_blocker_pop and site.MonumetricID -%}
-<link rel="stylesheet" href="../../assets/css/adBlocker.css">
+<link rel="stylesheet" href="/assets/css/adBlocker.css">
 <div id="detect"></div>
 <div class="wrapper text-center">
     <div class="innerWrapper">
@@ -34,19 +34,19 @@
             <ul class="nav nav-tabs tablist" role="tablist">
                 <a class="nav-link nav-tab-link active" data-toggle="tab" href="#home" role="tab">
                     <li class="nav-item">
-                        <img class="ads_img" src="../../assets/images/adblock.svg" alt="AdBlock image">
+                        <img class="ads_img" src="/assets/images/adblock.svg" alt="AdBlock image">
                     </li>
                     AdBlock
                 </a>
                 <a class="nav-link nav-tab-link" data-toggle="tab" href="#adsblockPlus" role="tab">
                     <li class="nav-item">
-                        <img class="ads_img" src="../../assets/images/abp.svg" alt="Adblock Plus Image">
+                        <img class="ads_img" src="/assets/images/abp.svg" alt="Adblock Plus Image">
                     </li>
                     Adblock Plus
                 </a>
                 <a class="nav-link nav-tab-link" data-toggle="tab" href="#uBlock" role="tab">
                     <li class="nav-item">
-                        <img class="ads_img" src="../../assets/images/uo.svg" alt="uBlock image">
+                        <img class="ads_img" src="/assets/images/uo.svg" alt="uBlock image">
                     </li>
                     uBlock Origin
                 </a>
@@ -63,7 +63,7 @@
                 <div class="tab-pane active" id="home" role="tabpanel">
                     <ol class="listContainer">
                         <li class="listItem">Click the AdBlock icon
-                            <img class="ads-icon" src="../../assets/images/adblock.svg" alt="AdBlock image">
+                            <img class="ads-icon" src="/assets/images/adblock.svg" alt="AdBlock image">
                             in the browser extension area on the upper right-hand corner. (You may see a small number
                             covering
                             part of
@@ -82,7 +82,7 @@
                 <div class="tab-pane" id="adsblockPlus" role="tabpanel">
                     <ol class="listContainer">
                         <li class="listItem">Click the Adblock Plus icon
-                            <img class="ads-icon" src="../../assets/images/abp.svg" alt="Adblock Plus Image">
+                            <img class="ads-icon" src="/assets/images/abp.svg" alt="Adblock Plus Image">
                             in the browser extension area on the
                             upper right-hand corner. (You may see a small number covering part of the icon.)
                         </li>
@@ -96,7 +96,7 @@
                 <div class="tab-pane" id="uBlock" role="tabpanel">
                     <ol class="listContainer">
                         <li class="listItem">Click the uBlock Origin icon
-                            <img class="ads-icon" src="../../assets/images/uo.svg" alt="uBlock image"> in the browser
+                            <img class="ads-icon" src="/assets/images/uo.svg" alt="uBlock image"> in the browser
                             extension area on
                             the upper right-hand corner. (You may see a small number covering part of the icon.)
                         </li>

data/_includes/autogenerated/content.html

@@ -99,4 +99,4 @@
     </div>
 </div>
 
-<link rel="stylesheet" href="../../assets/css/content.css">
+<link rel="stylesheet" href="/assets/css/content.css">

data/_includes/footer/index.html

@@ -256,7 +256,7 @@
                                         </li>
                                         {%- else -%}
                                         <li class="language-drop-down-item">
-                                            {%- if dataFile.features -%}
+                                            {%- if dataFile.homePage -%}
                                             <a href="/">English</a>
                                             {%- else -%}
                                             <a href="/{{ page.permalink | split: '/' | last}}">English
@@ -280,7 +280,7 @@
                                         {%- else -%}
                                         <li class="language-drop-down-item ">
                                             {%- if page.permalink | split: '/' | last != item -%}
-                                            {%- if dataFile.features -%}
+                                            {%- if dataFile.homePage -%}
                                             <a href="/{{item}}">{{[item][1]}}
                                             </a>
                                             {%- else -%}

data/_includes/footer/unqFooter.html

@@ -134,7 +134,7 @@
                                                 {%- for i in matchurls -%}
                                                 {%- assign languagetext = [i] -%}
                                                 {%- if i== page.permalink -%}
-                                                <li class="language-drop-down-item font-weight-bold ">
+                                                <li class="language-drop-down-item font-weight-bold">
                                                     <a class="active-lang" href="/{{i}}">{{languagetext[1]}} <i
                                                             class="fas fa-check ml-auto "></i> </a>
                                                 </li>
@@ -220,7 +220,7 @@
                                                 </li>
                                                 {%- else -%}
                                                 <li class="language-drop-down-item">
-                                                    {%- if dataFile.features -%}
+                                                    {%- if dataFile.homePage -%}
                                                     <a href="/">English</a>
                                                     {%- else -%}
                                                     <a href="/{{ page.permalink | split: '/' | last}}">English
@@ -242,9 +242,9 @@
                                                     {%- endif -%}
                                                 </li>
                                                 {%- else -%}
-                                                <li class="language-drop-down-item ">
+                                                <li class="language-drop-down-item ram">
                                                     {%- if page.permalink | split: '/' | last != item -%}
-                                                    {%- if dataFile.features -%}
+                                                    {%- if dataFile.homePage -%}
                                                     <a href="/{{item}}">{{[item][1]}}
                                                     </a>
                                                     {%- else -%}

data/_includes/google-analytics.html

@@ -5,23 +5,7 @@
   window.dataLayer = window.dataLayer || [];
   function gtag() { dataLayer.push(arguments); }
   gtag('js', new Date());
-
   gtag('config', '{{ GA_ID }}');
-
-  (function (i, s, o, g, r, a, m) {
-    i['GoogleAnalyticsObject'] = r;
-    i[r] = i[r] || function () {
-      (i[r].q = i[r].q || []).push(arguments)
-    }, i[r].l = 1 * new Date();
-    a = s.createElement(o),
-      m = s.getElementsByTagName(o)[0];
-    a.async = 1;
-    a.src = g;
-    m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-  ga('create', '{{ GA_ID }}', 'auto')
-  ga('send', 'pageview')
-
 </script>
 {% endif %}
 
@@ -32,22 +16,7 @@
   window.dataLayer = window.dataLayer || [];
   function gtag() { dataLayer.push(arguments); }
   gtag('js', new Date());
-
   gtag('config', '{{ GA_ID }}');
-
-  (function (i, s, o, g, r, a, m) {
-    i['GoogleAnalyticsObject'] = r;
-    i[r] = i[r] || function () {
-      (i[r].q = i[r].q || []).push(arguments)
-    }, i[r].l = 1 * new Date();
-    a = s.createElement(o),
-      m = s.getElementsByTagName(o)[0];
-    a.async = 1;
-    a.src = g;
-    m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-  ga('create', '{{ GA_ID }}', 'auto')
-  ga('send', 'pageview')
 </script>
 
 {% endif %}

data/_includes/head/index.html

@@ -17,9 +17,9 @@
   {%- endif -%}
 
 
-  <link rel="manifest" href="./manifest.json">
+  <link rel="manifest" href="/manifest.json">
   <link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
-  <link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
   <link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
   <link rel="stylesheet" href="{{ '/assets/css/feature.css' | relative_url }}">
@@ -45,7 +45,7 @@
   <script>
     if ('serviceWorker' in navigator) {
       window.addEventListener('load', () => {
-        navigator.serviceWorker.register('./serviceworker.js')
+        navigator.serviceWorker.register('/serviceworker.js')
           .then((reg) => console.log('Success: ', reg.scope))
           .catch((err) => console.log('Failure: ', err));
       })

data/_includes/script.html

@@ -17,5 +17,5 @@
 {%- endfor -%}
 {%- endif -%}
 {%- if site.show_allow_ad_blocker_pop and site.MonumetricID -%}
-<script defer delay="../assets/js/adBlocker.js"></script>
+<script defer delay="/assets/js/adBlocker.js"></script>
 {%- endif -%}

data/_includes/section/commonPage.html

@@ -93,7 +93,7 @@
                         </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">
+                                <img src="/assets/images/window-close.png" alt="" width="15px">
 
                             </div>
                             <div class="startsWith same">
@@ -155,7 +155,8 @@
 <div class="container" id="containerWd">
     {%- if page.layout == "page2" -%}
 
-    <a id="home_page_search_result" onclick="ga('send', 'event', 'Link click', 'click', 'Home Page Search Result')"></a>
+    <a id="home_page_search_result"
+        onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Home Page Search Result'});"></a>
 
     {%- endif -%}
 

data/_includes/section/home.html

@@ -55,7 +55,7 @@
 
                     <div id="fillterWrapper" class="fillterWrapper">
                         <div class="text-right times" style="cursor: pointer">
-                            <img src="../../assets/images/window-close.png" alt="" width="15px">
+                            <img src="/assets/images/window-close.png" alt="" width="15px">
 
                         </div>
                         <div class="startsWith">

data/_includes/section/home2.html

@@ -53,7 +53,7 @@
                     </div>
                     <div class="fillterWrapper hide">
                         <div class="text-right times" style="cursor: pointer;">
-                            <img src="../../assets/images/window-close.png" alt="" width="15px">
+                            <img src="/assets/images/window-close.png" alt="" width="15px">
 
                         </div>
                         <div class="startsWith">
@@ -96,7 +96,8 @@
                 </form>
                 {%- if page.wordle == 'solver' -%}
                 <h2 class="m-0 mt-4 text-center" style="font-size:16px">
-                    <a style="color:#000" href="/wordle-solver">Solve wordle quickly using our wordle solver</a>
+                    <a onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Try Wordle Solver'});"
+                        style="color:#000" href="/wordle-solver">Solve wordle quickly using our wordle solver</a>
                 </h2>
                 {%- endif -%}
             </div>

data/_includes/word-game/word-game-generator-online.html

@@ -0,0 +1,41 @@
+<div class="row m-0">
+    <div class="col-md-6 mx-auto">
+        <div class="create-wordle text-center">
+            <div class="wordle-game-generator">
+                <div class="alert-container hide">
+                    <span id="errorMsg"></span>
+                </div>
+                <form id="create-wordle-form">
+                    <img src="/assets/images/wordle.png" alt="wordswithletters" style="width:35px; height:35px;">
+                    <h4 class="font-weight-bolder mt-4">Make your own wordle</h4>
+                    <input autocomplete="off" type="text" class="form-control custom-word"
+                        placeholder="Enter Up to 5 Letters?" name="custom-word" required maxlength="5">
+                    <button type="submit" class="btn generate-word-game-link">Generate Link</button>
+                    <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<div class="modal fade modalWrapper" id="exampleModal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header p-0">
+                <button type="button" class="close" data-dismiss="modal">
+                    <span class="times-icon">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body text-center" style="padding:5rem 0">
+                <h3 class="font-weight-bolder mb-4">Share this Word's Link</h3>
+                <div class="wordle-game-play-links">
+                    <a style="font-size: 13px;" class="wordle-game-link"></a>
+                    <br><br>
+                    <button type="button" class="btn copy-btn mt-2">Copy Link</button>
+                    <!-- <button type="button" class="btn btn-primary">Play Random Word</button> -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

data/_includes/word-game/word-game-play.html

@@ -0,0 +1,191 @@
+<div class="game">
+    <div class="game-container">
+        <div class="d-flex justify-content-center align-items-center">
+            <div style="padding-top:4px; cursor: pointer;" data-toggle="modal" data-target="#how-to-play-wordle">
+                <i style="font-size:20px" class="bi bi-question-circle"></i>
+            </div>
+            <h1 class="text-center font-weight-bolder mb-0 my-4">
+                <a class="word-generator-link" href="/word-game-generator-online"> Make your own wordle </a>
+            </h1>
+
+            <!-- <div data-toggle="modal" data-target="#exampleModal">
+                <i style="font-size:20px" class="bi bi-question-circle"></i>
+            </div> -->
+
+        </div>
+
+
+        <div class="alert-container hide">
+            <span id="errorMsg"></span>
+        </div>
+        <div class="game-board">
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+            <div class="tile"></div>
+        </div>
+        <div data-keyboard class="game-keyboard mt-3">
+            <div class="game-keyboard-row">
+                <button role="button" class="key-btn" data-key="Q">Q</button>
+                <button role="button" class="key-btn" data-key="W">W</button>
+                <button role="button" class="key-btn" data-key="E">E</button>
+                <button role="button" class="key-btn" data-key="R">R</button>
+                <button role="button" class="key-btn" data-key="T">T</button>
+                <button role="button" class="key-btn " data-key="Y">Y</button>
+                <button role="button" class="key-btn" data-key="U">U</button>
+                <button role="button" class="key-btn" data-key="I">I</button>
+                <button role="button" class="key-btn" data-key="O">O</button>
+                <button role="button" class="key-btn" data-key="P">P</button>
+            </div>
+            <div class="game-keyboard-row">
+                <button role="button" class="key-btn" data-key="A">A</button>
+                <button role="button" class="key-btn" data-key="S">S</button>
+                <button role="button" class="key-btn" data-key="D">D</button>
+                <button role="button" class="key-btn" data-key="F">F</button>
+                <button role="button" class="key-btn" data-key="G">G</button>
+                <button role="button" class="key-btn" data-key="H">H</button>
+                <button role="button" class="key-btn" data-key="J">J</button>
+                <button role="button" class="key-btn" data-key="K">K</button>
+                <button role="button" class="key-btn" data-key="L">L</button>
+            </div>
+            <div class="game-keyboard-row">
+                <button role="button" class="key-btn backspace" data-delete>⌫</button>
+                <button role="button" class="key-btn" data-key="Z">Z</button>
+                <button role="button" class="key-btn" data-key="X">X</button>
+                <button role="button" class="key-btn" data-key="C">C</button>
+                <button role="button" class="key-btn" data-key="V">V</button>
+                <button role="button" class="key-btn" data-key="B">B</button>
+                <button role="button" class="key-btn letter-absent" data-key="N">N</button>
+                <button role="button" class="key-btn" data-key="M">M</button>
+                <button role="button" class="key-btn enter" data-enter>Enter</button>
+            </div>
+
+        </div>
+        <span class="open-popup" data-toggle="modal" data-target="#exampleModal"></span>
+    </div>
+</div>
+
+<div class="modal fade modalWrapper" id="exampleModal">
+    <div class="modal-dialog" style="max-width:400px">
+        <div class="modal-content">
+            <div class="modal-header p-2" style="background-color: #f8f9fa;">
+                <div class="gameResult"></div>
+                <button type="button" class="close" style="position: absolute; right: 0; top:-3px;"
+                    data-dismiss="modal">
+                    <span class="times-icon">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body text-center" style="padding:2rem  0px  4rem 0">
+                <!-- <div class="iconWinLose tick"></div> -->
+                <div class="result-content">
+                    <span id="answer" style="font-size: 20px;">You guessed the word</span>
+                    <div id="result-guess-word" class="guess-word"></div>
+                </div>
+                <div class="wordle-game-play-links pt-4" style="padding:0 30px">
+                    <a class="wordle-game-restart" href="/word-game-generator-online">
+                        RESTART
+                    </a>
+                    <a class="wordle-game-share-link wordle-game-button font-weight-bolder">
+                        <img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
+                        Share this Wordle Link</a>
+                    <a class="wordle-game-copy-link wordle-game-button">
+                        <img src="/assets/images/copy.svg" alt="copy-link" style="width:20px; margin:0px 5px;">
+                        Challenge a friend to this word</a>
+
+                </div>
+
+                <div class="pt-4" style="font-size: 14px;">Share it with your friends</div>
+                <div class="social-sharing-icons d-flex">
+                    <a class="facebook-share-link" target="_blank">
+                        <img class="share-icon" src="/assets/images/facebooks.svg" alt="facebook-share">
+                    </a>
+                    <a class="twitter-share-link" target="_blank">
+                        <img class="share-icon" src="/assets/images/twitters.svg" alt="twitter-share">
+                    </a>
+
+                    <a class="whatsapp-share-link" data-action="share/whatsapp/share" target="_blank"><img
+                            class="share-icon" src="/assets/images/whatsapp.svg" alt="whatsapp-share"> </a>
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<div class="modal fade" id="how-to-play-wordle" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog wordletip" style="top:20px !important">
+        <div class="modal-content">
+            <div class="modal-header px-4 p-2">
+                <h5 class="modal-title" id="exampleModalLabel">How to Play</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body p-2 px-4 py-4" style="font-size: 12px;">
+                <p>Guess the <strong>WORDLE</strong> in six tries.</p>
+                <p>Each guess must be a valid five-letter word. Hit the enter button to submit.</p>
+                <p>After each guess, the color of the tiles will change to show how close your guess was to the
+                    word.</p>
+                <div id="wordle-examples">
+                    <p><strong>Examples</strong></p>
+                    <p><span class="wordle-game-spot wordle-game-correct" title="W"></span><span
+                            class="wordle-game-spot" title="E"></span><span class="wordle-game-spot"
+                            title="A"></span><span class="wordle-game-spot" title="R"></span><span
+                            class="wordle-game-spot" title="Y"></span></p>
+                    <p>The letter <strong>W</strong> is in the word and in the correct spot.</p>
+                    <p><span class="wordle-game-spot" title="P"></span><span
+                            class="wordle-game-spot wordle-game-present" title="I"></span><span class="wordle-game-spot"
+                            title="L"></span><span class="wordle-game-spot" title="L"></span><span
+                            class="wordle-game-spot" title="S"></span></p>
+                    <p>The letter <strong>I</strong> is in the word but in the wrong spot.</p>
+                    <p><span class="wordle-game-spot" title="V"></span><span class="wordle-game-spot"
+                            title="A"></span><span class="wordle-game-spot" title="G"></span><span
+                            class="wordle-game-spot wordle-game-absent" title="U"></span><span class="wordle-game-spot"
+                            title="E"></span></p>
+                    <p>The letter <strong>U</strong> is not in the word in any spot.</p>
+                </div>
+                <p>A new WORDLE can make easily yourself any time! </p>
+
+                <div class="wordl_ani">
+                    <a style="background: #007bff;
+                    color: #fff;
+                    text-decoration: underline;
+                    padding: 14px 15px;
+                    border-radius: 5px;
+                    display: block;
+                    width: 170px;" href="/word-game-generator-online"> Make your own wordle </a>
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>

data/_includes/wordfinderstrategy/content.html

@@ -154,7 +154,7 @@
         </div>
     </div>
 
-    <link rel="stylesheet" href="../../assets/css/content.css">
+    <link rel="stylesheet" href="/assets/css/content.css">
 
 
     {%- include Rating/rating.html -%}

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

@@ -3,6 +3,17 @@
         <div class="col-md-10 mx-auto ws">
             <div style="font-size: 15px;" class="alert errMessage" role="alert"></div>
             <form name="verify" class="forms_data">
+
+                <a href="/word-game-generator-online"
+                    onclick="gtag('event', 'click', {'event_category': 'Link click', 'event_label': 'Make Your Own Wordle'});"
+                    class="createWordleLink text-white">
+
+                    <span class="text-white">
+                        Make Your Own Wordle
+                    </span>
+
+                </a>
+
                 <div class="form-group">
                     <label for="greenLetters" class="my-1 p-0 wordleSolver-label">Enter green letters at correct
                         position</label>
@@ -128,4 +139,4 @@
         }
     }
 </script>
-<script defer src="../assets/js/wordleSolver.js"></script>
+<script defer src="/assets/js/wordleSolver.js"></script>