From bc6907e58ba86da8c30a29c98b998832c4b260d3 Mon Sep 17 00:00:00 2001
From: Johannes Stoelp <johannes.stoelp@gmail.com>
Date: Mon, 26 Feb 2024 21:58:24 +0100
Subject: svg: add script to export drawio svg after feature was added to
 specify theme on cli

---
 content/2023-05-24-openwrt-migrate-to-dsa/gen-svg.sh  | 3 +++
 content/2023-05-24-openwrt-migrate-to-dsa/home-nw.svg | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)
 create mode 100644 content/2023-05-24-openwrt-migrate-to-dsa/gen-svg.sh

(limited to 'content/2023-05-24-openwrt-migrate-to-dsa')

diff --git a/content/2023-05-24-openwrt-migrate-to-dsa/gen-svg.sh b/content/2023-05-24-openwrt-migrate-to-dsa/gen-svg.sh
new file mode 100644
index 0000000..ca15382
--- /dev/null
+++ b/content/2023-05-24-openwrt-migrate-to-dsa/gen-svg.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+
+drawio -x -f svg -t --svg-theme dark -o home-nw.svg home-nw.drawio
diff --git a/content/2023-05-24-openwrt-migrate-to-dsa/home-nw.svg b/content/2023-05-24-openwrt-migrate-to-dsa/home-nw.svg
index 484511a..e0fb864 100644
--- a/content/2023-05-24-openwrt-migrate-to-dsa/home-nw.svg
+++ b/content/2023-05-24-openwrt-migrate-to-dsa/home-nw.svg
@@ -1,4 +1,3 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Do not edit this file with editors other than diagrams.net -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="481px" height="332px" viewBox="-0.5 -0.5 481 332" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2023-07-17T20:59:29.082Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/21.2.8 Chrome/112.0.5615.165 Electron/24.2.0 Safari/537.36&quot; etag=&quot;rZiMTV4ibdji0EE0oQ0z&quot; version=&quot;21.2.8&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;QeHWJlUOV-UGDBzk2ikC&quot;&gt;7Vptc9o4EP41zNx9gLEt24GPQEJyc0kvc7RJ0y83ChZGibFcWQTorz8JS/hF4i2NE5I2mQG8ltfrZx+tVrtugP50cU5hMrkiAYoajhUsGuC04Tiddod/CsEyE3gdNxOEFAeZyM4FQ/wDSaElpTMcoLQ0kBESMZyUhSMSx2jESjJIKZmXh41JVL5rAkOkCYYjGOnSWxywSSZte1Yuv0A4nKg725Y8M4VqsBSkExiQeUEEzhqgTwlh2a/poo8igZ3CJbtusOHs2jCKYrbPBS74vEyHX5sXT+Hf4XX7zlom35u2l6l5gtFMPrG0li0VBJTM4gAJLVYD9AhlExKSGEaXhCRcaHPhA2JsKZ0HZ4xw0YRNI3mWG0iXX8X1LbfjK8HdStDx1iNOF/IW2dGyeHSNKJ4ihqgUrsEUBw+zaTKU9sYkRuI8g5R1hf+5bBTBNMUjJR7gaG3ZArPMME8e3am78t+5QeJA2TMmMRvAKY6EYEpikiZwJO6pO0T6KCUzOkJbvODIOcGtCxHb5i45EAUl1kqHnyPCMaJLPoCiCDL8VCYxlHMhXI9bX3pNMDfaseS09XxJWjlrHcV3pSJ7JHlVkXQ7FNmdiqLskTVF/EfheXLRitOH8NvV+P1XzGkUI6bxnKvjUQVl7ErQijhkxrX35hPM0DBz8+mcx7kyv58QZZiHjG6Ew1iQAgeBUNqL4D2KenD0GK7mUJ9EhOYc3UikMSdoZWzKKHlEShigMZxFbBvnhE1osZUjykVWxUUq9M7zeGerIDYpxLq2tZlWJT8e6jR1s4LTujdXXHACfGt4uSNA7XDWIai/ALpuuzKT2gZ0/VdFV58S3dN3hqrnVlD1dVRdA6hObaD6GqiX3U+71tJng8pPKFAbDhgMPG8wqA9spww2eHOwT0xgg48Btn9sYLdNYLuvA7aAukawfevIwAaGlY+OJjztdaz+ybsK0Y51bAsfAB83RjvusTFZzzI+TIx22scGtr6Lf70YXTPY4NiyD6BnHxrQES7s2lTdyOWSAFM0YpiIbSLfQwt5EfOkUOa45/vGew5jofTRS8Q+efVAXq/hnYpyzIyJm/XX5a/nlSgOIL8qGam47hriusEf7gv4o39x+7nZTb6R8290Oj6fW+HivKln3r+SOwA4Mnfo6WLD8Ve1CgFDQ1RqVejwv89IVsQA49VfUeSH4vsWjzG/pnHSF59SEbcr05WN2U+/55n0X/xzdbZRbYVF3COszA8oCz4RGrNtdSCKUvwD3q8UWUbeiKJpmtVPba3co+pFenytk1l2tXJhqgtZBmqBuqjV0ahlpMc2HggWmHhw/uVs+Pk3EcwhpprJm4hgijG1EcHWM/my8zPH3fAkiI9idBY/7uvbw1KkV3ZEJRVyHd0R7ZpSIaMfgCnYVwBFcaD6MBKiAoBltMtkL6aW6z5No9ClWfdszH0a0SNRXaG8aXWWS3vcNNkLWveZCs0g1aPa1Z/6uX7QVn7v7AcBiffOflCBIZ6BIUr2k20jjaCe2zpxy1r27Ryto4zK++vrHBl9oBKkF+K2YrB9CIOfycjdzNdmWl5oe0M2O95xsblTYbNVYeC+VHarxZlqN7XmJqiKEuXygHLfM9e+kMIAo7wSsDk3USNPC5utWPBSDldUlS8O1Lp5fcOCr3FuGFoZ26JM/ibD5kDzzKCxOSTUs/gGMJ2sjLblwTVkojHPJTyrsNq/V9byathptf1yOKqm1/uvrJouUC261xyRHGPB8leMSNX3A94+IumF+2OJSNp24KBk6r1HpCPLjqqvDbn2M8NRVRE4qS0WkW7y5fHf6X+LBXiIb7xh+qWJm2rKbixYjqF0oCoa5Y7X6kifEJsT+pgqFfdUnWnuWaHaUamEUxH14vs0WZ2z7I7Tsv12y25x7QMxea0/ZN3Dtv7cUTE93Lod9TN+z9bqX9qimWsQKXOdA8x9x5W6DQuEIXhsrsxWX6p0OtqaYZz6/uGLBj/MX1HOplz+njc4+x8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);&#xa;</style></defs><g><path d="M 399.96 143.63 L 399.56 82.45" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 399.99 148.88 L 396.45 141.9 L 399.96 143.63 L 403.45 141.86 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 399.53 77.2 L 403.07 84.18 L 399.56 82.45 L 396.07 84.22 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 370 20 C 346 20 340 40 359.2 44 C 340 52.8 361.6 72 377.2 64 C 388 80 424 80 436 64 C 460 64 460 48 445 40 C 460 24 436 8 415 16 C 400 4 376 4 370 20 Z" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" 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: 40px; margin-left: 341px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Internet</div></div></div></foreignObject><text x="400" y="44" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">Internet</text></switch></g><rect x="320" y="170" width="160" height="80" fill="none" stroke="rgb(240, 240, 240)" 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: 158px; height: 1px; padding-top: 210px; margin-left: 321px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">AVM 7360SL</div></div></div></foreignObject><text x="400" y="214" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">AVM 7360SL</text></switch></g><rect x="380" y="150" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 160px; margin-left: 381px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">ADSL</div></div></div></foreignObject><text x="400" y="164" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">ADSL</text></switch></g><rect x="360" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 361px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN2</div></div></div></foreignObject><text x="380" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN2</text></switch></g><rect x="400" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 401px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN3</div></div></div></foreignObject><text x="420" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN3</text></switch></g><rect x="440" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 441px;"><div data-drawio-colors="color: #55FFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(85, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN4</div></div></div></foreignObject><text x="460" y="264" fill="#55FFFF" font-family="monospace" font-size="12px" text-anchor="middle">LAN4</text></switch></g><rect x="40" y="170" width="160" height="80" fill="none" stroke="rgb(240, 240, 240)" 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: 158px; height: 1px; padding-top: 210px; margin-left: 41px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Archer C7</div></div></div></foreignObject><text x="120" y="214" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">Archer C7</text></switch></g><rect x="80" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 81px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN2</div></div></div></foreignObject><text x="100" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN2</text></switch></g><rect x="120" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 121px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN3</div></div></div></foreignObject><text x="140" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN3</text></switch></g><rect x="160" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 161px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN4</div></div></div></foreignObject><text x="180" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN4</text></switch></g><path d="M 40 150 L 80 150" fill="none" stroke="rgb(240, 240, 240)" stroke-width="4" stroke-miterlimit="10" transform="rotate(90,60,150)" pointer-events="all"/><path d="M 160 150 L 200 150" fill="none" stroke="rgb(240, 240, 240)" stroke-width="4" stroke-miterlimit="10" transform="rotate(90,180,150)" pointer-events="all"/><rect x="20" y="100" width="100" height="30" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 115px; margin-left: 22px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;"><font color="#ffffff">Wifi | </font><font color="#ff55ff">HOME</font></div></div></div></foreignObject><text x="22" y="119" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px">Wifi | HOME</text></switch></g><rect x="140" y="100" width="110" height="30" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 115px; margin-left: 142px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">Wifi | <font color="#55ffff">GUEST</font></div></div></div></foreignObject><text x="142" y="119" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px">Wifi | GUEST</text></switch></g><rect x="160" y="310" width="80" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 78px; height: 1px; padding-top: 320px; margin-left: 161px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font>VLAN trunk</font></div></div></div></foreignObject><text x="200" y="324" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">VLAN trunk</text></switch></g><path d="M 160 320 L 60.03 320 L 60 270" fill="none" stroke="#ff55ff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 240 320 L 339.97 320 L 340 270" fill="none" stroke="#55ffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="40" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 41px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN1</div></div></div></foreignObject><text x="60" y="264" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">LAN1</text></switch></g><path d="M 160 320 L 60.03 320 L 60 276.37" fill="none" stroke="#55ffff" stroke-miterlimit="10" stroke-dasharray="8 8" pointer-events="stroke"/><path d="M 60 271.12 L 63.51 278.12 L 60 276.37 L 56.51 278.12 Z" fill="#55ffff" stroke="#55ffff" stroke-miterlimit="10" pointer-events="all"/><rect x="320" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 321px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN1</div></div></div></foreignObject><text x="340" y="264" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">LAN1</text></switch></g><path d="M 240 320 L 339.97 320 L 340 276.37" fill="none" stroke="#ff55ff" stroke-miterlimit="10" stroke-dasharray="8 8" pointer-events="stroke"/><path d="M 340 271.12 L 343.49 278.12 L 340 276.37 L 336.49 278.12 Z" fill="#ff55ff" stroke="#ff55ff" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="19" width="250" height="60" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 49px; margin-left: 2px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;"><font face="monospace">Networks<br />- <font color="#ff55ff">HOME  192.168.1.0/24 (VLAN 10)</font><br />- <font color="#55ffff">GUEST 10.0.0.0/24    (VLAN 20)</font><br /></font></div></div></div></foreignObject><text x="2" y="53" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px">Networks...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="481px" height="331px" viewBox="-0.5 -0.5 481 331"><defs/><g><path d="M 399.96 143.63 L 399.56 82.45" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 399.99 148.88 L 396.45 141.9 L 399.96 143.63 L 403.45 141.86 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 399.53 77.2 L 403.07 84.18 L 399.56 82.45 L 396.07 84.22 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 370 20 C 346 20 340 40 359.2 44 C 340 52.8 361.6 72 377.2 64 C 388 80 424 80 436 64 C 460 64 460 48 445 40 C 460 24 436 8 415 16 C 400 4 376 4 370 20 Z" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" 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: 40px; margin-left: 341px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Internet</div></div></div></foreignObject><text x="400" y="44" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">Internet</text></switch></g><rect x="320" y="170" width="160" height="80" fill="none" stroke="rgb(240, 240, 240)" 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: 158px; height: 1px; padding-top: 210px; margin-left: 321px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">AVM 7360SL</div></div></div></foreignObject><text x="400" y="214" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">AVM 7360SL</text></switch></g><rect x="380" y="150" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 160px; margin-left: 381px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">ADSL</div></div></div></foreignObject><text x="400" y="164" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">ADSL</text></switch></g><rect x="360" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 361px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN2</div></div></div></foreignObject><text x="380" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN2</text></switch></g><rect x="400" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 401px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN3</div></div></div></foreignObject><text x="420" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN3</text></switch></g><rect x="440" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 441px;"><div data-drawio-colors="color: #55FFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(85, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN4</div></div></div></foreignObject><text x="460" y="264" fill="#55FFFF" font-family="monospace" font-size="12px" text-anchor="middle">LAN4</text></switch></g><rect x="40" y="170" width="160" height="80" fill="none" stroke="rgb(240, 240, 240)" 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: 158px; height: 1px; padding-top: 210px; margin-left: 41px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Archer C7</div></div></div></foreignObject><text x="120" y="214" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">Archer C7</text></switch></g><rect x="80" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 81px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN2</div></div></div></foreignObject><text x="100" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN2</text></switch></g><rect x="120" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 121px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN3</div></div></div></foreignObject><text x="140" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN3</text></switch></g><rect x="160" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 161px;"><div data-drawio-colors="color: #FF55FF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(255, 85, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN4</div></div></div></foreignObject><text x="180" y="264" fill="#FF55FF" font-family="monospace" font-size="12px" text-anchor="middle">LAN4</text></switch></g><path d="M 40 150 L 80 150" fill="none" stroke="rgb(240, 240, 240)" stroke-width="4" stroke-miterlimit="10" transform="rotate(90,60,150)" pointer-events="all"/><path d="M 160 150 L 200 150" fill="none" stroke="rgb(240, 240, 240)" stroke-width="4" stroke-miterlimit="10" transform="rotate(90,180,150)" pointer-events="all"/><rect x="20" y="100" width="100" height="30" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 115px; margin-left: 22px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;"><font color="#ffffff">Wifi | </font><font color="#ff55ff">HOME</font></div></div></div></foreignObject><text x="22" y="119" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px">Wifi | HOME</text></switch></g><rect x="140" y="100" width="110" height="30" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 115px; margin-left: 142px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">Wifi | <font color="#55ffff">GUEST</font></div></div></div></foreignObject><text x="142" y="119" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px">Wifi | GUEST</text></switch></g><rect x="160" y="310" width="80" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 78px; height: 1px; padding-top: 320px; margin-left: 161px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font>VLAN trunk</font></div></div></div></foreignObject><text x="200" y="324" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">VLAN trunk</text></switch></g><path d="M 160 320 L 60 320 L 60 270" fill="none" stroke="#ff55ff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 240 320 L 340 320 L 340 270" fill="none" stroke="#55ffff" stroke-miterlimit="10" pointer-events="stroke"/><rect x="40" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 41px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN1</div></div></div></foreignObject><text x="60" y="264" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">LAN1</text></switch></g><path d="M 160 320 L 60 320 L 60 276.37" fill="none" stroke="#55ffff" stroke-miterlimit="10" stroke-dasharray="8 8" pointer-events="stroke"/><path d="M 60 271.12 L 63.5 278.12 L 60 276.37 L 56.5 278.12 Z" fill="#55ffff" stroke="#55ffff" stroke-miterlimit="10" pointer-events="all"/><rect x="320" y="250" width="40" height="20" fill="none" stroke="rgb(240, 240, 240)" 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: 38px; height: 1px; padding-top: 260px; margin-left: 321px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: monospace; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">LAN1</div></div></div></foreignObject><text x="340" y="264" fill="rgb(240, 240, 240)" font-family="monospace" font-size="12px" text-anchor="middle">LAN1</text></switch></g><path d="M 240 320 L 340 320 L 340 276.37" fill="none" stroke="#ff55ff" stroke-miterlimit="10" stroke-dasharray="8 8" pointer-events="stroke"/><path d="M 340 271.12 L 343.5 278.12 L 340 276.37 L 336.5 278.12 Z" fill="#ff55ff" stroke="#ff55ff" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="19" width="250" height="60" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 49px; margin-left: 2px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;"><font face="monospace">Networks<br />- <font color="#ff55ff">HOME  192.168.1.0/24 (VLAN 10)</font><br />- <font color="#55ffff">GUEST 10.0.0.0/24    (VLAN 20)</font><br /></font></div></div></div></foreignObject><text x="2" y="53" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px">Networks...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>
\ No newline at end of file
-- 
cgit v1.2.3