Damien/Notebook
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity
Files
docs/ipfabric
Notebook/content/netlab/first_lab/VXLAN.svg
D. Arnodo b47a267dc0 Hextra theme (#1) 
* Adapt theme
* Update Contents to match with new theme
* chore: few updates
* adapt HomePage
* Add icons and french version
* fix fr homepage
* Fix Netlab view
* Fix Netlab articles
* devpod post
* French version of DevPod
* my_first_lab
2025-02-19 19:46:53 +01:00

1 line
30 KiB
XML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="469px" height="601px" viewBox="-0.5 -0.5 469 601" content="&lt;mxfile&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;O6sBWOfz2bUCuo58S4gg&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="193.75" y="0" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 198.66 0 C 195.96 0 193.75 2.2 193.75 4.89 L 193.75 75.11 C 193.75 77.8 195.96 80 198.66 80 L 268.84 80 C 271.54 80 273.75 77.8 273.75 75.11 L 273.75 4.89 C 273.75 2.2 271.54 0 268.84 0 Z" fill="#fafafa" stroke="none" pointer-events="all"/><rect x="193.75" y="0" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 231.15 64.83 L 231.15 58.45 L 214.2 58.45 L 214.2 53.42 L 199.76 61.94 L 214.2 70.34 L 214.2 64.83 Z M 239.07 34.34 L 239.07 27.96 L 222.11 27.96 L 222.11 22.93 L 207.67 31.46 L 222.11 39.85 L 222.11 34.34 Z M 229.56 49.7 L 229.56 43.32 L 246.52 43.32 L 246.52 38.29 L 260.95 46.82 L 246.52 55.21 L 246.52 49.7 Z M 236.88 19.72 L 236.88 13.35 L 253.84 13.35 L 253.84 8.31 L 268.28 16.84 L 253.84 25.24 L 253.84 19.72 Z M 198.66 0 C 195.96 0 193.75 2.2 193.75 4.89 L 193.75 75.11 C 193.75 77.8 195.96 80 198.66 80 L 268.84 80 C 271.54 80 273.75 77.8 273.75 75.11 L 273.75 4.89 C 273.75 2.2 271.54 0 268.84 0 Z M 198.66 2.21 L 268.84 2.21 C 270.35 2.21 271.53 3.38 271.53 4.89 L 271.53 75.11 C 271.53 76.62 270.35 77.79 268.84 77.79 L 198.66 77.79 C 197.15 77.79 195.97 76.62 195.97 75.11 L 195.97 4.89 C 195.97 3.38 197.15 2.21 198.66 2.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all"/><rect x="293.75" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 298.66 229 C 295.96 229 293.75 231.2 293.75 233.89 L 293.75 304.11 C 293.75 306.8 295.96 309 298.66 309 L 368.84 309 C 371.54 309 373.75 306.8 373.75 304.11 L 373.75 233.89 C 373.75 231.2 371.54 229 368.84 229 Z" fill="#fafafa" stroke="none" pointer-events="all"/><rect x="293.75" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 331.15 293.83 L 331.15 287.45 L 314.2 287.45 L 314.2 282.42 L 299.76 290.94 L 314.2 299.34 L 314.2 293.83 Z M 339.07 263.34 L 339.07 256.96 L 322.11 256.96 L 322.11 251.93 L 307.67 260.46 L 322.11 268.85 L 322.11 263.34 Z M 329.56 278.7 L 329.56 272.32 L 346.52 272.32 L 346.52 267.29 L 360.95 275.82 L 346.52 284.21 L 346.52 278.7 Z M 336.88 248.72 L 336.88 242.35 L 353.84 242.35 L 353.84 237.31 L 368.28 245.84 L 353.84 254.24 L 353.84 248.72 Z M 298.66 229 C 295.96 229 293.75 231.2 293.75 233.89 L 293.75 304.11 C 293.75 306.8 295.96 309 298.66 309 L 368.84 309 C 371.54 309 373.75 306.8 373.75 304.11 L 373.75 233.89 C 373.75 231.2 371.54 229 368.84 229 Z M 298.66 231.21 L 368.84 231.21 C 370.35 231.21 371.53 232.38 371.53 233.89 L 371.53 304.11 C 371.53 305.62 370.35 306.79 368.84 306.79 L 298.66 306.79 C 297.15 306.79 295.97 305.62 295.97 304.11 L 295.97 233.89 C 295.97 232.38 297.15 231.21 298.66 231.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all"/><rect x="94" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 98.91 229 C 96.21 229 94 231.2 94 233.89 L 94 304.11 C 94 306.8 96.21 309 98.91 309 L 169.09 309 C 171.79 309 174 306.8 174 304.11 L 174 233.89 C 174 231.2 171.79 229 169.09 229 Z" fill="#fafafa" stroke="none" pointer-events="all"/><rect x="94" y="229" width="80" height="80" fill="none" stroke="none" pointer-events="all"/><path d="M 131.4 293.83 L 131.4 287.45 L 114.45 287.45 L 114.45 282.42 L 100.01 290.94 L 114.45 299.34 L 114.45 293.83 Z M 139.32 263.34 L 139.32 256.96 L 122.36 256.96 L 122.36 251.93 L 107.92 260.46 L 122.36 268.85 L 122.36 263.34 Z M 129.81 278.7 L 129.81 272.32 L 146.77 272.32 L 146.77 267.29 L 161.2 275.82 L 146.77 284.21 L 146.77 278.7 Z M 137.13 248.72 L 137.13 242.35 L 154.09 242.35 L 154.09 237.31 L 168.53 245.84 L 154.09 254.24 L 154.09 248.72 Z M 98.91 229 C 96.21 229 94 231.2 94 233.89 L 94 304.11 C 94 306.8 96.21 309 98.91 309 L 169.09 309 C 171.79 309 174 306.8 174 304.11 L 174 233.89 C 174 231.2 171.79 229 169.09 229 Z M 98.91 231.21 L 169.09 231.21 C 170.6 231.21 171.78 232.38 171.78 233.89 L 171.78 304.11 C 171.78 305.62 170.6 306.79 169.09 306.79 L 98.91 306.79 C 97.4 306.79 96.22 305.62 96.22 304.11 L 96.22 233.89 C 96.22 232.38 97.4 231.21 98.91 231.21 Z" fill="#5c5c5c" stroke="none" pointer-events="all"/><path d="M 134 339 L 134 460" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/><rect x="74" y="309" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 324px; margin-left: 75px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style=""><font color="#5c5c5c">Arista cEOS</font></b></div></div></div></foreignObject><text x="134" y="328" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g><path d="M 334 339 L 334 460" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 233.75 110 L 134 229" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 233.75 110 L 333.75 229" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/><rect x="173.75" y="80" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 95px; margin-left: 175px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style=""><font color="#5c5c5c">Arista cEOS</font></b></div></div></div></foreignObject><text x="234" y="99" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g><path d="M 114 500 L 114 460 L 154 460 L 154 500 Z" fill="#4495d1" stroke="none" pointer-events="all"/><path d="M 132.97 485.72 L 133.66 474.9 L 136.95 474.9 L 139 481.8 L 141.22 474.9 L 144.44 474.9 L 145.02 485.72 L 142.62 485.72 L 142.3 477.49 L 139.76 485.72 L 137.82 485.72 L 135.65 477.67 L 135.24 485.72 Z M 125.5 485.72 L 121.98 474.9 L 124.68 474.9 L 127.01 482.92 L 129.43 474.9 L 132.04 474.9 L 128.36 485.72 Z" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="382.5" y="260" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 281px; margin-left: 384px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><b style="color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;">Leaf 2</b></div><font face="Tahoma" color="#5c5c5c"><div style="">10.10.110.2/32</div></font></div></div></div></foreignObject><text x="425" y="285" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Leaf 210.10.11...</text></switch></g><path d="M 314 500 L 314 460 L 354 460 L 354 500 Z" fill="#4495d1" stroke="none" pointer-events="all"/><path d="M 332.97 485.72 L 333.66 474.9 L 336.95 474.9 L 339 481.8 L 341.22 474.9 L 344.44 474.9 L 345.02 485.72 L 342.62 485.72 L 342.3 477.49 L 339.76 485.72 L 337.82 485.72 L 335.65 477.67 L 335.24 485.72 Z M 325.5 485.72 L 321.98 474.9 L 324.68 474.9 L 327.01 482.92 L 329.43 474.9 L 332.04 474.9 L 328.36 485.72 Z" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="85" y="500" width="97.5" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 96px; height: 1px; padding-top: 520px; margin-left: 86px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma"><b>Host 1 </b></font></div><div style=""><font color="#5c5c5c" face="Tahoma">10.50.0.10/24</font></div></div></div></div></foreignObject><text x="134" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Host 1...</text></switch></g><rect x="285" y="500" width="97.5" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 96px; height: 1px; padding-top: 520px; margin-left: 286px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma"><b>Host 2 </b></font></div><div style=""><font color="#5c5c5c" face="Tahoma">10.50.0.20/24</font></div></div></div></div></foreignObject><text x="334" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Host 2...</text></switch></g><rect x="274" y="309" width="120" height="30" rx="4.5" ry="4.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 324px; margin-left: 275px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style=""><font color="#5c5c5c">Arista cEOS</font></b></div></div></div></foreignObject><text x="334" y="328" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Arista cEOS</text></switch></g><path d="M 288.75 580 L 308.8 580 L 277.7 580 L 297.69 580" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke"/><rect x="178.75" y="560" width="110" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 580px; margin-left: 180px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#5c5c5c"><b>VNI 1050<br />IRB VxLAN Tunnel<br /></b></font></div></div></div></foreignObject><text x="234" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">VNI 1050...</text></switch></g><path d="M 170.06 580 L 178.75 580" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke"/><rect x="97.43" y="560" width="72.63" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 71px; height: 1px; padding-top: 580px; margin-left: 98px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#5c5c5c"><b>VLAN 50</b></font></div></div></div></foreignObject><text x="134" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">VLAN 50</text></switch></g><rect x="297.69" y="560" width="72.63" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 71px; height: 1px; padding-top: 580px; margin-left: 299px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#5c5c5c"><b>VLAN 50</b></font></div></div></div></foreignObject><text x="334" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">VLAN 50</text></switch></g><rect x="97.5" y="0" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 9px; margin-left: 99px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma"><b>AS: 65001</b></font></div></div></div></div></foreignObject><text x="140" y="13" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">AS: 65001</text></switch></g><rect x="0" y="260" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 281px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><b style="color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;">Leaf 1</b></div><font face="Tahoma" color="#5c5c5c"><div style="">10.10.110.1/32</div></font></div></div></div></foreignObject><text x="43" y="285" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Leaf 110.10.11...</text></switch></g><rect x="97.5" y="30" width="85" height="42" rx="6.3" ry="6.3" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 51px; margin-left: 99px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><b style="color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;">Leaf 1</b></div><font face="Tahoma" color="#5c5c5c"><div style="">10.10.100.1/32</div></font></div></div></div></foreignObject><text x="140" y="55" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Leaf 110.10.10...</text></switch></g><rect x="0" y="229" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 238px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma"><b>AS: 65101</b></font></div></div></div></div></foreignObject><text x="43" y="242" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">AS: 65101</text></switch></g><rect x="382.5" y="229" width="85" height="18" rx="2.7" ry="2.7" fill="#f5f5f5" stroke="#666666" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 238px; margin-left: 384px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma"><b>AS: 65102</b></font></div></div></div></div></foreignObject><text x="425" y="242" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">AS: 65102</text></switch></g><rect x="132" y="130" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 139px; margin-left: 133px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma">10.1.1.0/31</font></div></div></div></div></foreignObject><text x="175" y="143" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">10.1.1.0/31</text></switch></g><rect x="252" y="130" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 139px; margin-left: 253px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma">10.1.1.2/31</font></div></div></div></div></foreignObject><text x="295" y="143" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">10.1.1.2/31</text></switch></g><rect x="122" y="200" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 209px; margin-left: 123px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma">10.1.1.1/31</font></div></div></div></div></foreignObject><text x="165" y="213" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">10.1.1.1/31</text></switch></g><rect x="274" y="200" width="85" height="18" rx="2.7" ry="2.7" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="8 8" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 83px; height: 1px; padding-top: 209px; margin-left: 275px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div style=""><font color="#5c5c5c" face="Tahoma">10.1.1.3/31</font></div></div></div></div></foreignObject><text x="317" y="213" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">10.1.1.3/31</text></switch></g><rect x="74" y="350" width="118" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 116px; height: 1px; padding-top: 370px; margin-left: 75px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#5c5c5c"><b>SVI VLAN 50<br />10.50.0.1/24<br /></b></font></div></div></div></foreignObject><text x="133" y="374" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">SVI VLAN 50...</text></switch></g><rect x="276" y="350" width="118" height="40" rx="6" ry="6" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="12 12" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 116px; height: 1px; padding-top: 370px; margin-left: 277px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font color="#5c5c5c"><b>SVI VLAN 50<br />10.50.0.1/24<br /></b></font></div></div></div></foreignObject><text x="335" y="374" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">SVI VLAN 50...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
Reference in New Issue View Git Blame Copy Permalink