From 776242207d87b1858c2c5989ebe97a69b4bf370b Mon Sep 17 00:00:00 2001
From: Damien A <sepales.pret0h@icloud.com>
Date: Wed, 17 Jan 2024 17:03:16 +0100
Subject: [PATCH] Update schema

---
 .gitignore                                    |   1 +
 .../assets/images/diagrams/VXLAN.drawio       | 135 ++++++++++--------
 2 files changed, 73 insertions(+), 63 deletions(-)

diff --git a/.gitignore b/.gitignore
index 56263f2..6d6c2e4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 # Data
 .DS_Store
 .log
+documentation/assets/images/diagrams/.$VXLAN.drawio.bkp
 
 # ContainerLab File
 clab-vxlan-evpn-l2
diff --git a/documentation/assets/images/diagrams/VXLAN.drawio b/documentation/assets/images/diagrams/VXLAN.drawio
index 168d697..919bf9a 100644
--- a/documentation/assets/images/diagrams/VXLAN.drawio
+++ b/documentation/assets/images/diagrams/VXLAN.drawio
@@ -1,63 +1,72 @@
-<mxfile host="65bd71144e">
-    <diagram name="Page-1" id="O6sBWOfz2bUCuo58S4gg">
-        <mxGraphModel dx="389" dy="363" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
-            <root>
-                <mxCell id="0"/>
-                <mxCell id="1" parent="0"/>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-1" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
-                    <mxGeometry x="344.75" y="250" width="80" height="80" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-6" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
-                    <mxGeometry x="444.75" y="479" width="80" height="80" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-7" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
-                    <mxGeometry x="245" y="479" width="80" height="80" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-8" target="aTlmoTqcXMnjitFqs7Kw-27" edge="1">
-                    <mxGeometry relative="1" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-8" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
-                    <mxGeometry x="225" y="559" width="120" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" target="aTlmoTqcXMnjitFqs7Kw-36" edge="1">
-                    <mxGeometry relative="1" as="geometry">
-                        <mxPoint x="485" y="589" as="sourcePoint"/>
-                    </mxGeometry>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-19" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-7" edge="1">
-                    <mxGeometry relative="1" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-20" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-6" edge="1">
-                    <mxGeometry relative="1" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-14" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
-                    <mxGeometry x="324.75" y="330" width="120" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-27" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
-                    <mxGeometry x="265" y="620" width="40" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-30" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Spine 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.101.1&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
-                    <mxGeometry x="259.75" y="270" width="85" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-32" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.1&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
-                    <mxGeometry x="160" y="499" width="85" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-33" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 2&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.2&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
-                    <mxGeometry x="360" y="499" width="85" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-36" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
-                    <mxGeometry x="465" y="620" width="40" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-43" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 1&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.1/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
-                    <mxGeometry x="236" y="660" width="97.5" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="aTlmoTqcXMnjitFqs7Kw-44" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 2&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.2/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
-                    <mxGeometry x="436" y="660" width="97.5" height="40" as="geometry"/>
-                </mxCell>
-                <mxCell id="2" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
-                    <mxGeometry x="425" y="559" width="120" height="30" as="geometry"/>
-                </mxCell>
-            </root>
-        </mxGraphModel>
-    </diagram>
-</mxfile>
\ No newline at end of file
+<mxfile host="Electron" modified="2024-01-17T15:37:46.113Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.1.18 Chrome/120.0.6099.199 Electron/28.1.2 Safari/537.36" version="22.1.18" etag="v8FeEX9KPcQLB7UjO8FN" type="device">
+  <diagram name="Page-1" id="O6sBWOfz2bUCuo58S4gg">
+    <mxGraphModel dx="1790" dy="736" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-1" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
+          <mxGeometry x="344.75" y="250" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-6" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
+          <mxGeometry x="444.75" y="479" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-7" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
+          <mxGeometry x="245" y="479" width="80" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-8" target="aTlmoTqcXMnjitFqs7Kw-27" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-8" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
+          <mxGeometry x="225" y="559" width="120" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" target="aTlmoTqcXMnjitFqs7Kw-36" edge="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="485" y="589" as="sourcePoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-19" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-7" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-20" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-6" edge="1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-14" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
+          <mxGeometry x="324.75" y="330" width="120" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-27" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
+          <mxGeometry x="265" y="620" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-30" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Spine 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.101.1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 : &lt;/b&gt;&lt;span style=&quot;border-color: var(--border-color);&quot;&gt;4&lt;/span&gt;.4.4.4&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
+          <mxGeometry x="259.75" y="258" width="85" height="64" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-32" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 :&amp;nbsp;&lt;/b&gt;1.1.1.1&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
+          <mxGeometry x="160" y="486" width="85" height="66" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-33" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 2&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.2&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 :&amp;nbsp;&lt;/b&gt;2.2.2.2&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
+          <mxGeometry x="359.75" y="486" width="85" height="66" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-36" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
+          <mxGeometry x="465" y="620" width="40" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-43" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 1&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.1/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
+          <mxGeometry x="236" y="660" width="97.5" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="aTlmoTqcXMnjitFqs7Kw-44" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 2&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.2/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
+          <mxGeometry x="436" y="660" width="97.5" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="2" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
+          <mxGeometry x="425" y="559" width="120" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="WrZud4rfimy0aiVwPLGJ-2" value="&lt;font color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VNI 5000&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="247.75" y="720" width="274" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="WrZud4rfimy0aiVwPLGJ-3" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VLAN : &lt;/b&gt;100&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" vertex="1" parent="1">
+          <mxGeometry x="490" y="595" width="85" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="WrZud4rfimy0aiVwPLGJ-4" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VLAN : &lt;/b&gt;100&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" vertex="1" parent="1">
+          <mxGeometry x="290" y="595" width="85" height="20" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>