chores

Author: okeken

formatter.html

@@ -22,12 +22,7 @@
      <link rel="stylesheet" href="base.css ">
     <!-- <script src="https://cdn.tailwindcss.com"></script> -->
 
-    <script>
 
-      tailwind.config = {
-    darkMode: 'class',  }
-    </script>
-
     <link rel="stylesheet" href="style.css">
     <!-- Add favicon link later -->
     <!-- <link rel="icon" href="favicon.ico" type="image/x-icon"> -->
@@ -90,10 +85,10 @@
     <nav class="bg-white dark:bg-gray-800 shadow p-4 flex justify-between items-center">
         <div class="text-xl font-bold">JSON Tools</div>
         <div>
-            <a href="/" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Diff</a>
-            <a href="/formatter.html" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Formatter</a>
-            <button id="darkModeToggle" class="ml-4 px-3 py-2 rounded focus:outline-none dark:text-gray-200">🌙/☀️</button>
-        </div>
+          <a href="/json-diff" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Diff</a>
+          <a href="/json-diff/formatter.html" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Formatter</a>
+          <button id="darkModeToggle" class="ml-4 px-3 py-2 rounded focus:outline-none dark:text-gray-200">🌙/☀️</button>
+      </div>
     </nav>
 
     <main class="container mx-auto p-4 mt-8">

index.html

@@ -26,11 +26,7 @@
 
     <link rel="stylesheet" href="base.css ">
     <link rel="stylesheet" href="style.css">
-    <script>
-    
-      tailwind.config = {
-    darkMode: 'class',  }
-    </script>
+
     <!-- Add favicon link later -->
     <!-- <link rel="icon" href="favicon.ico" type="image/x-icon"> -->
 
@@ -95,8 +91,8 @@
     <nav class="bg-white dark:bg-gray-800 shadow p-4 flex justify-between items-center">
         <div class="text-xl font-bold">JSON Tools</div>
         <div>
-            <a href="/" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Diff</a>
-            <a href="/formatter.html" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Formatter</a>
+            <a href="/json-diff/" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Diff</a>
+            <a href="/json-diff/formatter.html" class="px-3 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700">JSON Formatter</a>
             <button id="darkModeToggle" class="ml-4 px-3 py-2 rounded focus:outline-none dark:text-gray-200">🌙/☀️</button>
         </div>
     </nav>

readme.md

@@ -1,6 +1,6 @@
 # JSON Formatter & Diff Tool
 
-A highly SEO-optimized web app that provides **JSON Formatting** and **JSON Diff Comparison** in one simple, static tool. Built with Vanilla JS and TailwindCSS (via CDN).
+A Web app that provides **JSON Formatting** and **JSON Diff Comparison** in one simple, static tool. Built with Vanilla JS and TailwindCSS.
 
 ## Project Status