word-games-theme 3.3.5 → 3.3.7

data/_includes/home/footer.html

@@ -0,0 +1,212 @@
+{%- assign lang = page.lang -%}
+{%- assign dataToShow = site.data.footer[lang].data -%}
+{%- assign networksitesData = site.data.footer.networksites -%}
+{%- assign ft = site.data.home_sections.labels.footer -%}
+{%- include languages/languages.html -%}
+{%- assign dataFile = site.data[folder][lang][file] -%}
+<footer class="wg-footer">
+  <div class="wg-footer__inner">
+    <div class="wg-footer__brand">
+      <a href="/" aria-label="{{ site.siteName }}">{%- include home/logo.html -%}</a>
+      <p>{{ ft.tagline }}</p>
+      <div class="wg-footer__social">
+        {%- for s in dataToShow.social -%}<a href="{{ s.url }}" rel="noopener" target="_blank" aria-label="{{ s.title }}"><img src="{{ s.icon }}" alt="" width="20" height="20" loading="lazy"></a>{%- endfor -%}
+      </div>
+    </div>
+    {%- if dataToShow.dailyGames -%}
+    <div class="wg-footer__col"><h3>{{ dataToShow.dailyGamesTitle | default: 'Daily Answers' }}</h3>{%- for g in dataToShow.dailyGames -%}<a href="{{ g.url }}">{{ g.name }}</a>{%- endfor -%}</div>
+    {%- endif -%}
+    <div class="wg-footer__col"><h3>{{ dataToShow.wordFindersTitle | default: 'Word Finders' }}</h3>{%- for t in dataToShow.wordFinders -%}<a href="{{ t.url }}">{{ t.name }}</a>{%- endfor -%}
+      {%- if dataToShow.languages -%}<h3 class="wg-footer__sub">{{ dataToShow.languagesTitle | default: 'Other Languages' }}</h3>{%- for t in dataToShow.languages -%}<a href="{{ t.url }}">{{ t.name }}</a>{%- endfor -%}{%- endif -%}</div>
+    {%- if dataToShow.productTools -%}
+    <div class="wg-footer__col"><h3>{{ dataToShow.producttitle | default: 'Tools' }}</h3>{%- for t in dataToShow.productTools -%}<a href="{{ t.url }}">{{ t.name }}</a>{%- endfor -%}</div>
+    {%- endif -%}
+    <div class="wg-footer__col"><h3>{{ dataToShow.companytitle | default: 'About' }}</h3>{%- for c in dataToShow.company -%}<a href="{{ c.url }}">{{ c.name }}</a>{%- endfor -%}{%- if dataToShow.blog -%}<a href="{{ dataToShow.blog.url }}">{{ dataToShow.blog.name }}</a>{%- endif -%}
+      <h3 class="wg-footer__sub">{{ dataToShow.networksitestitle | default: 'Network sites' }}</h3>{%- for n in networksitesData.networkSites -%}<a href="{{ n.url }}" rel="noopener">{{ n.name }}</a>{%- endfor -%}</div>
+  </div>
+</footer>
+<div class="footer-bottom d-flex gap-5 copyright-text my-3 bg-white txt-black text-center">
+    <p class="mb-0">
+        {{dataToShow.messege}}
+    </p>
+    {%- if site.internationalization -%}
+    <center>
+        <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal"
+            data-target="#staticBackdrop">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+                <path
+                    d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM11.619 15.428L8.57155 15.4289C8.9774 16.7012 9.60471 17.924 10.4358 19.0678C10.8198 19.1532 11.2151 19.2073 11.6191 19.2282L11.619 15.428ZM15.4284 15.4289L12.38 15.428L12.3809 19.2282C12.7849 19.2073 13.1802 19.1532 13.5641 19.0687C14.3953 17.924 15.0226 16.7012 15.4284 15.4289ZM18.3762 15.4285L16.0984 15.4284C15.7811 16.5746 15.31 17.6754 14.703 18.7169C16.2768 18.0829 17.5774 16.9109 18.3762 15.4285ZM7.90159 15.4284L5.62381 15.4285C6.42258 16.9109 7.72324 18.0829 9.29827 18.717C8.69002 17.6754 8.21891 16.5746 7.90159 15.4284ZM7.4355 12.3803L4.77175 12.3809C4.81342 13.1846 4.98617 13.9535 5.26904 14.6669L7.71488 14.6666C7.55555 13.9205 7.46086 13.1572 7.4355 12.3803ZM15.9653 12.3808L12.38 12.38V14.666L15.6434 14.6671C15.8277 13.9178 15.9362 13.1537 15.9653 12.3808ZM19.2282 12.3809L16.5645 12.3803C16.5391 13.1572 16.4444 13.9205 16.2851 14.6666L18.731 14.6669C19.0138 13.9535 19.1866 13.1846 19.2282 12.3809ZM11.619 12.38L8.03469 12.3808C8.06384 13.1537 8.17229 13.9178 8.35656 14.6671L11.619 14.666V12.38ZM7.78068 8.95226L5.43294 8.95224C5.05284 9.76985 4.82095 10.6703 4.77175 11.6191L7.4329 11.6194C7.45634 10.71 7.57476 9.81899 7.78068 8.95226ZM15.5678 8.95239L12.38 8.952V11.619H15.968L15.9673 11.5875C15.9382 10.6945 15.8033 9.81313 15.5678 8.95239ZM18.5671 8.95224L16.2193 8.95226C16.4252 9.81899 16.5437 10.71 16.5671 11.6194L19.2282 11.6191C19.1791 10.6703 18.9472 9.76985 18.5671 8.95224ZM11.619 8.952L8.43217 8.95239C8.16446 9.93108 8.02667 10.9364 8.02667 11.9553L8.031 11.619H11.619V8.952ZM9.22964 5.31048L9.02453 5.39982C7.70745 5.99451 6.60023 6.97185 5.84458 8.19011L7.98594 8.19044C8.28727 7.19147 8.70587 6.2283 9.22964 5.31048ZM12.3809 4.77175L12.38 8.19L15.3312 8.18991C14.9387 7.06132 14.371 5.97399 13.6406 4.949C13.2322 4.85405 12.8116 4.79408 12.3809 4.77175ZM14.7693 5.31058L14.9321 5.60148C15.3809 6.43124 15.7444 7.2965 16.0141 8.19044L18.1554 8.19011C17.3607 6.9088 16.177 5.89399 14.7693 5.31058ZM10.5701 4.90311L10.3594 4.949C9.629 5.97399 9.06128 7.06132 8.66884 8.18991L11.619 8.19L11.6191 4.77175C11.262 4.79027 10.9117 4.83467 10.5701 4.90311Z">
+                </path>
+            </svg> {%- for item in site.pages -%}
+            {%- assign languagetext = [item.lang] -%}
+            {%- assign pagelink = page.permalink | split: "/" | last-%}
+            {%- assign itemlink = item.permalink | split: "/" | last-%}
+            {%- if pagelink == itemlink and page.lang == item.lang and page.permalink == item.permalink
+            -%}
+            {{languagetext[1]}}
+            {%- endif -%}
+            {%- endfor -%}
+        </button>
+    </center>
+    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
+        aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog ">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
+                    </h5>
+                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body px-md-5">
+                    <ul class="language-drop-down-menu">
+                        {%- if page.permalink == nil -%}
+                        <!-- <li class="language-drop-down-item font-weight-bold "> -->
+                        <a class="language-drop-down-item  active-lang" href="/">English
+                            <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                        <!-- </li> -->
+                        {%- for i in matchurls -%}
+                        {%- for checklang in site.pages -%}
+                        {%- if checklang.permalink == i -%}
+                        {%- assign languagetext = [i] -%}
+                        <!-- <li class="language-drop-down-item"> -->
+                        <a href="/{{i}}">{{languagetext[1]}}</a>
+                        <!-- </li> -->
+                        {%- endif -%}
+                        {%- endfor -%}
+
+                        {%- endfor -%}
+                        {%- else -%}
+
+                        {%- if matchurls contains page.permalink -%}
+                        <!-- <li class="language-drop-down-item"> -->
+                        <a href="/">English </a>
+                        <!-- </li> -->
+                        {%- for i in matchurls -%}
+                        {%- assign languagetext = [i] -%}
+                        {%- if i== page.permalink -%}
+                        <!-- <li class="language-drop-down-item font-weight-bold "> -->
+                        <a class="language-drop-down-item  active-lang" href="/{{i}}">{{languagetext[1]}}
+                            <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                        <!-- </li> -->
+                        {%- else -%}
+                        {%- for checklang in site.pages -%}
+                        {%- if checklang.permalink == i -%}
+                        {%- assign languagetext = [i] -%}
+                        <!-- <li class="language-drop-down-item"> -->
+                        <a href="/{{i}}">{{languagetext[1]}}</a>
+                        <!-- </li> -->
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- else -%}
+                        {%- for item in site.pages -%}
+                        {%- assign languagetext = [item.lang] -%}
+                        {%- assign pagelink = page.permalink | split: "/" | last-%}
+                        {%- assign itemlink = item.permalink | split: "/" | last-%}
+                        {%- if pagelink == itemlink and page.lang != item.lang and page.permalink !=
+                        item.permalink -%}
+                        <!-- <li class="language-drop-down-item"> -->
+                        <a href="{{item.permalink}}">{{languagetext[1]}} </a>
+                        <!-- </li> -->
+                        {%- endif -%}
+                        {%- if pagelink == itemlink and page.lang == item.lang -%}
+                        <!-- <li class="language-drop-down-item font-weight-bold "> -->
+                        <a class="language-drop-down-item  active-lang" href="{{item.permalink}}">{{languagetext[1]}}
+                            <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img>
+                        </a>
+                        <!-- </li> -->
+                        {%- endif -%}
+                        {%- endfor -%}
+                        {%- endif -%}
+                        {%- endif -%}
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+    {%- if page.nointernationalization -%}
+    <div></div>
+    {%- else -%}
+    {%- if site.internationalizationall -%}
+    
+    <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal" data-target="#staticBackdrop">
+        <img loading="lazy" width="30" height="30" src="/assets/images/langauge.svg" alt="Languages"> {{dataFile.Language}}
+    </button>
+
+    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
+        aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog ">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
+                    </h5>
+                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body language-drop-down-menu p-3">
+                    {%- for item in matchurls -%}
+                    {%- if item != 'zh-TW' -%}
+                    {%- if item == 'en'-%}
+                    {%- if dataFile.htmlLangAtt == item -%}
+                    <a class="language-drop-down-item active-lang" href="{{ page.permalink}}">English
+                        <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img>
+                    </a>
+                    {%- else -%}
+
+                    {%- if dataFile.homePage -%}
+                    <a class="language-drop-down-item" href="/">English</a>
+                    {%- else -%}
+                    <a class="language-drop-down-item" href="/{{ page.permalink | split: '/' | last}}">English
+                    </a>
+                    {%- endif -%}
+
+
+                    {%- endif -%}
+
+                    {%- else -%}
+                    {%- if dataFile.htmlLangAtt == item -%}
+
+                    {%- if page.permalink | split: '/' | last != item -%}
+                    <a class="language-drop-down-item active-lang" href="{{ page.permalink}}">{{[item][1]}}
+                        <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img>
+                    </a>
+                    {%- else -%}
+                    <a class="language-drop-down-item  active-lang" href="/{{item}}">{{[item][1]}}
+                        <img loading="lazy" src="/assets/images/check.svg" width="18px" height="18px" alt="check"></img> </a>
+                    {%- endif -%}
+
+                    {%- else -%}
+
+                    {%- if page.permalink | split: '/' | last != item -%}
+                    {%- if dataFile.homePage -%}
+                    <a class="language-drop-down-item" href="/{{item}}">{{[item][1]}}
+                    </a>
+                    {%- else -%}
+                    <a class="language-drop-down-item"
+                        href="/{{item}}/{{ page.permalink | split: '/' | last}}">{{[item][1]}}
+                    </a>
+                    {%- endif -%}
+
+                    {%- else -%}
+                    <a class="language-drop-down-item" href="/{{item}}">{{[item][1]}}
+                    </a>
+                    {%- endif -%}
+                    {%- endif -%}
+                    {%- endif -%}
+                    {%- endif -%}
+                    {%- endfor -%}
+
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+    {%- endif -%}
+    {%- endif -%}
+</div>

data/_includes/home/game-art.html

@@ -0,0 +1,18 @@
+{%- comment -%}Coloured game artwork (48x48). Usage: include home/game-art.html name="wordle"{%- endcomment -%}
+<svg class="wg-art" viewBox="0 0 48 48" width="48" height="48" aria-hidden="true" focusable="false">
+{%- case include.name -%}
+{%- when 'wordle' -%}<rect x="5" y="9" width="11" height="11" rx="2.5" fill="#6aaa64"/><rect x="18.5" y="9" width="11" height="11" rx="2.5" fill="#c9b458"/><rect x="32" y="9" width="11" height="11" rx="2.5" fill="#787c7e"/><rect x="5" y="23" width="11" height="11" rx="2.5" fill="#6aaa64"/><rect x="18.5" y="23" width="11" height="11" rx="2.5" fill="#6aaa64"/><rect x="32" y="23" width="11" height="11" rx="2.5" fill="#c9b458"/><rect x="5" y="37" width="38" height="4" rx="2" fill="#d3d6da"/>
+{%- when 'connections' -%}<rect x="5" y="5" width="18" height="18" rx="4" fill="#f9df6d"/><rect x="25" y="5" width="18" height="18" rx="4" fill="#a0c35a"/><rect x="5" y="25" width="18" height="18" rx="4" fill="#b0c4ef"/><rect x="25" y="25" width="18" height="18" rx="4" fill="#ba81c5"/>
+{%- when 'spellingbee' -%}<path d="M24 4l9 5.2v10.4L24 24.8l-9-5.2V9.2z" fill="#f7da21"/><path d="M14.5 21l9 5.2v10.4l-9 5.2-9-5.2V26.2z" fill="#e6e6e6"/><path d="M33.5 21l9 5.2v10.4l-9 5.2-9-5.2V26.2z" fill="#e6e6e6"/><text x="24" y="19" text-anchor="middle" font-size="10" font-weight="900" fill="#1e1b2e" font-family="Arial,sans-serif">B</text>
+{%- when 'strands' -%}<rect x="4" y="4" width="40" height="40" rx="8" fill="#e8f3fb"/><path d="M13 13 L24 24 L35 13 M24 24 L24 36" stroke="#5ab0e6" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M13 35 L35 35" stroke="#f5c84c" stroke-width="7" stroke-linecap="round"/><g fill="#1e1b2e"><circle cx="13" cy="13" r="2.4"/><circle cx="24" cy="24" r="2.4"/><circle cx="35" cy="13" r="2.4"/><circle cx="24" cy="35" r="2.4"/><circle cx="13" cy="35" r="2.4"/><circle cx="35" cy="35" r="2.4"/></g>
+{%- when 'pips' -%}<rect x="6" y="9" width="36" height="17" rx="4" fill="#fff" stroke="#1e1b2e" stroke-width="2.5"/><path d="M24 9v17" stroke="#1e1b2e" stroke-width="2.5"/><g fill="#e11d48"><circle cx="13" cy="14" r="2.2"/><circle cx="17.5" cy="21" r="2.2"/><circle cx="30" cy="17.5" r="2.2"/><circle cx="36" cy="14" r="2.2"/><circle cx="36" cy="21" r="2.2"/></g><rect x="10" y="30" width="28" height="11" rx="3" fill="#fbbf24"/><rect x="24" y="30" width="14" height="11" rx="3" fill="#a855f7"/>
+{%- when 'sudoku' -%}<rect x="5" y="5" width="38" height="38" rx="6" fill="#fff" stroke="#4f46e5" stroke-width="2.5"/><path d="M17.7 5v38M30.3 5v38M5 17.7h38M5 30.3h38" stroke="#c7d2fe" stroke-width="2"/><g font-family="Arial,sans-serif" font-weight="900" font-size="9" text-anchor="middle"><text x="11.3" y="14.6" fill="#4f46e5">5</text><text x="24" y="27.2" fill="#4f46e5">3</text><text x="36.6" y="39.8" fill="#e11d48">9</text><text x="36.6" y="14.6" fill="#1e1b2e">1</text><text x="11.3" y="39.8" fill="#1e1b2e">7</text></g>
+{%- when 'queens' -%}<rect x="5" y="5" width="19" height="19" fill="#bfa4f5"/><rect x="24" y="5" width="19" height="19" fill="#f8c78d"/><rect x="5" y="24" width="19" height="19" fill="#9fd6a7"/><rect x="24" y="24" width="19" height="19" fill="#9bc4f6"/><rect x="5" y="5" width="38" height="38" rx="6" fill="none" stroke="#1e1b2e" stroke-width="2.5"/><path transform="translate(8 10)" d="M0 9 L1.3 2 L4.3 5 L6.5 0 L8.7 5 L11.7 2 L13 9 Z" fill="#1e1b2e"/><path transform="translate(27 29)" d="M0 9 L1.3 2 L4.3 5 L6.5 0 L8.7 5 L11.7 2 L13 9 Z" fill="#1e1b2e"/>
+{%- when 'tango' -%}<circle cx="15" cy="17" r="8" fill="#fbbf24"/><g stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"><path d="M15 4v2.5M15 27.5V30M2 17h2.5M25.5 17H28M5.8 7.8l1.8 1.8M22.4 24.4l1.8 1.8M5.8 26.2l1.8-1.8M22.4 9.6l1.8-1.8"/></g><path d="M38 28a9 9 0 1 1-9.5-12A7 7 0 0 0 38 28z" fill="#3b82f6" transform="translate(2 8)"/>
+{%- when 'zip' -%}<path d="M12 12 H36 V24 H12 V36 H36" fill="none" stroke="#f97316" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><g font-family="Arial,sans-serif" font-weight="900" font-size="9" text-anchor="middle" fill="#fff"><circle cx="12" cy="12" r="7" fill="#1e1b2e"/><text x="12" y="15.2">1</text><circle cx="36" cy="24" r="7" fill="#1e1b2e"/><text x="36" y="27.2">2</text><circle cx="36" cy="36" r="7" fill="#1e1b2e"/><text x="36" y="39.2">3</text></g>
+{%- when 'minisudoku' -%}<rect x="6" y="6" width="36" height="36" rx="6" fill="#fff" stroke="#0d9488" stroke-width="2.5"/><path d="M18 6v36M30 6v36M6 24h36" stroke="#99f6e4" stroke-width="2"/><g font-family="Arial,sans-serif" font-weight="900" font-size="10" text-anchor="middle"><text x="12" y="19" fill="#0d9488">2</text><text x="24" y="37" fill="#0d9488">6</text><text x="36" y="19" fill="#1e1b2e">4</text></g>
+{%- when 'crossword' -%}<rect x="5" y="5" width="38" height="38" rx="5" fill="#fff" stroke="#1e1b2e" stroke-width="2.5"/><g fill="#1e1b2e"><rect x="5" y="5" width="12.7" height="12.7"/><rect x="30.3" y="30.3" width="12.7" height="12.7"/><rect x="30.3" y="5" width="12.7" height="12.7" opacity="0"/></g><path d="M17.7 5v38M30.3 5v38M5 17.7h38M5 30.3h38" stroke="#1e1b2e" stroke-width="1.6"/><rect x="17.7" y="17.7" width="25.3" height="12.6" fill="#fde68a" opacity=".85"/><g font-family="Arial,sans-serif" font-weight="900" font-size="8" fill="#1e1b2e" text-anchor="middle"><text x="24" y="27">U</text><text x="36.6" y="27">P</text></g>
+{%- when 'wordsearch' -%}<rect x="5" y="5" width="38" height="38" rx="6" fill="#fff"/><g font-family="Arial,sans-serif" font-weight="800" font-size="8" fill="#6b7280" text-anchor="middle"><text x="12" y="15">K</text><text x="24" y="15">W</text><text x="36" y="15">E</text><text x="12" y="27">P</text><text x="24" y="27">O</text><text x="36" y="27">A</text><text x="12" y="39">R</text><text x="24" y="39">D</text><text x="36" y="39">T</text></g><path d="M9 12 L39 40" stroke="#ec4899" stroke-width="7" stroke-linecap="round" opacity=".35"/><circle cx="31" cy="31" r="7" fill="none" stroke="#1e1b2e" stroke-width="3"/><path d="m36 36 6 6" stroke="#1e1b2e" stroke-width="3.5" stroke-linecap="round"/>
+{%- else -%}<circle cx="24" cy="24" r="14" fill="#a78bfa"/>
+{%- endcase -%}
+</svg>

data/_includes/home/game-cards.html

@@ -0,0 +1,22 @@
+{%- assign sec = site.data.home_sections -%}
+{%- assign today = site.time | date: "%b %-d" -%}
+<section class="wg-section" id="games" aria-label="Daily puzzle hints and answers">
+  {%- for grp in sec.puzzle_groups -%}
+  <div class="wg-group" id="{{ grp.id }}">
+    <div class="wg-section__head"><div><h2{% if forloop.first %} id="h-games"{% endif %}>{{ grp.title }}</h2>{%- if grp.desc -%}<p>{{ grp.desc }}</p>{%- endif -%}</div></div>
+    <div class="wg-grid {% if grp.items.size == 4 %}wg-grid--4{% elsif grp.items.size == 6 %}wg-grid--4 wg-grid--4x6{% else %}wg-grid--3{% endif %}">
+      {%- for g in grp.items -%}
+      <article class="wg-game{% if forloop.first %} wg-game--featured{% endif %}">
+        <div class="wg-game__thumb" style="--c1:{{ g.c1 }};--c2:{{ g.c2 }}" aria-hidden="true"><span class="wg-game__icon{% if g.art %} wg-game__icon--art{% endif %}">{%- if g.art -%}{%- include home/game-art.html name=g.art -%}{%- else -%}{%- include home/icon.html name=g.icon -%}{%- endif -%}</span>{%- if forloop.first -%}<span class="wg-game__ribbon">Most popular</span>{%- endif -%}</div>
+        <div class="wg-game__body">
+          <div class="wg-game__meta"><span class="wg-badge">{{ g.tag }}</span>{%- if g.tag == "Daily" -%}<time class="wg-game__date" datetime="{{ site.time | date: '%Y-%m-%d' }}">Updated {{ today }}</time>{%- endif -%}</div>
+          <h4>{{ g.name }}</h4>
+          <p>{{ g.tagline }}</p>
+          <a class="wg-btn wg-btn--ghost wg-game__link" href="{{ g.url }}" aria-label="{% if g.tag == 'Unlimited' %}Play{% else %}Open{% endif %} {{ g.name }}">{% if g.tag == 'Unlimited' %}Play{% else %}Open{% endif %} <span aria-hidden="true">&rarr;</span></a>
+        </div>
+      </article>
+      {%- endfor -%}
+    </div>
+  </div>
+  {%- endfor -%}
+</section>

data/_includes/home/header.html

@@ -0,0 +1,82 @@
+{%- comment -%} Menus, links and labels come from _data/home_navbar.json (one object per top-level menu). {%- endcomment -%}
+{%- assign menus = site.data.home_navbar -%}
+{%- assign today = site.time | date: "%b %-d" -%}
+<header class="wg-header" id="header">
+  <div class="wg-header__bar">
+    <button id="button-toggle" class="navbar-toggler wg-burger" type="button" aria-label="Open menu"
+      aria-controls="navbarSupportedContent" aria-expanded="false">
+      <img src="/assets/images/hamburger-menu.svg" alt="" width="24" height="24">
+    </button>
+
+    <a id="home-link" class="wg-logo" href="/" title="{{ site.siteName }}">
+      {%- include home/logo.html -%}
+    </a>
+
+    <div id="navbarSupportedContent" class="wg-nav">
+      <nav class="wg-menu" aria-label="Primary">
+        <ul class="wg-menu__list">
+          {%- for menu in menus -%}
+          {%- if menu.columns -%}
+          <li class="wg-menu__item">
+            <button class="wg-menu__btn" type="button" aria-expanded="false" aria-controls="{{ menu.id }}">{{ menu.label }}</button>
+            <div class="wg-mega" id="{{ menu.id }}">
+              <div class="wg-mega__inner wg-mega__inner--{{ menu.variant }}">
+                {%- for col in menu.columns -%}
+                <div class="wg-mega__col">
+                  <p class="wg-mega__title">{{ col.title }}</p>
+                  {%- case col.type -%}
+                  {%- when "cards" -%}
+                  <div class="wg-mega__cards">
+                    {%- for l in col.links -%}
+                    <a class="wg-mega__card" href="{{ l.url }}"><b>{{ l.name }}</b><small>{{ l.desc }}</small></a>
+                    {%- endfor -%}
+                  </div>
+                  {%- when "links" -%}
+                  {%- for l in col.links -%}<a class="wg-mega__link" href="{{ l.url }}">{{ l.name }}</a>{%- endfor -%}
+                  {%- when "nums" -%}
+                  <div class="wg-mega__nums">
+                    {%- for l in col.links -%}<a href="{{ l.url }}" aria-label="{{ l.n }} letter words"><b>{{ l.n }}</b><small>{{ col.unit }}</small></a>{%- endfor -%}
+                  </div>
+                  {%- if col.more -%}<a class="wg-mega__more" href="{{ col.more.url }}">{{ col.more.name }} &rarr;</a>{%- endif -%}
+                  {%- when "games" -%}
+                  <div class="wg-mega__games{% if col.grid %} wg-mega__games--{{ col.grid }}{% endif %}">
+                    {%- for l in col.links -%}
+                    {%- if l.sub -%}
+                    {%- assign sub = l.sub -%}
+                    {%- else -%}
+                    {%- assign sub = col.updated_label | append: " " | append: today -%}
+                    {%- endif -%}
+                    <a class="wg-mega__game" href="{{ l.url }}"{% if l.tab %} data-cross-tab="{{ l.tab }}"{% endif %}>
+                      {%- if l.icon -%}
+                      <span class="wg-mega__art wg-mega__art--ico" aria-hidden="true">{%- include home/icon.html name=l.icon -%}</span>
+                      {%- else -%}
+                      <span class="wg-mega__art" aria-hidden="true">{%- include home/game-art.html name=l.art -%}</span>
+                      {%- endif -%}
+                      <span><b>{{ l.name }}</b><small>{{ sub }}</small></span></a>
+                    {%- endfor -%}
+                  </div>
+                  {%- endcase -%}
+                </div>
+                {%- endfor -%}
+                {%- if menu.promo -%}
+                {%- assign star = menu.promo -%}
+                <a class="wg-mega__promo" href="{{ star.url }}" style="--c1:{{ star.c1 }};--c2:{{ star.c2 }}">
+                  <span class="wg-mega__promo-art" aria-hidden="true">{%- include home/game-art.html name=star.art -%}</span>
+                  <small>{{ star.eyebrow }}</small>
+                  <b>{{ star.name }}</b>
+                  <span>{{ star.tagline }}</span>
+                  <em>{{ star.cta }} &rarr;</em>
+                </a>
+                {%- endif -%}
+              </div>
+            </div>
+          </li>
+          {%- else -%}
+          <li class="wg-menu__item"><a class="wg-menu__link" href="{{ menu.url }}">{{ menu.label | escape }}</a></li>
+          {%- endif -%}
+          {%- endfor -%}
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>

data/_includes/home/icon.html

@@ -0,0 +1,19 @@
+{%- comment -%}Line icon set (24x24, currentColor). Usage: include home/icon.html name="crown"{%- endcomment -%}
+<svg class="wg-ico" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+{%- case include.name -%}
+{%- when 'search' -%}<circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.2-4.2"/>
+{%- when 'pencil' -%}<path d="M4 20l1.2-4.2L16.6 4.4a2.1 2.1 0 0 1 3 3L8.2 18.8 4 20z"/><path d="m14.5 6.5 3 3"/>
+{%- when 'crown' -%}<path d="M3.5 18.5h17"/><path d="M4.5 18.5 3 8.5l5 3.5 4-6.5 4 6.5 5-3.5-1.5 10"/>
+{%- when 'grid' -%}<rect x="3.5" y="3.5" width="17" height="17" rx="3"/><path d="M9.2 3.5v17M14.8 3.5v17M3.5 9.2h17M3.5 14.8h17"/>
+{%- when 'sun' -%}<circle cx="12" cy="12" r="3.8"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4"/>
+{%- when 'bolt' -%}<path d="M13.2 2.5 5 13.5h6.2l-.9 8 8.7-11.5h-6.3l.5-7.5z"/>
+{%- when 'wordle' -%}<rect x="2.8" y="8" width="5" height="8" rx="1.4"/><rect x="9.5" y="8" width="5" height="8" rx="1.4"/><rect x="16.2" y="8" width="5" height="8" rx="1.4"/>
+{%- when 'connections' -%}<rect x="3.5" y="3.5" width="7.5" height="7.5" rx="2"/><rect x="13" y="3.5" width="7.5" height="7.5" rx="2"/><rect x="3.5" y="13" width="7.5" height="7.5" rx="2"/><rect x="13" y="13" width="7.5" height="7.5" rx="2"/>
+{%- when 'hex' -%}<path d="M12 2.8 20 7.4v9.2l-8 4.6-8-4.6V7.4z"/><path d="M12 8.2v7.6M8.6 10.1l6.8 3.8M15.4 10.1l-6.8 3.8"/>
+{%- when 'letters' -%}<path d="M3.5 19 9 5l5.5 14M5.4 14.2h7.2"/><path d="M17.5 10v9M17.5 12.4c.5-1.5 1.7-2.3 3-2.3"/>
+{%- when 'dice' -%}<rect x="3.5" y="3.5" width="17" height="17" rx="4"/><circle cx="8.4" cy="8.4" r=".9" fill="currentColor"/><circle cx="12" cy="12" r=".9" fill="currentColor"/><circle cx="15.6" cy="15.6" r=".9" fill="currentColor"/><circle cx="15.6" cy="8.4" r=".9" fill="currentColor"/><circle cx="8.4" cy="15.6" r=".9" fill="currentColor"/>
+{%- when 'numbers' -%}<rect x="3.5" y="3.5" width="17" height="17" rx="4"/><path d="M8 7.5v4M6.8 8.4 8 7.5M14.2 8.2c.4-.5 1-.7 1.6-.7.9 0 1.6.6 1.6 1.4 0 1.2-3.2 2.6-3.2 2.6h3.2M7 14.5h2.2l-1.4 1.5c.9 0 1.6.5 1.6 1.2s-.7 1.3-1.6 1.3c-.5 0-1-.2-1.2-.5M16.4 18.5v-4.5L14 17h3.4"/>
+{%- when 'puzzle' -%}<path d="M9 4.5h3.2a1.8 1.8 0 1 1 3.6 0H19.5v3.7a1.8 1.8 0 1 0 0 3.6v3.7h-3.7a1.8 1.8 0 1 1-3.6 0H8.5v-3.7a1.8 1.8 0 1 1 0-3.6V4.5z"/>
+{%- else -%}<circle cx="12" cy="12" r="8"/>
+{%- endcase -%}
+</svg>

data/_includes/home/letter-lists.html

@@ -0,0 +1,17 @@
+{%- assign lists = site.data.home_sections.length_lists -%}
+<section class="wg-section" id="letter-lists" aria-labelledby="h-letters">
+  <div class="wg-section__head">
+    <div><h2 id="h-letters">Words by Length</h2><p>Word lists for every length, with blanks and finders.</p></div>
+    <div class="wg-arrows"><button type="button" class="wg-arrow" data-scroll="-1" aria-label="Scroll left">&#8249;</button><button type="button" class="wg-arrow" data-scroll="1" aria-label="Scroll right">&#8250;</button></div>
+  </div>
+  <div class="wg-rail" tabindex="0" aria-label="Word lists by length">
+    {%- for l in lists -%}
+    <div class="wg-rail__card">
+      <a class="wg-rail__main" href="{{ l.url }}"><span class="wg-rail__num">{{ l.n }}</span> <b>Letter Words</b></a>
+      <ul class="wg-rail__links">
+        {%- for x in l.links -%}<li><a href="{{ x.url }}" aria-label="{{ l.n }} letter words: {{ x.label }}">{{ x.label }}</a></li>{%- endfor -%}
+      </ul>
+    </div>
+    {%- endfor -%}
+  </div>
+</section>

data/_includes/home/logo.html

@@ -0,0 +1,84 @@
+<svg class="wg-logo-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 197.5 35" style="enable-background:new 0 0 197.5 35;" xml:space="preserve" width="200" height="36" aria-label="Words With Letters">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#ffffff;}
+	.st2{fill:url(#SVGID_LOGO_1_);}
+</style>
+<path class="st0" d="M-281.9,0.9C-281.9,1-281.8,1-281.9,0.9"/>
+<path class="st1" d="M50.5,11.5c0.1,2.8-0.1,5.7-0.1,8.5c-0.1,2.3-0.8,6.2-3.8,6.2c-1.6,0-2.7-1.5-3.3-2.7c-0.6,1.3-2,2.6-3.5,2.6
+	c-3.4,0-3.3-4.7-3.3-7c-0.1-2.7-0.2-4.8-0.2-7.4c0-0.9,0.6-1.5,1.5-1.5s1.5,0.6,1.6,1.5c0.1,1.3,0,5.3,0.1,8.2
+	c0.2,4.3,1.3,3.3,1.8-0.2c0.2-1.5,0.2-3,0.3-3.9c0.1-0.8,0.7-1.5,1.6-1.5c0.9,0,1.6,0.5,1.7,1.5c0.1,1.7,0.2,2.9,0.5,4.1
+	c0.6,2.8,1.9,3.9,2,0c0.1-2.8,0-5.6,0-8.4c0-0.9,0.7-1.5,1.6-1.5C49.9,10,50.5,10.6,50.5,11.5z"/>
+<path class="st1" d="M56.9,26.4c-3.3,0-5-3.7-5-6.5c0-8.2,9.9-8.7,9.9-0.2C61.9,22.8,60.6,26.4,56.9,26.4z M58.8,19.5
+	c0-4.5-3.8-3.3-3.8,0.4c0,1.3,0.3,3.5,2,3.5S58.8,20.6,58.8,19.5z"/>
+<path class="st1" d="M71.3,14.4c0,2.1-2.2,0.9-3.9,2.7c-1.1,1.2-1,1.7-1,3.4c0,1.5,0,3,0,4.4c0,0.9-0.6,1.5-1.6,1.5
+	c-1,0-1.5-0.6-1.5-1.5c-0.1-2.1,0-4.3,0-6.4V14c0-0.9,0.6-1.5,1.5-1.5c0.8,0,1.5,0.6,1.6,1.4c1-0.7,2.2-1.1,3.5-1.1
+	C70.7,12.8,71.3,13.5,71.3,14.4z"/>
+<path class="st1" d="M77.2,11.4c0-0.9,0.7-1.4,1.6-1.4c0.9,0.1,1.5,0.7,1.4,1.6l-0.1,0.9c-0.3,4.4-0.1,7.9-0.3,12.2
+	c0,0.9-0.7,1.5-1.6,1.4c-0.2,0-0.4-0.1-0.5-0.1c-0.9,0.3-1.8,0.5-2.7,0.4c-3.4-0.2-4.4-3.5-4.2-6.4c0.2-2.9,1.8-5.2,4.9-5
+	c0.5,0,0.9,0.1,1.4,0.3C77,13.6,77.1,13,77.2,11.4z M75.2,23.4c0.46,0.03,1.12,0.03,1.37-0.44c0.22-0.42,0.14-0.99,0.12-1.44
+	c-0.03-0.92,0.05-1.86,0.07-2.78c0-0.08,0-0.16-0.03-0.23c-0.06-0.12-0.2-0.17-0.33-0.21c-0.28-0.09-0.57-0.17-0.86-0.2
+	c-0.36-0.04-0.73,0.01-1.04,0.21c-0.51,0.32-0.65,0.98-0.69,1.54c-0.01,0.19-0.02,0.37-0.02,0.56C73.7,21.5,73.7,23.3,75.2,23.4z"/>
+<path class="st1" d="M85.9,21.4c-1.9-1-4.8-2.1-4.8-4.7s2.7-3.8,4.9-3.8c1.2,0,4.1,0.4,4.1,2c0,0.8-0.7,1.6-1.5,1.6S87,16,86.1,16
+	c-0.4,0-1.9,0.1-1.9,0.8c0,1.4,6.2,2.1,6.2,6.4c0,2.5-2.5,3.4-4.6,3.4c-1.4,0-4.1,0.1-4.1-1.8c0-0.9,0.7-1.5,1.6-1.5
+	c0.8,0,1.5,0.3,2.3,0.3C87.6,23.4,87.9,22.4,85.9,21.4z"/>
+<path class="st1" d="M103.8,20.9c0,0.5-0.1,1.1-0.1,1.6c-0.1,0.8,0,2.1-0.1,2.9c0,0.5-0.4,0.9-0.9,0.9s-0.9-0.4-0.9-0.9
+	c0-1.3,0-3.2,0.2-4.5c0.1-0.5,0.4-0.9,0.9-0.9S103.8,20.4,103.8,20.9z M103.9,18.6c0,0.5-0.4,0.9-0.9,0.9c-0.6,0-1-0.4-1-1
+	c0-0.5,0.4-0.9,0.9-0.9C103.6,17.6,103.9,18,103.9,18.6z"/>
+<path class="st1" d="M109.5,24.4c0.5,0,0.9,0.5,0.9,1c0,0.9-1.2,0.9-1.8,0.9c-2.6,0-2.7-2.8-2.7-4.7c-0.7,0-1.3-0.1-1.2-0.9
+	c0-0.8,0.6-0.9,1.3-0.9c0-1,0-1.3,0.1-2.3c0-0.5,0.4-0.9,1-0.9c0.5,0,0.9,0.4,0.9,0.9c0,1-0.1,1.2-0.1,2.2c0.8,0,2.2-0.4,2.2,0.8
+	c0,1.2-1.4,1-2.2,1.1c0,0.47-0.07,1.44,0.1,2.15c0.09,0.39,0.46,0.65,0.86,0.65H109.5z"/>
+<path class="st1" d="M116,23.4c0,0.9,0.3,2.8-1.1,2.8c-0.4,0-0.9-0.3-0.9-0.7c0-0.8,0.1-1.3,0.1-2c0-0.4,0.1-1.9-0.5-1.9
+	c-0.9,0-0.8,0.5-0.8,1.2c0,0.9,0,1.8,0,2.7c0,0.5-0.4,0.9-0.9,0.9s-0.9-0.3-0.9-0.9c0-2.7-0.2-5.3-0.2-8c0-0.5,0.3-0.9,0.9-0.9
+	c0.5,0,0.9,0.4,1,0.9c0.1,0.9,0.1,1.6,0.1,2.5c0.3-0.1,0.6-0.1,0.9-0.1C115.9,19.7,116,21.8,116,23.4z"/>
+<path class="st1" d="M125.4,24.6c0,0.9-0.6,1.5-1.5,1.6c-1.3,0.1-2.6,0.1-3.8,0.1c-1.7,0-2.2-1.2-2.2-2.7c0-3.1,0.3-6.1,0.3-9.2
+	c0-1.1-0.1-2.2-0.1-3.3c0-0.8,0.6-1.3,1.4-1.3c2.3,0,1.8,3.3,1.8,4.8c0,2.9-0.3,5.7-0.3,8.6c1,0,2-0.1,3-0.1
+	C124.8,23.1,125.4,23.7,125.4,24.6z"/>
+<path class="st1" d="M132,26.5c-3.5,0-5.4-3.6-5.4-6.7c0-3.3,2-6.5,5.6-6.5c2.1,0,4,1.5,4,3.8c0,2.7-2.7,4.1-5.1,4.1
+	c-0.4,0-0.9,0-1.3-0.1c0.1,1.3,0.8,2.5,2.3,2.5c1.7,0,1.6-1.9,3-1.9c0.8,0,1.6,0.7,1.6,1.5C136.7,25,133.7,26.5,132,26.5z
+	 M132.1,16.2c-0.8,0-1.9,1-2.2,1.7c0.4,0.1,0.8,0.1,1.1,0.1c0.6,0,2-0.3,2-1C133.1,16.5,132.6,16.2,132.1,16.2z"/>
+<path class="st1" d="M145.9,23.1c0.9,0,1.4,0.8,1.4,1.6c0,1.5-2,1.6-3.1,1.6c-4.4,0-4.5-4.6-4.5-7.9c-1.1,0-2.1-0.1-2.1-1.5
+	s1-1.6,2.1-1.6c0-1.6,0-2.2,0.2-3.8c0.1-0.9,0.7-1.5,1.6-1.5s1.5,0.6,1.5,1.5c0,1.6-0.2,2.1-0.2,3.7c1.3,0,3.7-0.6,3.7,1.3
+	c0,2-2.3,1.7-3.6,1.8c0,1.4-0.4,4.9,1.6,4.9C145,23.2,145.5,23.1,145.9,23.1z"/>
+<path class="st1" d="M156.7,23.1c0.9,0,1.4,0.8,1.4,1.6c0,1.5-2,1.6-3.1,1.6c-4.4,0-4.5-4.6-4.5-7.9c-1.1,0-2.1-0.1-2.1-1.5
+	s1-1.6,2.1-1.6c0-1.6,0-2.2,0.2-3.8c0.1-0.9,0.7-1.5,1.6-1.5s1.5,0.6,1.5,1.5c0,1.6-0.2,2.1-0.2,3.7c1.3,0,3.7-0.6,3.7,1.3
+	c0,2-2.3,1.7-3.6,1.8c0,1.4-0.4,4.9,1.6,4.9C155.7,23.2,156.2,23.1,156.7,23.1z"/>
+<path class="st1" d="M164.7,26.5c-3.5,0-5.4-3.6-5.4-6.7c0-3.3,2-6.5,5.6-6.5c2.1,0,4,1.5,4,3.8c0,2.7-2.7,4.1-5.1,4.1
+	c-0.4,0-0.9,0-1.3-0.1c0.1,1.3,0.8,2.5,2.3,2.5c1.7,0,1.6-1.9,3-1.9c0.8,0,1.6,0.7,1.6,1.5C169.4,25,166.3,26.5,164.7,26.5z
+	 M164.8,16.2c-0.8,0-1.9,1-2.2,1.7c0.4,0.1,0.8,0.1,1.1,0.1c0.6,0,2-0.3,2-1C165.8,16.5,165.3,16.2,164.8,16.2z"/>
+<path class="st1" d="M178.6,14.4c0,2.1-2.2,0.9-3.9,2.7c-1.1,1.2-1,1.7-1,3.4c0,1.5,0,3,0,4.4c0,0.9-0.6,1.5-1.6,1.5
+	s-1.5-0.6-1.5-1.5c-0.1-2.1,0-4.3,0-6.4V14c0-0.9,0.6-1.5,1.5-1.5c0.8,0,1.5,0.6,1.6,1.4c1-0.7,2.2-1.1,3.5-1.1
+	C178,12.8,178.6,13.5,178.6,14.4z"/>
+<path class="st1" d="M184.4,21.4c-1.9-1-4.8-2.1-4.8-4.7s2.7-3.8,4.9-3.8c1.2,0,4.1,0.4,4.1,2c0,0.8-0.7,1.6-1.5,1.6
+	s-1.6-0.5-2.5-0.5c-0.4,0-1.9,0.1-1.9,0.8c0,1.4,6.2,2.1,6.2,6.4c0,2.5-2.5,3.4-4.6,3.4c-1.4,0-4.1,0.1-4.1-1.8
+	c0-0.9,0.7-1.5,1.6-1.5c0.8,0,1.5,0.3,2.3,0.3C186.1,23.4,186.4,22.4,184.4,21.4z"/>
+<g>
+	<path class="st1" d="M98.21,26.2c-1.09,0.01-1.84-1.24-2.24-2.1c-0.45,0.92-1.38,2.21-2.5,2.22c-1.78,0.02-1.84-2.29-1.85-3.55
+		c-0.01-0.96,0.04-1.92,0.15-2.88c0.06-0.48,0.3-0.87,0.83-0.87c0.41,0,0.88,0.33,0.88,0.76c0.01,0.98-0.15,1.98-0.13,2.99
+		c0.02,2.03,0.44,2.03,1.25,0.19c0.22-0.49,0.37-1.01,0.43-1.48c0.05-0.5,0.3-0.84,0.85-0.85c0.41,0,0.69,0.23,0.82,0.6
+		c0.1,0.28,0.33,0.92,0.59,1.57c0.95,2.33,1.56,1.43,1.33-0.42c-0.09-0.95-0.35-1.89-0.36-2.81c-0.01-1.13,1.49-1.23,1.66-0.31
+		c0.22,1.16,0.41,2.41,0.42,3.59C100.36,24.16,99.88,26.18,98.21,26.2z"/>
+</g>
+<g>
+	<path class="st1" d="M7.65,11.55c2.56-0.4,4.86-1.41,6.77-3.15c0.51-0.49,1.11-1.09,1.87-1.02c0.09,0-0.28,1.19-0.32,1.28
+		c-0.21,0.51-0.49,0.96-0.77,1.41c-0.55,0.81-1.17,1.58-1.62,2.45c-0.53,1-0.79,2.15-0.32,3.22c0.85-1.87,1.7-3.73,2.56-5.6
+		c0.3-0.66,0.62-1.36,1.11-1.9c0.47-0.55,1.19-0.96,1.92-0.92c1.06,0.06,1.85,1.02,2.9,1.28c1.11,0.28,2.22-0.28,3.34-0.34
+		c1.24-0.06,2.47,0.45,3.41,1.28c0.94,0.83,1.58,1.94,2.02,3.11c1.15,3.02,1,6.52-0.43,9.39c-1.43,2.88-4.11,5.15-7.2,6.07
+		c-3.19,0.96-6.79,0.45-9.65-1.26c-2.85-1.73-4.96-4.62-5.77-7.88c-0.23-1-0.17-2.07-0.38-3.07c-0.17-0.85-1.17-1.85-1.68-2.6
+		c-0.13-0.19-0.26-0.38-0.28-0.62c-0.02-0.62,0.62-0.85,1.13-0.94C6.74,11.68,7.21,11.61,7.65,11.55z"/>
+	
+		<linearGradient id="SVGID_LOGO_1_" gradientUnits="userSpaceOnUse" x1="27.6594" y1="6.95" x2="10.728" y2="28.621" gradientTransform="matrix(1 0 0 -1 0 36)">
+		<stop  offset="1.491781e-07" style="stop-color:#7611CC"/>
+		<stop  offset="1" style="stop-color:#E17FFF"/>
+	</linearGradient>
+	<path class="st2" d="M27.4,29.23c-3.37,2.34-7.18,2.9-10.82,2.24c-3.64-0.55-7.01-2.24-10.27-4.2c-1.41-0.83-2.98-1.77-4.11-3.26
+		c-1.21-1.49-1.96-3.64-1.68-5.88c0.19-1.49,0.94-2.98,1.87-4.11c1.41-1.49,3.37-2.62,5.22-1.3c0.55,0.38,0.94,0.83,1.21,1.41
+		c0.28,0.66,0.28,1.41,0.28,2.15c0,2.51,0.19,5.49,2.04,7.37c0.83,0.83,1.77,1.21,2.79,1.21c1.41,0,2.79-0.83,3.26-2.24
+		c0.83,1.49,2.62,2.34,4.2,2.34c1.13,0,2.15-0.38,2.79-1.3c2.04-2.9,2.62-7.28,1.58-12.42c-0.09-0.38-0.28-0.75-0.66-0.75h-2.17
+		c-0.38,0-0.75,0.28-0.66,0.66c1.13,3.37,1.3,11.01-1.13,11.01s-2.6-7.6-1.38-11.05c0.19-0.38-0.28-0.66-0.66-0.66h-2.04
+		c-0.38,0-0.55,0.28-0.66,0.75c-0.55,2.7-0.47,5.41-0.17,7.65c0.28,2.04-0.47,3.26-2.04,3.26c-0.66,0-1.02-0.55-1.3-1.13
+		c-0.66-1.49-0.66-3.37-0.66-4.94c0-0.94,0.09-1.87,0.28-2.79c0.55-3.37,3.26-5.79,5.96-7.45c0.75-0.47,1.49-0.83,2.24-1.21
+		c0.75-0.38,1.49-0.75,2.34-1.02c0.19-0.09,0.38-0.09,0.47-0.09c3.09-0.75,6.35,0.66,8.39,3.45c1.02,1.41,1.68,3.09,2.04,4.94
+		C35.43,18.68,32.17,25.95,27.4,29.23z"/>
+</g>
+</svg>

data/_includes/home/solvers.html

@@ -0,0 +1,9 @@
+{%- assign sec = site.data.home_sections -%}
+<section class="wg-section" id="solvers" aria-labelledby="h-solvers">
+  <div class="wg-section__head"><div><h2 id="h-solvers">Popular Solvers &amp; Helpers</h2><p>Quick tools for the games you play most.</p></div></div>
+  <div class="wg-grid wg-grid--3">
+    {%- for s in sec.solvers -%}
+    <a class="wg-card wg-solver" href="{{ s.url }}"><b>{{ s.name }}</b><span>{{ s.desc }}</span><i class="wg-solver__go" aria-hidden="true">&rarr;</i></a>
+    {%- endfor -%}
+  </div>
+</section>

data/_includes/wordgames/advanced-filter/advanced-filter.html

@@ -20,8 +20,7 @@
         z-index: 1;
         max-height: 300px;
         height: auto;
-        overflow-y: hidden;
-        overflow-x: auto;
+        overflow-y: scroll;
         border-radius: 8px;
     }
 
@@ -361,18 +360,20 @@
         item.addEventListener('click', handleItemClick);
     });
 
-    window.onclick = function(event) {
-        if (!event.target.matches('.filter_val')) {
-            const dropdowns = document.getElementsByClassName("dropdown-content");
-            for (let i = 0; i < dropdowns.length; i++) {
-                dropdowns[i].style.display = "none";
-            }
-            const arrowDown = document.getElementsByClassName("arrow-down");
-            for (let i = 0; i < arrowDown.length; i++) {
-                arrowDown[i].style.display = "none";
-            }
-        }
-    }
+    // window.onclick = function(event) {
+    //     if (!event.target.matches('.filter_val')) {
+    //         const dropdowns = document.getElementsByClassName("dropdown-content");
+    //         for (let i = 0; i < dropdowns.length; i++) {
+    //             dropdowns[i].style.display = "none";
+    //         }
+    //         const arrowDown = document.getElementsByClassName("arrow-down");
+    //         for (let i = 0; i < arrowDown.length; i++) {
+    //             arrowDown[i].style.display = "none";
+    //         }
+
+            
+    //     }
+    // }
 
 
 

data/_includes/wordgames/faqs/faqs.html

@@ -25,11 +25,9 @@
         <!-- <div class="col-lg-12 col-md-12 p-0 mt-5"> -->
             {% for entry in dataToShow.faqList %}
             <div class="faq-question">{{entry.Question}}</div>
-            <div class="faq-answer">{% assign final_answer = entry.Answer | replace: "$variable", page.value %}{% if final_answer contains "<a" %} {{ final_answer }} {% else %} {{ final_answer | auto_link }} {% endif %}</div>
+            <div class="faq-answer">{{entry.Answer}}</div>
             {% endfor %}
         <!-- </div> -->
     </div>
     {%- endif -%}
-</div>
-
-
+</div>

data/_includes/wordgames/headings/headings.html

@@ -11,4 +11,4 @@
             {{dataToShow.h2}}</h2>
         {%- endif -%}
     </div>
-</div>
+</div>