From 6eb187ea4c18434232c94e35be32dd04e6c228d9 Mon Sep 17 00:00:00 2001
From: Faisal Salman <f@faisalman.com>
Date: Thu, 23 Nov 2023 11:50:45 +0700
Subject: [PATCH] Update table for clarity

---
 index.html | 36 ++++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 3efeee3..2149b83 100644
--- a/index.html
+++ b/index.html
@@ -1036,22 +1036,22 @@
                     <thead>
                         <tr>
                             <th class="left aligned"></th>
-                            <th>Version 1.0</th>
-                            <th colspan="4">Version 2.0</th>
+                            <th colspan="2">Open-Source Editions</th>
+                            <th colspan="3">Commercial Editions</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr>
                             <td class="left aligned">License</td>
                             <td>MIT</td>
-                            <td>AGPLv3</td>
+                            <td>AGPL</td>
                             <td>PRO Personal</td>
                             <td>PRO Business</td>
                             <td>PRO Enterprise</td>
                         </tr>
                         <tr>
                             <td class="left aligned">Browser detection</td>
-                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1059,7 +1059,7 @@
                         </tr>
                         <tr>
                             <td class="left aligned">CPU detection</td>
-                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1067,7 +1067,7 @@
                         </tr>
                         <tr>
                             <td class="left aligned">Device detection</td>
-                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1075,7 +1075,7 @@
                         </tr>
                         <tr>
                             <td class="left aligned">Engine detection</td>
-                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1083,7 +1083,7 @@
                         </tr>
                         <tr>
                             <td class="left aligned">OS detection</td>
-                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="warning" data-tooltip="Basic detection" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1130,7 +1130,15 @@
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                         </tr>
                         <tr>
-                            <td class="left aligned">npm module available</td>
+                            <td class="left aligned">TypeScript declarations available</td>
+                            <td class="warning" data-tooltip="Community version" data-inverted=""><i class="large yellow circle exclamation icon"></i></td>
+                            <td class="positive"><i class="large green checkmark icon"></i></td>
+                            <td class="positive"><i class="large green checkmark icon"></i></td>
+                            <td class="positive"><i class="large green checkmark icon"></i></td>
+                            <td class="positive"><i class="large green checkmark icon"></i></td>
+                        </tr>
+                        <tr>
+                            <td class="left aligned">Public npm module available</td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1138,8 +1146,8 @@
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                         </tr>
                         <tr>
-                            <td class="left aligned">TypeScript declarations available</td>
-                            <td class="warning" data-tooltip="Community version" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="left aligned">Direct downloads available</td>
+                            <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1156,7 +1164,7 @@
                         <tr>
                             <td class="left aligned">Permissive license</td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
-                            <td class="warning" data-tooltip="Copyleft license" data-inverted=""><i class="large orange exclamation circle icon"></i></td>
+                            <td class="negative" data-tooltip="Copyleft license" data-inverted=""><i class="large red minus circle icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
@@ -1166,11 +1174,11 @@
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
-                            <td class="warning" data-tooltip="1 project per 1 license" data-inverted=""><i class="large orange circle exclamation icon"></i></td>
+                            <td class="negative" data-tooltip="1 project per 1 license" data-inverted=""><i class="large red minus circle icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                         </tr>
                         <tr>
-                            <td class="left aligned">1-year support</td>
+                            <td class="left aligned">1-year limited support</td>
                             <td class="negative"><i class="large red minus circle icon"></i></td>
                             <td class="negative"><i class="large red minus circle icon"></i></td>
                             <td class="positive"><i class="large green checkmark icon"></i></td>