From e803eb98bd1ff1ef9ee9458e3bcc6a05424571f0 Mon Sep 17 00:00:00 2001
From: Faisal Salman <f@faisalman.com>
Date: Wed, 3 Sep 2025 13:16:11 +0700
Subject: [PATCH] Update license wording to be more clear

---
 index.html   | 36 ++++++++++++++++++++++--------------
 js/script.js |  2 +-
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 6d4cfa8..8bba6bc 100644
--- a/index.html
+++ b/index.html
@@ -227,16 +227,16 @@
                                     <i class="tasks icon"></i>
                                     <div class="content">Clean & Well-Structured</div>
                                 </h3>
-                                <p>Effortless user-agent detection integration.</p>
+                                <p>Effortless, intuitive API with clear output.</p>
                             </div>
                         </div>
                         <div class="column">
                             <div class="ui basic segment">
                                 <h3 class="ui header">
                                     <i class="bolt icon"></i>
-                                    <div class="content">Vast Detection Categories</div>
+                                    <div class="content">Wide Detection Coverage</div>
                                 </h3>
-                                <p>Detects various devices, browsers, bots, and more.</p>
+                                <p>Detect various devices, browsers, bots, and more.</p>
                             </div>
                         </div>
                         <div class="column">
@@ -244,10 +244,10 @@
                                 <h3 class="ui header">
                                     <i class="paper plane icon"></i>
                                     <div class="content">
-                                        Minimal Footprint
+                                        Lightweight & Fast
                                     </div>
                                 </h3>
-                                <p>Maintains optimal app performance.</p>
+                                <p>Keeps your bundle size small and performance snappy.</p>
                             </div>
                         </div>
                     </div>
@@ -257,10 +257,10 @@
                                 <h3 class="ui header">
                                     <i class="magic icon"></i>
                                     <div class="content">
-                                        Isomorphic Library
+                                        Works Everywhere
                                     </div>
                                 </h3>
-                                <p>Compatible with both browser and Node.js.</p>
+                                <p>Runs seamlessly in browser and Node.js.</p>
                             </div>
                         </div>
                         <div class="column">
@@ -268,7 +268,7 @@
                                 <h3 class="ui header">
                                     <i class="npm icon"></i>
                                     <div class="content">
-                                        Public npm Package
+                                        npm-Ready Package
                                     </div>
                                 </h3>
                                 <p>Easily integrates into your workflow.</p>
@@ -1364,7 +1364,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
                         <li>Full detection features</li>
                         <li>npm & downloadable</li>
                         <li>Non-commercial use</li>
-                        <li>Unlimited projects</li>
+                        <li>Unlimited deployments</li>
                         <li>1 year support</li>
                         <li>Lifetime updates</li>
                     </ul>
@@ -1388,7 +1388,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
                         <li>Full detection features</li>
                         <li>npm & downloadable</li>
                         <li>Commercial usage rights</li>
-                        <li>1 project per license</li>
+                        <li>Limited deployment</li>
                         <li>1 year support</li>
                         <li>Lifetime updates</li>
                     </ul>
@@ -1412,7 +1412,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
                         <li>Full detection features</li>
                         <li>npm & downloadable</li>
                         <li>Commercial usage rights</li>
-                        <li>Unlimited projects</li>
+                        <li>Unlimited deployments</li>
                         <li>1 year support</li>
                         <li>Lifetime updates</li>
                     </ul>
@@ -1594,7 +1594,15 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
                             <td class="positive"><i class="large green checkmark icon"></i></td>
                         </tr>
                         <tr>
-                            <td class="left aligned">No usage limitation</td>
+                            <td class="left aligned">Unlimited projects</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="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">Unlimited deployments</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>
@@ -1682,8 +1690,8 @@ Authorization: Bearer YOUR_API_KEY
                 <div class="eleven wide column">
                     <div class="ui basic right aligned segment">
                         <div class="ui inverted link animated selection horizontal list">
-                            <a target="_blank" class="item" href="https://discord.gg/p4DYDTa3"><img
-                                alt="Discord invite" src="https://dcbadge.limes.pink/api/server/https://discord.gg/p4DYDTa3" /></a>
+                            <a target="_blank" class="item" href="https://discord.gg/stt86vmr"><img
+                                alt="Discord invite" src="https://dcbadge.limes.pink/api/server/https://discord.gg/stt86vmr" /></a>
                             <a target="_blank" class="item" href="https://github.com/faisalman/ua-parser-js"><img
                                 alt="GitHub stars badge" src="https://img.shields.io/github/stars/faisalman/ua-parser-js?color=yellow&logo=github&style=for-the-badge"></a>
                             <a target="_blank" class="item" href="https://www.npmjs.com/package/ua-parser-js"><img
diff --git a/js/script.js b/js/script.js
index 72cec62..0f97b42 100644
--- a/js/script.js
+++ b/js/script.js
@@ -95,7 +95,7 @@ $(document)
         qs = new URLSearchParams(window.location.search).get('ua');
     }
     if (qs) {
-        $('#ua-txt-info').text('What your browser tells you = 😵‍💫 🤯 ❌');
+        $('#ua-txt-info').html('What your browser tells you = 😵‍💫💢 😭💸 <span class="ui mini red label">Complex</span> <span class="ui mini red label">Costly</span> <span class="ui mini red label">Expensive</span>');
         $('#demo-result').get(0).scrollIntoView();
         updateDemo(UAParser(qs));
     } else {