From 543c0abea15d22a24a23cebc22dd4d8fb92c0c95 Mon Sep 17 00:00:00 2001
From: Abdullah Shahbaz <abdullah_ghani@live.com>
Date: Wed, 31 Jan 2024 13:49:15 +0500
Subject: [PATCH] fixed formatting issues

---
 examples/web-js-script/index.html | 131 ++++++++++++++++++------------
 1 file changed, 80 insertions(+), 51 deletions(-)
diff --git a/examples/web-js-script/index.html b/examples/web-js-script/index.html
index b1d11678..a0c71a95 100644
--- a/examples/web-js-script/index.html
+++ b/examples/web-js-script/index.html
@@ -1,61 +1,90 @@
 <!doctype html>
 <html>
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <title>Corbado's WebJS (script) App</title>
-  <link rel="stylesheet" href="https://unpkg.com/@corbado/web-js@1.0.3/dist/bundle/index.css" />
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script>
-    tailwind.config = {
-      theme: {
-        extend: {
-          fontFamily: {
-            eloquent: 'var(--font-eloquent)',
-          },
-          colors: {
-            lightBrown: 'var(--color-light-brown)',
-            darkBrown: 'var(--color-dark-brown)',
-            white: 'var(--color-white)',
-            black: 'var(--color-black)',
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <meta
+      http-equiv="X-UA-Compatible"
+      content="ie=edge"
+    />
+    <title>Corbado's WebJS (script) App</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/@corbado/web-js@1.0.3/dist/bundle/index.css"
+    />
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+      tailwind.config = {
+        theme: {
+          extend: {
+            fontFamily: {
+              eloquent: 'var(--font-eloquent)',
+            },
+            colors: {
+              lightBrown: 'var(--color-light-brown)',
+              darkBrown: 'var(--color-dark-brown)',
+              white: 'var(--color-white)',
+              black: 'var(--color-black)',
+            },
           },
         },
-      },
-    };
-  </script>
-  <link type="text/tailwindcss" rel="stylesheet" href="./style.css" />
-  <link rel="stylesheet" href="./assets/prism.css" />
-</head>
-
-<body>
-  <header id="header" class="bg-amber-700 text-white p-2 flex justify-between items-center"></header>
-  <div id="main" class="flex">
-    <div id="guide" class="w-2/3 p-10 bg-gray-200"></div>
-    <div id="right-section" class="w-1/3 mt-8 flex items-start justify-around"></div>
-  </div>
+      };
+    </script>
+    <link
+      type="text/tailwindcss"
+      rel="stylesheet"
+      href="./style.css"
+    />
+    <link
+      rel="stylesheet"
+      href="./assets/prism.css"
+    />
+  </head>
 
-  <script src="https://kit.fontawesome.com/fe9dcc7772.js" crossorigin="anonymous"></script>
-  <script src="./assets/prism.js"></script>
-  <script src="https://unpkg.com/@corbado/web-js@1.0.3/dist/bundle/index.js"></script>
+  <body>
+    <header
+      id="header"
+      class="bg-amber-700 text-white p-2 flex justify-between items-center"
+    ></header>
+    <div
+      id="main"
+      class="flex"
+    >
+      <div
+        id="guide"
+        class="w-2/3 p-10 bg-gray-200"
+      ></div>
+      <div
+        id="right-section"
+        class="w-1/3 mt-8 flex items-start justify-around"
+      ></div>
+    </div>
 
-  <script type="module">
-    import { insertHeader, insertGuide, insertDemo } from './components/index.js';
+    <script
+      src="https://kit.fontawesome.com/fe9dcc7772.js"
+      crossorigin="anonymous"
+    ></script>
+    <script src="./assets/prism.js"></script>
+    <script src="https://unpkg.com/@corbado/web-js@1.0.3/dist/bundle/index.js"></script>
 
-    const projectID = window.location.href.includes('localhost')
-      ? 'pro-1743528526530787479'
-      : 'pro-523751808285927805';
+    <script type="module">
+      import { insertHeader, insertGuide, insertDemo } from './components/index.js';
 
-    await Corbado.load({
-      projectId: projectID
-    });
+      const projectID = window.location.href.includes('localhost')
+        ? 'pro-1743528526530787479'
+        : 'pro-523751808285927805';
 
-    insertHeader(!!Corbado.isAuthenticated, Corbado.user);
-    insertGuide(!!Corbado.isAuthenticated);
-    insertDemo(Corbado);
-    Prism.highlightAll();
-  </script>
-</body>
+      await Corbado.load({
+        projectId: projectID,
+      });
 
-</html>
\ No newline at end of file
+      insertHeader(!!Corbado.isAuthenticated, Corbado.user);
+      insertGuide(!!Corbado.isAuthenticated);
+      insertDemo(Corbado);
+      Prism.highlightAll();
+    </script>
+  </body>
+</html>
