Added code for handeling websocket data, And made the html code fariable in a js function

web/styles.css

@@ -43,21 +43,56 @@ p1 {
   border: solid #1f82d3 2px;
   border-radius: 10px;
   width: 90%;
+
 }
 
 .statusText{
   font-size: 20px;
 }
+
+/* body{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  align-content: center;
+} */
+
+#randomShit{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  align-content: center;
+  border: 2px solid purple;  
  
+}
+
+#nodeDataLocation{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  /* justify-content: center; */
+  /* align-content: center; */
+  border: 4px solid blue;
+  /* padding-bottom: 50%; */
+  
+}
+ 
+
+
 .flex-NodeData {
   display: flex;
   margin-left: 1%;
   margin-right: 1%;
-  width: 50%;
-  height: 40%;
+  justify-content: space-evenly;
+  /* height: 40%; */
   flex-direction: column;
   border: 3px solid #1f82d3;
-  border-radius: 20px;
+  /* border-radius: 20px; */
+  /* border: 2px solid red; */
+  /* margin-right: 90%; */
+  /* width: 150vh; */
+  /* padding-right: 40%; */
+  /* padding-left: 40%; */
 }
 
 .nodeData {
@@ -78,6 +113,8 @@ justify-content: left;
   justify-content: space-evenly;
   gap: 5px;
   padding: 10px;
+  
+  
 }
 
 
@@ -89,6 +126,8 @@ justify-content: left;
   border-radius: 10px; 
   height: fit-content;
   width: 30%;
+  
+  
 }
 
 .flex-graph {