Added min links and updated html5.html with link

LeeWannacott · May 21, 2023 · 36f97c9 · 36f97c9
1 parent 16a9b47
commit 36f97c9
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 78 deletions.
diff --git a/README.md b/README.md
@@ -38,7 +38,7 @@ Examples on using table-sort-js with frontend frameworks such as [React.js](http
 Or Minified (smaller size, but harder to debug!):
 
 ```javascript
-<script src="https://cdn.jsdelivr.net/npm/table-sort-js@1/table-sort.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/table-sort-js@1/table-sort.min.js"></script>
 ```
 
 Refer to the documenation for examples on how to use table-sort-js with [HTML](https://leewannacott.github.io/table-sort-js/docs/html5.html)

diff --git a/public/docs/html5.html b/public/docs/html5.html
@@ -1,80 +1,61 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>table-sort-js : HTML Example.</title>
-    <link rel="stylesheet" href="index.css" />
-    <script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
-    <link href="assets/solarized-dark.css" rel="stylesheet" type="text/css" />
-  </head>
-  <body>
-    <script src="assets/rainbow.js"></script>
-    <div class="wrapper">
-      <div class="sidebar">
-        <h2>table-sort-js</h2>
-        <ul style="font-size: 1em">
-          <li>
-            <a href="about.html"><i class="far fa-clipboard fa-fw"></i>About</a>
-          </li>
-          <li>
-            <a href="demo.html"><i class="fas fa-table fa-fw"></i>Demo</a>
-          </li>
-          <li>
-            <a href="classes.html"
-              ><i class="fas fa-chalkboard-teacher"></i>Classes</a
-            >
-          </li>
-          <li>
-            <a href="html5.html"
-              ><i class="fab fa-html5 fa-fw"></i>HTML Example</a
-            >
-          </li>
-          <li>
-            <a href="react.html"
-              ><i class="fab fa-react fa-fw"></i>ReactJS Example</a
-            >
-          </li>
-          <li>
-            <a href="angular.html"
-              ><i class="fab fa-angular fa-fw"></i>Angular Example</a
-            >
-          </li>
-          <li>
-            <a href="vue.html"
-              ><i class="fab fa-vuejs fa-fw"></i>VueJS Example</a
-            >
-          </li>
-          <li>
-            <a href="development.html"
-              ><i class="fas fa-file-code fa-fw"></i>Development</a
-            >
-          </li>
-        </ul>
-        <div class="social_media">
-          <a
-            href="https://github.com/LeeWannacott/table-sort-js"
-            target="_blank"
-            ><i class="fab fa-github"></i
-          ></a>
-          <a href="https://www.npmjs.com/package/table-sort-js" target="_blank"
-            ><i class="fab fa-npm"></i
-          ></a>
-        </div>
+
+<head>
+  <meta charset="UTF-8" />
+  <title>table-sort-js : HTML Example.</title>
+  <link rel="stylesheet" href="index.css" />
+  <script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
+  <link href="assets/solarized-dark.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+  <script src="assets/rainbow.js"></script>
+  <div class="wrapper">
+    <div class="sidebar">
+      <h2>table-sort-js</h2>
+      <ul style="font-size: 1em">
+        <li>
+          <a href="about.html"><i class="far fa-clipboard fa-fw"></i>About</a>
+        </li>
+        <li>
+          <a href="demo.html"><i class="fas fa-table fa-fw"></i>Demo</a>
+        </li>
+        <li>
+          <a href="classes.html"><i class="fas fa-chalkboard-teacher"></i>Classes</a>
+        </li>
+        <li>
+          <a href="html5.html"><i class="fab fa-html5 fa-fw"></i>HTML Example</a>
+        </li>
+        <li>
+          <a href="react.html"><i class="fab fa-react fa-fw"></i>ReactJS Example</a>
+        </li>
+        <li>
+          <a href="angular.html"><i class="fab fa-angular fa-fw"></i>Angular Example</a>
+        </li>
+        <li>
+          <a href="vue.html"><i class="fab fa-vuejs fa-fw"></i>VueJS Example</a>
+        </li>
+        <li>
+          <a href="development.html"><i class="fas fa-file-code fa-fw"></i>Development</a>
+        </li>
+      </ul>
+      <div class="social_media">
+        <a href="https://github.com/LeeWannacott/table-sort-js" target="_blank"><i class="fab fa-github"></i></a>
+        <a href="https://www.npmjs.com/package/table-sort-js" target="_blank"><i class="fab fa-npm"></i></a>
       </div>
-      <div class="main_content">
-        <div class="header">
-          Example of how to use table-sort-js with basic HTML.
-        </div>
-        <div class="info">
-          Download:
-          <a
-            href="https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.js"
-            target="_blank"
-            >table-sort.js
-          </a>
-          (Select option save as.)
-        </div>
-        <pre><code style="font-size:1.3em" data-language="html">
+    </div>
+    <div class="main_content">
+      <div class="header">
+        Example of how to use table-sort-js with basic HTML.
+      </div>
+      <div class="info">
+        Download:
+        <a href="https://cdn.jsdelivr.net/npm/table-sort-js@1/table-sort.js" target="_blank">table-sort.js
+        </a>
+        (Select option save as.)
+      </div>
+      <pre><code style="font-size:1.3em" data-language="html">
         &lt;script src="table-sort.js"&gt;&lt;/script&gt;
           &lt;table class="table-sort"&gt;
             &lt;thead&gt;
@@ -104,7 +85,8 @@ <h2>table-sort-js</h2>
           &lt;/table&gt;
         </code>
         </pre>
-      </div>
     </div>
-  </body>
-</html>
+  </div>
+</body>
+
+</html>