From bc7de097653163871d569b588217e33596ba229a Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Mon, 31 Oct 2022 18:55:14 +0530
Subject: * Article Layout Changes * Style Fixes

---
 src/posts/big-list-game-dev.njk | 59 +++++++++++++++++++++--------------------
 1 file changed, 30 insertions(+), 29 deletions(-)

(limited to 'src/posts/big-list-game-dev.njk')

diff --git a/src/posts/big-list-game-dev.njk b/src/posts/big-list-game-dev.njk
index 921daea..9fadb58 100644
--- a/src/posts/big-list-game-dev.njk
+++ b/src/posts/big-list-game-dev.njk
@@ -12,52 +12,53 @@ title: Big List of Open Source Game Development Tools
     introduce your own functionality in the tools/engine you are using.
 </p>
 
-<p class="mt-5">Welcome to the big list (eventually it will be) of always updating list of<span class="font-bold">Open Source Game Development Tools</span>.
+<p class="mt-5">Welcome to the big list (eventually it will be) of always updating list of <span class="font-bold">Open Source Game Development Tools</span>.
     Here you find not only Game Engines but other open source tools and utilities that will help you
     in developing your dream game/prototypes.
 </p>
-<p class="mt-5">
-    <div class="overflow-x-auto relative shadow-md lg:rounded-lg border-main-dark-brown-2">
-        <table class="mx-auto max-w-4xl w-full text-sm text-left table-auto">
-            <thead class="text-xs uppercase bg-main-normal-brown border-b border-main-dark-brown-2">
+<div class="mt-5">
+    <div class="overflow-auto">
+        <table class="min-w-full">
+            <thead class="border-b">
                 <tr>
-                    <th scope="col" class="py-3 px-6 bg-lightish-50">
-                    Tool
-                </th>
-                    <th scope="col" class="py-3 px-6 text-main-cream-white-1">
-                    Tool Type
-                </th>
-                    <th scope="col" class="py-3 px-6 bg-lightish-50">
-                    Supported Graphics
-                </th>
-                    <th scope="col" class="py-3 px-6 text-main-cream-white-1">
-                    OS Supported
-                </th>
-                    <th scope="col" class="py-3 px-6 bg-lightish-50">
-                    Link
-                </th>
+                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                                Tool
+                            </th>
+                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                                Tool Type
+                            </th>
+                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                                Supported Graphics
+                            </th>
+                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                                OS Supported
+                            </th>
+                    <th scope="col" class="text-sm font-medium text-gray-900 px-6 py-4 text-left">
+                                Link
+                            </th>
                 </tr>
             </thead>
             <tbody>
                 {% for tool in gtools.gameTools%}
-                    <tr class="bg-main-normal-brown border-b border-main-dark-brown-2">
-                        <th scope="row" class="py-4 px-6 font-medium whitespace-nowrap bg-lightish-50">{{tool.toolName}}
-                        </th>
-                        <td class="py-4 px-6 text-main-cream-white-1">
+                    <tr class="border-b">
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
+                            {{tool.toolName}}
+                        </td>
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
                             {{tool.type}}
                         </td>
-                        <td class="py-4 px-6 bg-lightish-50">
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
                             {{tool.graphics}}
                         </td>
-                        <td class="py-4 px-6 text-main-cream-white-1">
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
                             {{tool.os}}
                         </td>
-                        <td class="py-4 px-6 bg-lightish-50">
-                            <a href={{tool.link}} class="font-medium hover:underline">{{tool.link}}</a>
+                        <td class="text-sm text-gray-900 font-light px-6 py-4 whitespace-nowrap">
+                            {{tool.link}}
                         </td>
                     </tr>
                 {% endfor %}
             </tbody>
         </table>
     </div>
-</p>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3