From 723afc81c98e3831b5f628f0427c841bbb77c75f Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Tue, 7 May 2024 16:22:32 -0700
Subject: [PATCH] Format example html

---
 examples/minimal/index.html         | 64 ++++++++++++-----------
 examples/minimalMilkdrop/index.html | 78 ++++++++++++++---------------
 examples/webpack/index.html         | 10 ++--
 examples/webpackLazyLoad/index.html | 10 ++--
 4 files changed, 78 insertions(+), 84 deletions(-)
diff --git a/examples/minimal/index.html b/examples/minimal/index.html
index 789bd510..51580b93 100755
--- a/examples/minimal/index.html
+++ b/examples/minimal/index.html
@@ -1,44 +1,42 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <meta charset="utf-8" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="app" style="height: 100vh">
-        <!-- Webamp will attempt to center itself within this div -->
+      <!-- Webamp will attempt to center itself within this div -->
     </div>
     <script src="https://unpkg.com/webamp@1.4.2/built/webamp.bundle.min.js"></script>
     <script>
-        const Webamp = window.Webamp;
-        const webamp = new Webamp({
-            initialTracks: [
-                {
-                    metaData: {
-                        artist: "DJ Mike Llama",
-                        title: "Llama Whippin' Intro"
-                    },
-                    // NOTE: Your audio file must be served from the same domain as your HTML
-                    // file, or served with permissive CORS HTTP headers:
-                    // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
-                    url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
-                    duration: 5.322286
-                },
-                {
-                    metaData: {
-                        artist: "Some Artist",
-                        title: "Title of Second Track"
-                    },
-                    url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
-                    duration: 5.322286
-                }
-            ],
-        });
+      const Webamp = window.Webamp;
+      const webamp = new Webamp({
+        initialTracks: [
+          {
+            metaData: {
+              artist: "DJ Mike Llama",
+              title: "Llama Whippin' Intro",
+            },
+            // NOTE: Your audio file must be served from the same domain as your HTML
+            // file, or served with permissive CORS HTTP headers:
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
+            duration: 5.322286,
+          },
+          {
+            metaData: {
+              artist: "Some Artist",
+              title: "Title of Second Track",
+            },
+            url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
+            duration: 5.322286,
+          },
+        ],
+      });
 
-        // Returns a promise indicating when it's done loading.
-        webamp.renderWhenReady(document.getElementById('app'));
+      // Returns a promise indicating when it's done loading.
+      webamp.renderWhenReady(document.getElementById("app"));
     </script>
-</body>
-
+  </body>
 </html>
diff --git a/examples/minimalMilkdrop/index.html b/examples/minimalMilkdrop/index.html
index 8da4180f..84566dcc 100755
--- a/examples/minimalMilkdrop/index.html
+++ b/examples/minimalMilkdrop/index.html
@@ -1,52 +1,52 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <meta charset="utf-8" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="app" style="height: 100vh">
-        <!-- Webamp will attempt to center itself within this div -->
+      <!-- Webamp will attempt to center itself within this div -->
     </div>
     <script src="https://unpkg.com/webamp@1.5.0/built/webamp.bundle.min.js"></script>
     <script src="https://unpkg.com/butterchurn@2.6.7/lib/butterchurn.min.js"></script>
     <script src="https://unpkg.com/butterchurn-presets@2.4.7/lib/butterchurnPresets.min.js"></script>
     <script>
-        const Webamp = window.Webamp;
-        new Webamp({
-            initialTracks: [{
-                metaData: {
-                    artist: "DJ Mike Llama",
-                    title: "Llama Whippin' Intro"
-                },
-                // NOTE: Your audio file must be served from the same domain as your HTML
-                // file, or served with permissive CORS HTTP headers:
-                // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
-                url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
-                duration: 5.322286
-            }],
-            __butterchurnOptions: {
-                importButterchurn: () => Promise.resolve(window.butterchurn),
-                getPresets: () => {
-                    const presets = window.butterchurnPresets.getPresets();
-                    return Object.keys(presets).map((name) => {
-                        return {
-                            name,
-                            butterchurnPresetObject: presets[name]
-                        };
-                    });
-                },
-                butterchurnOpen: true
+      const Webamp = window.Webamp;
+      new Webamp({
+        initialTracks: [
+          {
+            metaData: {
+              artist: "DJ Mike Llama",
+              title: "Llama Whippin' Intro",
             },
-            __initialWindowLayout: {
-                main: { position: { x: 0, y: 0 } },
-                equalizer: { position: { x: 0, y: 116 } },
-                playlist: { position: { x: 0, y: 232 }, size: [0, 4] },
-                milkdrop: { position: { x: 275, y: 0 }, size: [7, 12] }
-            }
-        }).renderWhenReady(document.getElementById('app'));
+            // NOTE: Your audio file must be served from the same domain as your HTML
+            // file, or served with permissive CORS HTTP headers:
+            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
+            duration: 5.322286,
+          },
+        ],
+        __butterchurnOptions: {
+          importButterchurn: () => Promise.resolve(window.butterchurn),
+          getPresets: () => {
+            const presets = window.butterchurnPresets.getPresets();
+            return Object.keys(presets).map((name) => {
+              return {
+                name,
+                butterchurnPresetObject: presets[name],
+              };
+            });
+          },
+          butterchurnOpen: true,
+        },
+        __initialWindowLayout: {
+          main: { position: { x: 0, y: 0 } },
+          equalizer: { position: { x: 0, y: 116 } },
+          playlist: { position: { x: 0, y: 232 }, size: [0, 4] },
+          milkdrop: { position: { x: 275, y: 0 }, size: [7, 12] },
+        },
+      }).renderWhenReady(document.getElementById("app"));
     </script>
-</body>
-
+  </body>
 </html>
diff --git a/examples/webpack/index.html b/examples/webpack/index.html
index 37a63a2a..47c95f48 100755
--- a/examples/webpack/index.html
+++ b/examples/webpack/index.html
@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <meta charset="utf-8" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="app" style="height: 100vh"></div>
     <script src="./bundle.js"></script>
-</body>
-
+  </body>
 </html>
diff --git a/examples/webpackLazyLoad/index.html b/examples/webpackLazyLoad/index.html
index 37a63a2a..47c95f48 100755
--- a/examples/webpackLazyLoad/index.html
+++ b/examples/webpackLazyLoad/index.html
@@ -1,13 +1,11 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <meta charset="utf-8" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="app" style="height: 100vh"></div>
     <script src="./bundle.js"></script>
-</body>
-
+  </body>
 </html>
