Update index.html

DilemmaGX · Dec 12, 2023 · a4ddf8e · a4ddf8e
1 parent 1f5ff0d
commit a4ddf8e
Showing 1 changed file with 18 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -45,7 +45,6 @@ <h1>Static Badge Maker</h1>
             <input id="color" style="width: 25%" type="text" class="form-control" placeholder="Theme Color">
             <input id="link" style="width: 25%" type="text" class="form-control" placeholder="URL">
         </div>
-        <br>
         <div align="middle">
             <button id="g_button" type="button" class="btn btn-primary" style="width: 150px; " onclick="auto()"
                 disabled>Generate</button>
@@ -55,27 +54,33 @@ <h1>Static Badge Maker</h1>
                         src="https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff"
                         alt="Hello - World"></a>
             </div><br>
+            <div class="btn-group" role="group" aria-label="Copy">
+                <button type="button" class="btn btn-outline-primary" onclick="copy('o_url')">Copy URL</button>
+                <button type="button" class="btn btn-outline-primary" onclick="copy('o_md')">Copy MD</button>
+                <button type="button" class="btn btn-outline-primary" onclick="copy('o_rst')">Copy rSt</button>
+                <button type="button" class="btn btn-outline-primary" onclick="copy('o_ad')">Copy AsciiDoc</button>
+                <button type="button" class="btn btn-outline-primary" onclick="copy('o_html')">Copy HTML</button>
+            </div>
+            <br><br>
             <div id="o_url" class="url">
-                <pre><code>https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff</code></pre>
+                <h4>URL</h4>
+                <pre><code style="white-space: pre-wrap;word-wrap: break-word;">https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff</code></pre>
             </div>
             <div id="o_md" class="md">
-                <pre><code>[![Hello](https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff)](http://github.com/DilemmaGX)</code></pre>
+                <h4>Markdown</h4>
+                <pre><code style="white-space: pre-wrap;word-wrap: break-word;">[![Hello](https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff)](http://github.com/DilemmaGX)</code></pre>
             </div>
             <div id="o_rst" class="rst">
-                <pre><code>.. image:: https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff</code></pre>
+                <h4>rSt</h4>
+                <pre><code style="white-space: pre-wrap;word-wrap: break-word;">.. image:: https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff</code></pre>
             </div>
             <div id="o_ad" class="ad">
-                <pre><code>http://github.com/dilemmagx[image:https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&logo=github&logoColor=ffffff[Static Badge]]</code></pre>
+                <h4>AsciiDoc</h4>
+                <pre><code style="white-space: pre-wrap;word-wrap: break-word;">http://github.com/dilemmagx[image:https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&logo=github&logoColor=ffffff[Static Badge]]</code></pre>
             </div>
             <div id="o_html" class="html">
-                <pre><code>&lt;a href="http://github.com/DilemmaGX"&gt;&lt;img src="https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff" alt="Hello - World"&gt;&lt;/a&gt;</code></pre>
-            </div>
-            <div class="btn-group" role="group" aria-label="Copy">
-                <button type="button" class="btn btn-outline-primary" onclick="copy('o_url')">Copy URL</button>
-                <button type="button" class="btn btn-outline-primary" onclick="copy('o_md')">Copy MD</button>
-                <button type="button" class="btn btn-outline-primary" onclick="copy('o_rst')">Copy rSt</button>
-                <button type="button" class="btn btn-outline-primary" onclick="copy('o_ad')">Copy AsciiDoc</button>
-                <button type="button" class="btn btn-outline-primary" onclick="copy('o_html')">Copy HTML</button>
+                <h4>HTML</h4>
+                <pre><code style="white-space: pre-wrap;word-wrap: break-word;">&lt;a href="http://github.com/DilemmaGX"&gt;&lt;img src="https://custom-icon-badges.demolab.com/badge/Hello-World-ff9900?style=flat&amp;logo=github&amp;logoColor=ffffff" alt="Hello - World"&gt;&lt;/a&gt;</code></pre>
             </div>
         </div>
     </div>