Fix cluster schematic in network graph

main.typ

@@ -66,32 +66,38 @@
   start: placeholder("01.01.1970"),
   end: placeholder("31.12.1970"),
   setup: placeholder([Connection to #targetFull was made through a dedicated VPN connection. The inner IP address of the test device was 10.0.0.42.]),
-  nodes: "
+  nodes: ```
-    subgraph stage1 {
+    digraph G {
-      label=\"Connection\";
+      rankdir=LR;
-      User -> Firewall [label=\"OpenVPN\"];
+      node [shape=rectangle];
-    }
+      color="#3C6A6A";
 
-    subgraph targetnet1 {
+      subgraph cluster_conn {
-      label=\"Target Network\";
+        label="Connection"
-      Firewall -> Target1;
+        User -> Firewall [label="OpenVPN"]
-      Firewall -> Target2;
+      }
-      Firewall -> Target3;
-      Firewall -> Target4;
-    }
 
-    subgraph targetnet2 {
+      subgraph cluster_targetnet1 {
-      label=\"Target Network\";
+        label="DMZ";
-      Target2 -> Target5;
+        Firewall -> Target1
-      Target2 -> Target6;
+        Firewall -> Target2
-      Target2 -> Target7;
+        Firewall -> Target3
-    }
+        Firewall -> Target4
+      }
 
-    subgraph targetnet3 {
+      subgraph cluster_targetnet2 {
-      label=\"Target Network\";
+        label="Mgmt LAN"
-      Target4 -> Target8;
+        Target2 -> Target5
+        Target2 -> Target6
+        Target2 -> Target7
+      }
+
+      subgraph cluster_targetnet3 {
+        label="IoT Devices"
+        Target4 -> Target8
+      }
     }
-  ",
+  ```,
   scope: (
       ( type: "Address", content: placeholder("10.23.42.1"), inScope: true ),
       ( type: "Address", content: placeholder("2001:db8::2342"), inScope: true ),

pages/mgmtsum.typ

@@ -2,7 +2,7 @@
 
 #import "../addons/cvss.typ"
 
-#let render(target: str, targetInSentence: str, testFocus: str, testObject: str, testScenario: str, recommendation: str, start: str, end: str, setup: str, nodes: str, scope: array) = {
+#let render(target: str, targetInSentence: str, testFocus: str, testObject: str, testScenario: str, recommendation: str, start: str, end: str, setup: str, nodes: raw, scope: array) = {
   [
     = Management Summary
 
@@ -87,14 +87,7 @@
       [ From the perspective of the machine used for the penetration test, the network layout was seen as shown in the graph below. ]
 
       figure(
-        diagraph.render("
+        diagraph.raw-render(nodes),
-          digraph G {
-            rankdir=LR;
-            node [shape=rectangle];
-
-            " + nodes + "
-          }
-        "),
         caption: [
           Schematic graph showing the test objective network
         ]