Improve API page

Author: randomairborne

assets/api.js

@@ -8,6 +8,7 @@ async function loadExampleResponses() {
     .then((resp) => {
       let ping_response = JSON.stringify(resp, null, "  ");
       pingResponseElement.innerHTML = new Option(ping_response).innerHTML;
+      hljs.highlightElement(pingResponseElement);
     });
   fetch("/api/services", {})
     .then((response) => {
@@ -16,9 +17,6 @@ async function loadExampleResponses() {
     .then((resp) => {
       const services_string = JSON.stringify(resp, null, "  ");
       servicesElement.innerHTML = new Option(services_string).innerHTML;
+      hljs.highlightElement(servicesElement);
     });
 }
-
-loadExampleResponses().then(() => {
-  hljs.highlightAll();
-});

assets/index.html

@@ -4,10 +4,6 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/icon.png" />
     <link rel="stylesheet" href="/index.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css"
-    />
     <meta name="viewport" content="width=device-width" />
     <meta property="og:title" content="mcping minecraft server tester" />
     <meta property="og:type" content="website" />
@@ -84,7 +80,6 @@ <h1>Minecraft server tester</h1>
         </div>
       </div>
     </footer>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
     <script src="/index.js"></script>
   </body>
 </html>