Update index.html

index.html

@@ -256,32 +256,35 @@ function hello() {
 
     <!-- Playground modals -->
     <!-- Badge Modal -->
-    <div class="modal" id="badge-modal">
-        <div class="modal-content">
-            <h2>Create a Badge</h2>
-            <label for="badge-label">Label:</label>
-            <input type="text" id="badge-label" placeholder="e.g., version">
-            <label for="badge-message">Message:</label>
-            <input type="text" id="badge-message" placeholder="e.g., v1.0">
-            <label for="badge-color">Color:</label>
-            <input type="text" id="badge-color" placeholder="e.g., blue">
-            <label for="badge-icon">Icon:</label>
-            <select id="badge-icon">
-                <option value="">No Icon</option>
-                <option value="github">GitHub</option>
-                <option value="npm">npm</option>
-                <option value="docker">Docker</option>
-                <option value="python">Python</option>
-                <option value="javascript">JavaScript</option>
-                <option value="react">React</option>
-                <option value="vue">Vue</option>
-                <option value="angular">Angular</option>
-                <option value="apple">Apple</option>
-                <option value="windows">Windows</option>
-            </select>
-            <button id="insert-badge">Insert Badge</button>
-        </div>
+<div class="modal" id="badge-modal">
+    <div class="modal-content">
+        <h2>Create a Badge</h2>
+        <label for="badge-label">Label:</label>
+        <input type="text" id="badge-label" placeholder="e.g., version">
+        <label for="badge-message">Message:</label>
+        <input type="text" id="badge-message" placeholder="e.g., v1.0">
+        <label for="badge-color">Color:</label>
+        <input type="text" id="badge-color" placeholder="e.g., blue">
+        <label for="badge-icon">Icon:</label>
+        <select id="badge-icon">
+            <option value="">No Icon</option>
+            <option value="github">GitHub</option>
+            <option value="npm">npm</option>
+            <option value="docker">Docker</option>
+            <option value="python">Python</option>
+            <option value="javascript">JavaScript</option>
+            <option value="react">React</option>
+            <option value="vue">Vue</option>
+            <option value="angular">Angular</option>
+            <option value="apple">Apple</option>
+            <option value="windows">Windows</option>
+        </select>
+        <!-- Add URL input field -->
+        <label for="badge-url">Link URL (optional):</label>
+        <input type="text" id="badge-url" placeholder="e.g., https://example.com">
+        <button id="insert-badge">Insert Badge</button>
     </div>
+</div>
 
     <!-- Links and Media Modal -->
     <div class="modal" id="links-modal">