m4rshal/HomeNetwork
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement feature X to enhance user experience and optimize performance

Browse Source
This commit is contained in:
m4rshal
2025-07-22 17:37:19 +09:00
parent d80c806e7d
commit 4d14478c35
1 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
NW diagram 10G.drawio.svg
View File

@@ -1,14 +1,14 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="701px" height="552px" viewBox="-0.5 -0.5 701 552" content="&lt;mxfile&gt;&lt;diagram id=&quot;Ji07cW5DuHMU8oRfzW7Z&quot; name=&quot;NW diagram 10G&quot;&gt;5Vptc6I6FP41zux+qJMXQPyo1HbnTre3d+3L9n5LJSKzQLwxVt1ffxMIAkKpW62wW6YzJSevPOc5zyHBDnbC9SUn89lX5tKgg4C77uDzDkIQQCT/KcsmsfQsMzF43Hd1o8ww9n/StKe2Ln2XLgoNBWOB8OdF44RFEZ2Igo1wzlbFZlMWFGedE4+WDOMJCcrWB98VM221AMgqvlDfm+mp+2lFSNLG2rCYEZetciY86mCHMyaSu3Dt0ECBl+KS9Lt4oXa7ME4jsU+Hxy/RyLpYeaP/JuG/C9CjXx+cM2QkwzyTYKmfeG0q7AGyL2+/65WLTQoHZ8vIpWpE0MHD1cwXdDwnE1W7kgSQtpkIA1mC8lYPTbmg6xcXDbdQSA5RFlLBN7KJ7oBsjZ6mj23o8ipzhpHaZjk/pDai/e9th84gkjcapWrErv6KxtNvt8bNZgqfF6s7c3x3eYZKmFBXMkYXGRcz5rGIBKPMmsdEPjfffFf4dc20+KjhjAvn60Jpo0vJrGqqeiTlytiST2jNE2AdRoR7VNS0gy+4htOACP+5uJAqnOOuA87JJtdgzvxILIpMvVG2zOkmAF2Qu1CBAj2449rkQfQYO97dLvvtDselCPn7+q7xwNiSXqNiVQQGRO8UGNVS0vvtIwOmGSYXGjWyeUBoHIa0XaLk/eDqWlrkjE4aHjt+uCJPMjUXECeB70XyfiKBolwaFCN9mfsGuiL0XTd2E6cL/yd5isdTmOsgloObw455XkdpnZh15ywd5v1Tw6cXA0BKhAGNQgyk2vxrAlWSH1TswKbTBX0XZUnplpeWOY0euJzNCiQ2wycu7zx19wn2URdadhd0lZOVr7UBSsvn5vUIFPWoh8p6hMApE7VhltCtFaiIRbuKtPZFTpBk6TFXk8mRKmxyhRvKffkMKqSOrVCGtWfyxicSqNpV5qC/dm47I7Njy79+yQ05zNlSBH5Ene3rvAJw6geBwwLG4+bYiS9pXwjOftBcjWXbcIhljceJ60t00zrt3NR87nM5us+iuIorgurB0pd8pCwzMlcrDNee2tx0IypWjP9YdCcBW7pqXSybQc4+ja8jxZNpFuLJNMvx1K8IJ/O90js2j5Tet4XHYq4/anqvfIS9s3v/wOB55cW3Ou1gq6ig/d393E572DuwvQV2SJGs+K0prpo11odhDQYfgTUQoFPQ5lh7ifbTJjkga2orge2PA/She7a3xWcz8VN+x/pj3Wo1GT/lHVzx+BR8ur8axDvzz7V7OtnlAuHmt3H7nLdC65THShj/9lQ29qRyo0zGxofB2W4iEVjmbiIAJ0gEr33eyfQJ1AkU1AplNK9QptU2hSofdjx8Uwd0wxG2/hnXo4qaB9Swq3cEzX1JKB9v3zivwAhAC4G0mwYy/fieQ3IgKA9rX0VaQEm0c5jcb/zjFqwQUss4A/Ds5n5Uf1oPWnA6vwvoNvk0iGhZNmNE0R6ItpCiEFhNI4r6JUQJD/fhKGoHR1sW8xhU4/k6Q1E7GNq2kDfKgF4SQVfqPbo23luQ3K09vm8eC01ZzH4WluwEsh/X4dH/&lt;/diagram&gt;&lt;/mxfile&gt;"> <svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="701px" height="552px" viewBox="-0.5 -0.5 701 552" content="&lt;mxfile&gt;&lt;diagram id=&quot;Ji07cW5DuHMU8oRfzW7Z&quot; name=&quot;NW diagram 10G&quot;&gt;5Vptc6I6FP41zux+qJMXQPyo1HbnTrfXu/Zle79RicgsEG+MVffX30QSAUHqVivslulMyUlIwnOe85wk2MJOtLpm7mz6lXokbCHgrVr4soUQMjEW/6RlrS0mSCw+C7zEBlPDKPhJlFE3WwQemecackpDHszyxjGNYzLmOZvLGF3mm01omB915vqkYBiN3bBofQw8Pk2shmVnKr6QwJ+qoTEGauaRq1srw3zqenSZMeFBCzuMUp7cRSuHhBI+DUzy3NWe2u0EGIn5IQ88fYkH1tXSH/w3jv6dgw75+uhcICPp5sUNF+qVV6YEHyD7+u67mjlfazwYXcQekT2CFu4vpwEno5k7lrVLQQFhm/IoFCUoblXXhHGy2jtpuIVCsIjQiHC2Fk3UAx1NhLVG3kzKy4w3DNVmmnGEtrmKAP626xQicaNQKkfs5q94NPl2ZwzXE/gyX96bo/vrC1TAhHiCMqpIGZ9Sn8ZuOEitWUzEe7P1d4lf29TFJwXnpnC5ypXWqpSMKoeqRlLMjC7YmFS8gYpJ7jKf8Ip2cI9rGAldHrzkJ1KG8+bRHmPuOtNgRoOYz/NMHUpb6vQuBm2QuVCOAhib+SGTF1F97Hh3O+23OxwXIuTv2/vaA8Pu5AMDlQQGRO8UGOVS0vntIwPqFJMJjQrZPCI0jkPaLlDyoXdzKyxiREcr5o4fbtxnkZxziLth4MfifiyAIkwYJCMDkfx6qiIKPG/jJkbmwU/3edOfxFwFsejc7LfMyypKq8ysHk7TYdY/FXzaGwBCIgxo5GJAa/OvCVRBflD+ATqZzMm7KIumW1ZaZiR+ZGI0KxTY9J+ZuPPl3SfYRW1o2W3Qlk6WvlYGKCyf69cjnNcjbBT1CIFzJmo9gQy6lQIV03hXkVYBzwiSKD1lalI5koV1pjAkLBDvIEPq1AplWAcmb3wmgaqcZQb6W+euNTBbtvjrFtyQwZwueBjExNmu5yWAkyAMHRpStmmOnc0l7HPO6A+SqbFsG/axqPGZ6wUCXV2nnKvNlwETvQc03lQxSVDVmV7lI2mZujM5w2jly+1NOyZ8SdmPeXsc0oUn50XTEcTok811oniyzVw8wU4xnrol4WS+V3rXq66j0/u28JTP9SdN76WvcHB27x4ZPK8sfMvTTqebV1BTCdi+VbIFjmxvmzukSGb81hRXzhrrw7AGg4/AGss4B2tOtZVoPmsgOlOiLgfa/jhAH7tle1N42rWET3GF9cd61aozfIr7t/zhKfj0cNPb7Ms/V+7oxCNXCNe/iTvktBVa5zxU0h8QfmMqGwdSuVYmY+PD4GzXkQcgsHcSATpDInjt406qT6BKoKBSKKN+hep2m6ZQxaOOx2/yeK4/wNY/o2pUUQMAheX7gfq+IxQPt4fOKzAC0DwgLVA3kBAVkOxxwqLKpUgDKGntHCWbtX/agiVCahkXAF4MHwbVZ/WgAWfzu4Dq3FMjoEXV3ACKDgC0gQy17LoBRd0CoC6LDmEoagJDDbNpIa89vAvo6wxFTWDoLqD1h7xRBPTa5WQpl9GV8d6A3A7BAV83TwWnKKY/Ckt2AumP6/Dgfw==&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/> <defs/>
<g> <g>
<g> <g>
<rect x="260" y="291" width="440" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="260" y="290" width="440" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 438px; height: 1px; padding-top: 311px; margin-left: 261px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 438px; height: 1px; padding-top: 310px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX x510 28GTX
@@ -16,24 +16,24 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="480" y="315" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="480" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX x510 28GTX
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 480 131 L 480 164.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 130 L 480 163.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 480 169.88 L 476.5 162.88 L 480 164.63 L 483.5 162.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 168.88 L 476.5 161.88 L 480 163.63 L 483.5 161.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<rect x="420" y="91" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="420" y="90" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 111px; margin-left: 421px;"> <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: 110px; margin-left: 421px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
ONU ONU
@@ -41,21 +41,21 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="480" y="115" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="480" y="114" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
ONU ONU
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 480 211 L 480 284.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 210 L 480 283.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 480 289.88 L 476.5 282.88 L 480 284.63 L 483.5 282.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 288.88 L 476.5 281.88 L 480 283.63 L 483.5 281.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 254px; margin-left: 481px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 252px; margin-left: 482px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
<div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; "> <div style="display: inline-block; font-size: 11px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
VALN 1,10 VALN 1,10
@@ -63,20 +63,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="481" y="257" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle"> <text x="482" y="255" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">
VALN 1,10 VALN 1,10
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="380" y="171" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="380" y="170" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 191px; margin-left: 381px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 190px; margin-left: 381px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
OpenWrt OpenWrt
@@ -86,24 +86,24 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="480" y="195" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="480" y="194" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
OpenWrt... OpenWrt...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 480 51 L 480 84.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 50 L 480 83.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 480 89.88 L 476.5 82.88 L 480 84.63 L 483.5 82.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 480 88.88 L 476.5 81.88 L 480 83.63 L 483.5 81.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 513.45 51 C 520.2 50.15 525.01 43.69 524.2 36.57 C 523.39 29.45 517.26 24.38 510.52 25.23 C 510.44 14.6 503.38 5.46 493.52 3.23 C 483.67 1 473.67 6.29 469.48 15.96 C 466.36 12.2 461.42 10.79 456.94 12.36 C 452.46 13.94 449.31 18.2 448.95 23.17 C 441.67 22.89 435.54 28.89 435.27 36.57 C 435 44.25 440.69 50.72 447.98 51 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.95" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/> <path d="M 513.45 50 C 520.2 49.15 525.01 42.69 524.2 35.57 C 523.39 28.45 517.26 23.38 510.52 24.23 C 510.44 13.6 503.38 4.46 493.52 2.23 C 483.67 0 473.67 5.29 469.48 14.96 C 466.36 11.2 461.42 9.79 456.94 11.36 C 452.46 12.94 449.31 17.2 448.95 22.17 C 441.67 21.89 435.54 27.89 435.27 35.57 C 435 43.25 440.69 49.72 447.98 50 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.95" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 26px; margin-left: 480px;"> <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 25px; margin-left: 480px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
NCT光 NCT光
@@ -111,40 +111,40 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="480" y="30" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="480" y="29" fill="#ffffff" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
NCT光 NCT光
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 340 331 L 340 361 Q 340 371 330 371 L 160 371 Q 150 371 150 381 L 150 401 Q 150 411 140 411 L 126.37 411" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 340 330 L 340 360 Q 340 370 330 370 L 160 370 Q 150 370 150 380 L 150 400 Q 150 410 140 410 L 126.37 410" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 121.12 411 L 128.12 407.5 L 126.37 411 L 128.12 414.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 121.12 410 L 128.12 406.5 L 126.37 410 L 128.12 413.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 340 331 L 340 361 Q 340 371 330 371 L 160 371 Q 150 371 150 381 L 150 461 Q 150 471 140 471 L 126.37 471" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 340 330 L 340 360 Q 340 370 330 370 L 160 370 Q 150 370 150 380 L 150 460 Q 150 470 140 470 L 126.37 470" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 121.12 471 L 128.12 467.5 L 126.37 471 L 128.12 474.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 121.12 470 L 128.12 466.5 L 126.37 470 L 128.12 473.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 340 331 L 340 401 Q 340 411 330 411 L 306.37 411" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 340 330 L 340 400 Q 340 410 330 410 L 306.37 410" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 301.12 411 L 308.12 407.5 L 306.37 411 L 308.12 414.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 301.12 410 L 308.12 406.5 L 306.37 410 L 308.12 413.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 350 331 L 350 461 Q 350 471 340 471 L 306.37 471" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 350 330 L 350 460 Q 350 470 340 470 L 306.37 470" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 301.12 471 L 308.12 467.5 L 306.37 471 L 308.12 474.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 301.12 470 L 308.12 466.5 L 306.37 470 L 308.12 473.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 340 331 L 340 521 Q 340 531 330 531 L 306.37 531" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 340 330 L 340 520 Q 340 530 330 530 L 306.37 530" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 301.12 531 L 308.12 527.5 L 306.37 531 L 308.12 534.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 301.12 530 L 308.12 526.5 L 306.37 530 L 308.12 533.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<rect x="260" y="291" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="260" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 311px; margin-left: 261px;"> <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: 310px; margin-left: 261px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX (VLAN 1) x510 28GTX (VLAN 1)
@@ -154,28 +154,28 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="340" y="315" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="340" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX (VLAN 1)... x510 28GTX (VLAN 1)...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<path d="M 620 331 L 620 381 Q 620 391 610 391 L 586.37 391" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 620 330 L 620 380 Q 620 390 610 390 L 586.37 390" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 581.12 391 L 588.12 387.5 L 586.37 391 L 588.12 394.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 581.12 390 L 588.12 386.5 L 586.37 390 L 588.12 393.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<path d="M 630 331 L 630 441 Q 630 451 620 451 L 586.37 451" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 630 330 L 630 440 Q 630 450 620 450 L 586.37 450" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 581.12 451 L 588.12 447.5 L 586.37 451 L 588.12 454.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <path d="M 581.12 450 L 588.12 446.5 L 586.37 450 L 588.12 453.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<rect x="540" y="291" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="540" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 311px; margin-left: 541px;"> <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: 310px; margin-left: 541px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x510 28GTX (VLAN 10) x510 28GTX (VLAN 10)
@@ -185,20 +185,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="620" y="315" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="620" y="314" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x510 28GTX (VLAN 10)... x510 28GTX (VLAN 10)...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="460" y="371" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="460" y="370" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 391px; margin-left: 461px;"> <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: 390px; margin-left: 461px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
WRC BE36QS WRC BE36QS
@@ -208,20 +208,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="520" y="395" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="520" y="394" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC BE36QS... WRC BE36QS...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="460" y="431" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="460" y="430" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 451px; margin-left: 461px;"> <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: 450px; margin-left: 461px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
PC PC
@@ -231,20 +231,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="520" y="455" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="520" y="454" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
PC... PC...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="180" y="391" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="180" y="390" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 411px; margin-left: 181px;"> <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: 410px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Aterm Aterm
@@ -254,20 +254,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="240" y="415" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="240" y="414" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm... Aterm...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="180" y="451" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="180" y="450" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 471px; margin-left: 181px;"> <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: 470px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x64-01-PVE x64-01-PVE
@@ -277,20 +277,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="240" y="475" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="240" y="474" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x64-01-PVE... x64-01-PVE...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="180" y="511" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="180" y="510" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 531px; margin-left: 181px;"> <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: 530px; margin-left: 181px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x64-02-PVE x64-02-PVE
@@ -300,20 +300,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="240" y="535" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="240" y="534" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x64-02-PVE... x64-02-PVE...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="0" y="391" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="0" y="390" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 411px; margin-left: 1px;"> <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: 410px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
arm-01-PVE arm-01-PVE
@@ -323,20 +323,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="60" y="415" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="60" y="414" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
arm-01-PVE... arm-01-PVE...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="0" y="451" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="0" y="450" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 471px; margin-left: 1px;"> <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: 470px; margin-left: 1px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
arm-02-PVE arm-02-PVE
@@ -346,20 +346,20 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="60" y="475" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="60" y="474" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
arm-02-PVE... arm-02-PVE...
</text> </text>
</switch> </switch>
</g> </g>
</g> </g>
<g> <g>
<rect x="580" y="171" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/> <rect x="580" y="170" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g> </g>
<g> <g>
<g transform="translate(-0.5 -0.5)"> <g transform="translate(-0.5 -0.5)">
<switch> <switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"> <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<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: 191px; margin-left: 581px;"> <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: 190px; margin-left: 581px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "> <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "> <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Gateway Gateway
@@ -369,7 +369,7 @@
</div> </div>
</div> </div>
</foreignObject> </foreignObject>
<text x="640" y="195" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle"> <text x="640" y="194" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Gateway... Gateway...
</text> </text>
</switch> </switch>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB