_includes/WordPointTables/table.html in word-games-theme-0.3.3 vs _includes/WordPointTables/table.html in word-games-theme-0.3.4

@@ -1,10 +1,90 @@
+<style>
+    .tbl {
+        margin-bottom: 50px;
+    }
+
+    .table-striped {
+        background: #F6F6F6;
+    }
+
+    .table-striped tbody tr:nth-of-type(odd) {
+        background-color: white !important;
+    }
+</style>
 <div class="container">
     <div class="row mx-auto">
         <div class="col-md-10 mx-auto text-center">
-            <h2 class="my-5 Xletters">
-                <h2>
-                    <div class="wordpointtables"></div>
-                    <div style="color:red;" id="errorMsg"></div>
+            {%- assign fileName = {{page.fileName}} -%}
+            {%- for o in site.data.WordPointTables -%}
+            {%- for item in o limit: 1 -%}
+            {%- assign filename = item.filename | replace: '.json', ''-%}
+            {%- if filename == {{fileName}} -%}
+            <table class="tbl table table-striped table-bordered" style="font-size: 18px;">
+                <tr style="background: #BB66DC !important; color: white">
+                    <th>Word</th>
+                    <th>Points</th>
+                </tr>
+                {%- for item in o limit: 5-%}
+                {%- assign filename = item.filename | replace: '.json', ''-%}
+                {%- if filename == {{fileName}} -%}
+                {%- if forloop.index == 1 -%}
+
+
+
+                {%- if site.name == "wordswithletters" -%}
+                <h1 style="font-size: 18px;">
+                    Top scoring {{item.x}} letter words with letters <span class="joinString">{{item.letter}}</span> for
+                    {{item.gameName}}
+                </h1>
+
+                {%- endif -%}
+
+
+                {%- if site.name == "wordfinders" -%}
+                <h1 style="font-size: 18px;">
+                    {{item.x}} letter words with highest score for {{item.gameName}} containing letters
+                    <span class="joinString"> {{item.word }} </span> using {{item.x}} letter word finder
+                </h1>
+                {%- endif -%}
+
+                {%- if site.name == "wordscramblers" -%}
+                <h1 style="font-size: 18px;">
+                    {{item.x}} letter words with highest score for {{item.gameName}} with letters <span>{{item.word
+                        }}</span>
+                    using our {{item.x}} letter
+                    word unscrambler
+                </h1>
+                {%- endif -%}
+
+                {%- if site.name == "wordunscramblerss" -%}
+                <h1 style="font-size: 18px;">
+                    Top scoring {{item.x}} letter words for {{item.gameName}} containing letters
+                    <span>{{item.word}}</span>
+                    using our {{item.x}} letter
+                    word scrambler
+                </h1>
+                {%- endif -%}
+                {%- endif -%}
+                <tr>
+                    <td>{{item.word}}</td>
+                    <td>{{item.points}}</td>
+                </tr>
+                {%- endif -%}
+                {%- endfor -%}
+
+            </table>
+            {%- endif -%}
+            {%- endfor -%}
+            {%- endfor -%}
         </div>
     </div>
-</div>
+</div>
+
+
+<script>
+    let joinString = document.getElementsByClassName("joinString")
+    Array.from(joinString).forEach((element) => {
+        let elem = element.innerHTML
+        element.innerHTML = elem.split("")
+    })
+</script>
\ No newline at end of file