From 25ace54553ba6916351b68d3644bbc3552bf2539 Mon Sep 17 00:00:00 2001
From: Matej Focko <mfocko@redhat.com>
Date: Sun, 1 May 2022 17:10:46 +0200
Subject: [PATCH] chore: format rest of the files

Signed-off-by: Matej Focko <mfocko@redhat.com>
---
 README.md  |  1 +
 index.html | 55 ++++++++++++++++++++++++++++++++++++++++--------------
 style.css  |  6 +++---
 3 files changed, 45 insertions(+), 17 deletions(-)
diff --git a/README.md b/README.md
index 97065e3..cc502b0 100755
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # avl
+
 WAVL Tree Visualization using D3JS
 
 Simply fork repository and run index.html
diff --git a/index.html b/index.html
index 2809245..caa227f 100755
--- a/index.html
+++ b/index.html
@@ -1,23 +1,50 @@
 <!DOCTYPE html>
 
 <head>
-  <meta charset="UTF-8">
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:600" rel="stylesheet">
-  <link href="style.css" rel="stylesheet">
+  <meta charset="UTF-8" />
+  <link
+    href="https://fonts.googleapis.com/css?family=Open+Sans:600"
+    rel="stylesheet"
+  />
+  <link href="style.css" rel="stylesheet" />
 </head>
 
 <body>
-	<form id="insertTree" onSubmit="return handleInsert()">
-		<input id="insertInput" type="text" placeholder="Number to insert" maxlength="4" size="14" autofocus>
-		<input type="submit" value="Insert">
-	</form>
-  <form id="deleteTree" onSubmit="return handleDelete()">
-    <input id="deleteInput" type="text" placeholder="Number to delete" maxlength="4" size="14">
-    <input type="submit" value="Delete">
+  <form id="insertTree" onSubmit="return insertCallback()">
+    <input
+      id="insertInput"
+      type="text"
+      placeholder="Number to insert"
+      maxlength="4"
+      size="14"
+      autofocus
+    />
+    <input type="submit" value="Insert" />
   </form>
-  <svg></svg>
+  <form id="deleteTree" onSubmit="return deleteCallback()">
+    <input
+      id="deleteInput"
+      type="text"
+      placeholder="Number to delete"
+      maxlength="4"
+      size="14"
+    />
+    <input type="submit" value="Delete" />
+  </form>
+
+  <div id="graph" style="text-align: center"></div>
+
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
-  <script src="https://d3js.org/d3.v4.min.js"></script>
-  <script src="tree-creation.js"></script>
-  <script src="tree-visualization.js"></script>
+
+  <script src="https://d3js.org/d3.v5.min.js"></script>
+  <script src="https://unpkg.com/@hpcc-js/wasm@0.3.11/dist/index.min.js"></script>
+  <script src="https://unpkg.com/d3-graphviz@3.0.5/build/d3-graphviz.js"></script>
+
+  <script src="node.js"></script>
+  <script src="ranked_tree.js"></script>
+  <script src="avl.js"></script>
+  <script src="wavl.js"></script>
+  <script src="ravl.js"></script>
+
+  <script src="visualization.js"></script>
 </body>
diff --git a/style.css b/style.css
index 0034652..3a40d5b 100755
--- a/style.css
+++ b/style.css
@@ -6,9 +6,9 @@
 }
 
 .text {
-	font-family: 'Open Sans', sans-serif;
-	fill: #3498db;
-	font-size: 16px;
+  font-family: "Open Sans", sans-serif;
+  fill: #3498db;
+  font-size: 16px;
 }
 
 .link {
