includes updated links to landing page

nadchif · Nov 14, 2021 · fe4c1f3 · fe4c1f3
1 parent 51df403
commit fe4c1f3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/dist/html-duration-picker.min.js b/dist/html-duration-picker.min.js
diff --git a/index.html b/index.html
@@ -4,21 +4,30 @@
 
 <h2>Example Usage</h2>
 
+<h3>Download</h3>
 <p>
-    Include <a href="https://raw.githubusercontent.com/nadchif/html-duration-picker.js/master/dist/html-duration-picker.min.js">html-duration-picker.min.js</a> in your HTML file, just before the <code>&#x3C;/body&#x3E;</code> tag. like
+    Include download <a
+        href="https://raw.githubusercontent.com/nadchif/html-duration-picker.js/master/dist/html-duration-picker.min.js">html-duration-picker.min.js</a>
+    in your HTML file, just before the <code>&#x3C;/body&#x3E;</code> tag. like
     this:
 </p>
-    <pre>
+<pre>
         <code>
         &#x3C;script src=&#x22;html-duration-picker.min.js&#x22;&#x3E;&#x3C;/script&#x3E;
         &#x3C;/body&#x3E;
         </code>
     </pre>
-
+<h3>CDN</h3>
+<pre>
+    <code>
+    &#x3C;script src=&#x22;https://cdn.jsdelivr.net/npm/html-duration-picker@latest/dist/html-duration-picker.min.js&#x22;&#x3E;&#x3C;/script&#x3E;
+    &#x3C;/body&#x3E;
+    </code>
+</pre>
 
 <p>add a <code>html-duration-picker</code> class on any <code>&#x3C;input&#x3E;</code>box.
     like this: </p>
-    <pre>
+<pre>
         <code>
             &#x3C;input class="html-duration-picker"&#x3E;
         </code>
@@ -38,11 +47,14 @@ <h2>Result:</h2>
 
 
 <h2>Features:</h2>
-Set default value to 15 minutes <code>&#x3C;input type="text" class="html-duration-picker" data-duration="00:15:00" &#x3E;</code> <br>
+Set default value to 15 minutes
+<code>&#x3C;input type="text" class="html-duration-picker" data-duration="00:15:00" &#x3E;</code> <br>
 <br>
-Set maximum value to 35 minutes <code>&#x3C;input type="text" class="html-duration-picker" data-duration-max="00:35:00" &#x3E;</code> <br>
+Set maximum value to 35 minutes
+<code>&#x3C;input type="text" class="html-duration-picker" data-duration-max="00:35:00" &#x3E;</code> <br>
 <br>
-Set minimum value to 5 minutes <code>&#x3C;input type="text" class="html-duration-picker" data-duration-min="00:05:00" &#x3E;</code> <br>
+Set minimum value to 5 minutes
+<code>&#x3C;input type="text" class="html-duration-picker" data-duration-min="00:05:00" &#x3E;</code> <br>
 <br>
 
-<script src="https://cdn.jsdelivr.net/npm/html-duration-picker/dist/html-duration-picker.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/html-duration-picker@latest/dist/html-duration-picker.min.js"></script>