assets/img/architecture.svg

<!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="861px" height="720px" viewBox="-0.5 -0.5 861 720" content="&lt;mxfile modified=&quot;2019-01-22T13:06:29.851Z&quot; host=&quot;www.draw.io&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36&quot; etag=&quot;Ok1MOVdmNzk4BFrmaS8_&quot; version=&quot;10.1.3-5&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;6a731a19-8d31-9384-78a2-239565b7b9f0&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs />
    <path d="M 383.5 270.41 C 384.59 266.47 392.54 263.5 402 263.5 C 411.46 263.5 419.41 266.47 420.5 270.41 L 420.5 306.59 C 419.41 310.53 411.46 313.5 402 313.5 C 392.54 313.5 384.59 310.53 383.5 306.59 Z M 388.91 270.41 C 388.91 272.61 394.78 274.4 402.02 274.4 C 409.27 274.4 415.14 272.61 415.14 270.41 C 415.14 268.2 409.27 266.42 402.02 266.42 C 394.78 266.42 388.91 268.2 388.91 270.41 Z M 396.02 285.32 C 394.41 284.93 392.74 284.95 391.15 285.37 C 390.07 285.8 389.34 286.82 389.26 287.99 C 389.16 289.11 389.67 290.2 390.6 290.82 L 392.84 291.77 C 393.06 291.92 393.2 292.17 393.19 292.44 C 393.18 292.71 393.02 292.96 392.79 293.08 C 392.19 293.19 391.57 293.14 391 292.93 L 389.36 292.18 L 389.31 294.9 C 390.29 295.3 391.34 295.49 392.39 295.45 C 393.49 295.5 394.57 295.18 395.47 294.54 C 396.14 293.93 396.55 293.09 396.61 292.18 C 396.57 291.16 396.03 290.23 395.17 289.71 L 392.74 288.45 C 392.56 288.19 392.57 287.85 392.74 287.59 C 392.92 287.33 393.23 287.21 393.53 287.29 C 394.41 287.3 395.26 287.54 396.02 287.99 Z M 402.22 287.64 C 403.21 287.64 404.01 288.8 404.01 290.24 C 404.01 291.67 403.21 292.83 402.22 292.83 C 401.23 292.83 400.43 291.67 400.43 290.24 C 400.43 288.8 401.23 287.64 402.22 287.64 Z M 404.45 294.85 C 406.31 293.91 407.4 291.9 407.19 289.81 C 407.05 287.94 405.98 286.27 404.36 285.37 C 403.23 284.87 401.95 284.82 400.78 285.22 C 399.28 285.57 398.06 286.67 397.56 288.14 C 396.89 289.84 397.09 291.77 398.1 293.28 C 398.97 294.56 400.36 295.35 401.88 295.45 L 403.91 297.82 L 407.89 297.82 Z M 408.58 295.25 L 415.04 295.25 L 415.04 292.78 L 411.56 292.78 L 411.56 285.12 L 408.58 285.12 Z" fill="#455ae4" stroke="none" pointer-events="none" />
    <g transform="translate(380.5,320.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="43" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">mariadb <br />
                    </div>
                </div>
            </foreignObject>
            <text x="22" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">mariadb&lt;br&gt;</text>
        </switch>
    </g>
    <path d="M 424 175 L 731.41 342.95" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 736.02 345.46 L 728.2 345.18 L 731.41 342.95 L 731.55 339.04 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(560.5,254.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="39" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">HTTP/S </div>
                </div>
            </foreignObject>
            <text x="20" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">HTTP/S</text>
        </switch>
    </g>
    <path d="M 384.26 199.5 L 397.67 186.19 L 406.14 186.19 L 419.54 199.5 Z M 380.79 198.75 L 380 197.98 L 380 168.65 C 380 162.82 384.4 149.5 402.06 149.5 C 418.48 149.5 424 160.47 424 169.06 L 424 197.75 L 423 198.77 L 409.28 185.13 L 409.28 176.56 C 409.28 171.95 407.44 168.34 401.98 168.34 C 396.29 168.34 394.51 171.97 394.51 176.38 L 394.51 185.13 Z" fill="#455ae4" stroke="none" pointer-events="none" />
    <g transform="translate(367.5,206.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="69" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">reverseproxy <br />
                    </div>
                </div>
            </foreignObject>
            <text x="35" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">reverseproxy&lt;br&gt;</text>
        </switch>
    </g>
    <path d="M 402 85.5 C 388.19 85.5 377 74.31 377 60.5 C 377 46.69 388.19 35.5 402 35.5 C 415.81 35.5 427 46.69 427 60.5 C 427 74.31 415.81 85.5 402 85.5 Z M 385.15 74.6 C 386.96 73.67 388.87 72.97 390.85 72.5 C 390.5 71.27 390.25 70.02 390.1 68.75 L 392.95 68.75 C 393.1 69.78 393.34 70.8 393.65 71.8 C 399.15 70.76 404.8 70.76 410.3 71.8 C 410.58 70.81 410.79 69.81 410.95 68.8 L 413.85 68.75 C 413.67 69.97 413.4 71.17 413.05 72.35 C 415.09 72.91 417.08 73.63 419 74.5 C 421.87 70.88 423.61 66.5 424 61.9 L 421.15 61.9 L 421.15 59 L 424.1 59 C 423.69 54.43 421.95 50.09 419.1 46.5 C 417.16 47.38 415.15 48.09 413.1 48.65 C 413.42 49.72 413.67 50.8 413.85 51.9 L 411 51.9 C 410.85 50.97 410.65 50.05 410.4 49.15 C 404.9 50.17 399.25 50.15 393.75 49.1 C 393.5 49.97 393.3 50.86 393.15 51.75 L 390.3 51.75 C 390.44 50.65 390.66 49.57 390.95 48.5 C 388.95 48 387 47.35 385.1 46.55 C 382.31 50.14 380.63 54.47 380.25 59 L 382.65 59 L 382.65 61.9 L 380.2 61.9 C 380.56 66.53 382.28 70.95 385.15 74.6 Z M 387.15 76.75 C 389.49 78.62 392.06 80.18 394.8 81.4 C 393.54 79.49 392.47 77.47 391.6 75.35 C 390.07 75.64 388.57 76.11 387.15 76.75 Z M 394.45 74.7 C 395.39 77.04 396.77 79.17 398.5 81 C 400.43 82.93 403.47 82.93 405.4 81 C 407.17 79.21 408.54 77.06 409.4 74.7 C 404.44 73.95 399.41 73.95 394.45 74.7 Z M 409.05 81.25 C 412.01 80.28 414.74 78.73 417.1 76.7 C 415.57 75.98 413.96 75.46 412.3 75.15 C 411.5 77.32 410.41 79.38 409.05 81.25 Z M 412.2 45.85 C 413.79 45.54 415.33 45.03 416.8 44.35 C 414.5 42.3 411.81 40.72 408.9 39.7 C 410.28 41.59 411.39 43.66 412.2 45.85 Z M 409.35 46.4 C 408.52 44.34 407.36 42.43 405.9 40.75 C 404.9 39.43 403.45 38.67 401.92 38.67 C 400.4 38.67 398.95 39.43 397.95 40.75 C 396.47 42.46 395.28 44.4 394.45 46.5 C 399.38 47.4 404.43 47.37 409.35 46.4 Z M 394.7 39.85 C 391.95 40.9 389.42 42.42 387.2 44.35 C 388.62 45 390.09 45.52 391.6 45.9 C 392.35 43.75 393.4 41.72 394.7 39.85 Z M 385.3 67.1 L 385.3 54.2 L 390.75 54.25 C 392.27 54.3 393.69 55.03 394.6 56.25 C 395.26 57.06 395.64 58.06 395.7 59.1 C 395.76 60.29 395.67 61.48 395.45 62.65 C 395.21 63.59 394.78 64.47 394.2 65.25 C 393.31 66.24 392.07 66.83 390.75 66.9 C 388.94 67.09 387.12 67.16 385.3 67.1 Z M 387.75 64.95 L 389.35 64.95 C 390.93 65.06 392.38 64.1 392.9 62.6 C 393.25 61.25 393.21 59.83 392.8 58.5 C 392.52 57.43 391.67 56.61 390.6 56.35 L 387.75 56.15 Z M 397.5 67 L 397.5 54.15 L 401.05 54.15 L 406.1 63.45 L 406.1 54.15 L 408.8 54.15 L 408.8 67 L 405.25 67 L 400.25 57.6 L 400.25 67 Z M 410.35 66.15 L 410.35 63.65 C 411.3 64.37 412.36 64.91 413.5 65.25 C 414.32 65.5 415.2 65.31 415.85 64.75 C 416.36 64.18 416.36 63.32 415.85 62.75 C 415.34 62.24 414.7 61.88 414 61.7 C 411.89 60.9 410.71 59.62 410.85 58.3 C 410.71 57.06 411.25 55.84 412.25 55.1 C 413.36 54.29 414.78 54.03 416.1 54.4 C 416.86 54.6 417.59 54.92 418.25 55.35 L 418.15 57.6 C 417.38 57.04 416.52 56.64 415.6 56.4 C 415.03 56.38 414.46 56.55 414 56.9 C 413.73 57.2 413.6 57.6 413.65 58.01 C 413.69 58.41 413.91 58.77 414.25 59 C 415.29 59.61 416.38 60.15 417.5 60.6 C 418.18 60.98 418.68 61.61 418.9 62.35 C 419.01 63.45 418.74 64.56 418.15 65.5 C 417.3 66.53 416.08 67.18 414.75 67.3 C 413.2 67.38 411.66 66.98 410.35 66.15 Z" fill="#455ae4" stroke="none" pointer-events="none" />
    <g transform="translate(377.5,92.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="49" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">dnsmasq <br />
                    </div>
                </div>
            </foreignObject>
            <text x="25" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">dnsmasq&lt;br&gt;</text>
        </switch>
    </g>
    <path d="M 417.85 385.71 L 417.85 381.23 L 421.64 381.23 L 421.64 385.71 Z M 404.23 388.69 L 404.23 387.2 L 413.31 387.2 L 413.31 388.69 Z M 404.23 392.43 L 404.23 390.95 L 417.09 390.95 L 417.09 392.43 Z M 400.45 396.17 L 423.91 396.17 L 423.91 378.99 L 400.45 378.99 Z M 398.93 397.67 L 398.93 377.5 L 425.42 377.5 L 425.42 397.67 Z M 378.5 432.03 L 378.5 382.68 C 378.5 381.16 379.8 379.74 381.54 379.74 L 396.66 379.74 L 396.66 386.46 L 383.8 386.46 L 383.8 388.7 L 396.66 388.7 L 396.66 399.91 L 405.74 399.91 L 405.74 408.87 L 401.9 408.87 C 399.44 408.87 397.42 410.97 397.42 413.28 L 397.42 417.09 L 383.8 417.09 L 383.8 419.33 L 397.42 419.33 L 397.42 423.81 L 383.8 423.81 L 383.8 426.05 L 397.42 426.05 L 397.42 432.03 Z M 405.14 429.93 C 406.26 430.36 407.47 430.55 408.67 430.47 C 409.97 430.62 411.27 430.16 412.3 429.18 C 413.25 428.07 413.41 426.51 412.71 425.25 C 412.14 424.45 411.26 423.93 410.28 423.8 C 411.4 423.58 412.3 422.75 412.6 421.66 C 412.89 420.73 412.7 419.74 412.1 418.97 C 411.25 417.99 409.97 417.47 408.67 417.58 C 407.6 417.57 406.53 417.78 405.54 418.17 L 405.54 420.52 C 406.16 420.08 406.89 419.82 407.66 419.77 C 408.64 419.56 409.64 420.06 409.88 420.86 C 410.18 421.69 409.59 422.56 408.57 422.76 C 407.83 422.9 407.09 422.93 406.35 422.86 L 406.35 425.05 C 407.19 424.95 408.04 424.99 408.87 425.15 C 409.6 425.31 410.17 425.83 410.38 426.54 C 410.32 427.61 409.44 428.43 408.37 428.43 C 407.23 428.44 406.11 428.13 405.14 427.54 Z M 399.69 413.59 C 399.64 412.38 400.5 411.29 401.71 411.05 L 423.2 411.05 C 424.51 411.18 425.5 412.29 425.47 413.59 L 425.47 434.51 C 425.27 435.53 424.44 436.33 423.4 436.5 L 401.91 436.5 C 400.64 436.35 399.68 435.27 399.69 434.01 Z M 414.59 423.35 L 415.35 423.35 L 415.36 421.61 C 415.35 421.44 415.43 420.76 415.94 420.62 C 416.15 420.59 416.42 420.55 416.56 420.65 L 416.56 419.99 C 416.37 419.85 415.92 419.94 415.72 420.12 C 415.52 420.3 415.47 420.41 415.35 420.64 L 415.35 420 L 414.59 420 Z M 419.37 423.28 L 420.19 423.28 L 420.2 418.27 L 419.44 418.27 L 419.44 420.37 C 419.03 419.71 418.31 419.81 417.91 419.95 C 417.26 420.24 416.83 420.87 416.86 421.86 C 416.96 422.67 417.33 423.19 417.87 423.31 C 418.44 423.42 419.02 423.33 419.36 422.7 Z M 419.36 421.92 L 419.36 421.3 C 419.33 420.93 419.16 420.56 418.55 420.52 C 418.33 420.55 417.65 420.45 417.62 421.69 C 417.58 422.45 418.04 423.01 418.75 422.79 C 419.03 422.68 419.23 422.31 419.36 421.92 Z" fill="#455ae4" stroke="none" pointer-events="none" />
    <g transform="translate(380.5,443.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="42" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">mailcrab <br />
                        <br />
                    </div>
                </div>
            </foreignObject>
            <text x="21" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">mailcrab&lt;br&gt;&lt;br&gt;</text>
        </switch>
    </g>
    <path d="M 377 528.5 L 402 499 L 427 528.5 L 402 549 Z M 398.72 539 L 402 542.25 L 405.03 539 L 402.76 536.75 L 405.28 534.25 L 402.51 531.5 L 405.03 529 L 405.03 526.25 C 407.97 524.72 409.51 521.44 408.8 518.23 C 408.1 515.03 405.31 512.68 402 512.5 C 398.64 512.58 395.76 514.88 394.99 518.12 C 394.22 521.35 395.75 524.7 398.72 526.25 Z M 399.47 517.75 C 399.47 518.64 399.96 519.47 400.74 519.92 C 401.52 520.36 402.48 520.36 403.26 519.92 C 404.04 519.47 404.53 518.64 404.53 517.75 C 404.53 516.65 403.39 515.75 402 515.75 C 400.61 515.75 399.47 516.65 399.47 517.75" fill="#455ae4" stroke="none" pointer-events="none" />
    <g transform="translate(375.5,555.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="53" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">ssh-agent <br />
                    </div>
                </div>
            </foreignObject>
            <text x="27" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">ssh-agent&lt;br&gt;</text>
        </switch>
    </g>
    <path d="M 737 346 L 427.27 290.13" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 422.1 289.2 L 429.61 287 L 427.27 290.13 L 428.37 293.89 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(544.5,311.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="67" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">mariadb:3306 </div>
                </div>
            </foreignObject>
            <text x="34" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">mariadb:3306</text>
        </switch>
    </g>
    <path d="M 737 346 L 431.76 401.58" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 426.6 402.52 L 432.86 397.82 L 431.76 401.58 L 434.11 404.71 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(548.5,368.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="66" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">mailcrab:1025 </div>
                </div>
            </foreignObject>
            <text x="33" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">mailcrab:1025</text>
        </switch>
    </g>
    <path d="M 737 346 L 432.48 525.76" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 427.96 528.43 L 432.21 521.86 L 432.48 525.76 L 435.77 527.89 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(561.5,424.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="75" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">
                        <span style="font-size: 11px">Docker Volume <br />
                        </span>
                    </div>
                </div>
            </foreignObject>
            <text x="38" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
    <path d="M 787.39 335.62 L 787.39 352.26 L 796.5 348.32 L 796.5 339.27 Z M 783.06 349.68 L 783.06 338.2 L 784.98 337.52 L 784.98 350.35 Z M 781.02 349 L 781.02 338.88 L 782.46 338.47 L 782.46 349.55 Z M 779.34 348.32 L 779.34 339.27 L 780.42 338.88 L 780.42 348.73 Z M 778.98 338.32 L 778.98 349.27 L 785.82 352.26 L 785.82 335.62 Z M 776.21 319 L 776.21 335.76 L 785.46 331.7 L 785.46 322.65 Z M 776.21 352.26 L 776.21 369 L 785.46 364.96 L 785.46 355.91 Z M 772.01 333.06 L 772.01 321.56 L 773.94 320.89 L 773.94 333.73 Z M 769.97 332.38 L 769.97 322.24 L 771.41 321.85 L 771.41 332.91 Z M 768.3 331.85 L 768.3 322.79 L 769.37 322.38 L 769.37 332.24 Z M 767.94 321.85 L 767.94 332.79 L 774.78 335.76 L 774.78 319.14 Z M 772.01 366.32 L 772.01 354.82 L 773.94 354.14 L 773.94 366.99 Z M 769.97 365.64 L 769.97 355.5 L 771.41 355.09 L 771.41 366.17 Z M 768.3 365.09 L 768.3 356.03 L 769.37 355.64 L 769.37 365.5 Z M 767.94 355.09 L 767.94 366.03 L 774.78 369 L 774.78 352.38 Z M 766.26 335.62 L 766.26 352.26 L 775.38 348.32 L 775.38 339.27 Z M 761.93 349.68 L 761.93 338.2 L 763.86 337.52 L 763.86 350.35 Z M 759.9 349 L 759.9 338.88 L 761.33 338.47 L 761.33 349.55 Z M 758.22 348.32 L 758.22 339.27 L 759.3 338.88 L 759.3 348.73 Z M 757.86 338.32 L 757.86 349.27 L 764.7 352.26 L 764.7 335.62 Z M 754.75 319 L 754.75 335.76 L 763.97 331.7 L 763.97 322.65 Z M 754.75 352.26 L 754.75 369 L 763.97 364.96 L 763.97 355.91 Z M 750.54 333.06 L 750.54 321.56 L 752.46 320.89 L 752.46 333.73 Z M 748.51 332.38 L 748.51 322.24 L 749.94 321.85 L 749.94 332.91 Z M 746.82 331.85 L 746.82 322.79 L 747.91 322.38 L 747.91 332.24 C 747.54 332.09 747.18 331.97 746.82 331.85 Z M 746.45 321.85 L 746.45 332.79 L 753.29 335.76 L 753.29 319.14 Z M 750.54 366.32 L 750.54 354.82 L 752.46 354.14 L 752.46 366.99 Z M 748.51 365.64 L 748.51 355.5 L 749.94 355.09 L 749.94 366.17 Z M 746.82 365.09 L 746.82 356.03 L 747.91 355.64 L 747.91 365.5 Z M 746.45 355.09 L 746.45 366.03 L 753.29 369 L 753.29 352.38 Z M 744.91 335.62 L 744.91 352.26 L 754.02 348.32 L 754.02 339.27 Z M 740.58 349.68 L 740.58 338.2 L 742.5 337.52 L 742.5 350.35 Z M 738.54 349 L 738.54 338.88 L 739.97 338.47 L 739.97 349.55 Z M 736.86 348.32 L 736.86 339.27 L 737.94 338.88 L 737.94 348.73 Z M 736.5 338.32 L 736.5 349.27 L 743.34 352.26 L 743.34 335.62 Z" fill="#ea6b66" stroke="none" pointer-events="none" />
    <g transform="translate(714.5,375.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="103" height="26" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Your Project <br />(http://[project].test) <br />
                    </div>
                </div>
            </foreignObject>
            <text x="52" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
    <path d="M 107 369 L 374.81 178.69" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 379.09 175.65 L 375.41 182.56 L 374.81 178.69 L 371.36 176.85 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(248.5,236.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="83" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">
                        <span>
                            <font style="font-size: 11px">127.0.0.1:80/443</font>
                            <br />
                        </span>
                    </div>
                </div>
            </foreignObject>
            <text x="42" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
    <path d="M 107 369 L 372.8 65.79" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 376.26 61.84 L 374.28 69.41 L 372.8 65.79 L 369.02 64.8 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(211.5,208.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="61" height="11" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">
                        <span>127.0.0.1:53</span>
                    </div>
                </div>
            </foreignObject>
            <text x="31" y="11" fill="#000000" text-anchor="middle" font-size="11px" font-family="Helvetica">&lt;span&gt;127.0.0.1:53&lt;/span&gt;</text>
        </switch>
    </g>
    <path d="M 107 369 L 379.86 294.67" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <path d="M 384.92 293.29 L 379.09 298.51 L 379.86 294.67 L 377.25 291.76 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(249.5,314.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="73" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">
                        <span>
                            <font style="font-size: 11px">127.0.0.1:3306</font>
                        </span>
                    </div>
                </div>
            </foreignObject>
            <text x="37" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
    <path d="M 107 369 L 372.18 403.16" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none" />
    <path d="M 377.39 403.83 L 370 406.41 L 372.18 403.16 L 370.9 399.46 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none" />
    <g transform="translate(215.5,381.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="92" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">
                        <font style="font-size: 11px">https://mailcrab.test</font>
                    </div>
                </div>
            </foreignObject>
            <text x="46" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
    <path d="M 56.5 394 L 56.5 346.4 C 56.55 345.1 57.6 344.05 58.91 344 L 78.56 344 C 79.83 344.1 80.82 345.13 80.87 346.4 L 80.87 359.83 L 70.44 359.83 C 68.92 360.19 67.74 361.4 67.43 362.94 L 67.43 381.78 L 60.11 381.78 L 60.11 384.18 L 67.43 384.18 C 67.41 385.01 67.51 385.84 67.73 386.59 L 60.11 386.59 L 60.11 389.09 L 77.96 388.99 C 75.76 389.23 74.14 391.42 74.35 393.9 Z M 60.11 353.77 L 77.26 353.77 L 77.26 351.31 L 60.11 351.31 Z M 69.89 363.74 C 69.91 362.95 70.55 362.31 71.34 362.29 L 104.94 362.29 C 105.33 362.29 105.72 362.44 106 362.73 C 106.28 363.01 106.44 363.39 106.44 363.79 L 106.44 384.88 C 106.5 385.31 106.37 385.75 106.08 386.08 C 105.79 386.4 105.37 386.59 104.94 386.59 L 90.6 386.59 L 90.6 389.24 C 90.87 389.94 91.36 390.54 92 390.94 C 93.47 390.92 94.95 390.98 96.41 391.14 C 97.41 391.18 98.36 391.51 99.17 392.1 C 99.45 392.37 99.56 392.86 99.43 393.29 C 99.3 393.72 98.96 393.97 98.62 393.9 L 95.16 393.9 L 91.45 392.8 L 84.28 392.8 L 81.37 393.9 L 77.36 393.9 C 77.03 393.76 76.8 393.45 76.76 393.1 C 76.84 392.46 77.26 391.93 77.86 391.7 C 78.68 391.32 79.57 391.1 80.47 391.04 L 84.18 390.94 C 85.07 390.48 85.68 389.59 85.78 388.59 L 85.78 386.59 L 71.34 386.59 C 70.92 386.56 70.53 386.36 70.27 386.04 C 70 385.72 69.88 385.3 69.94 384.88 Z M 73.55 365.89 L 73.55 382.93 L 102.83 382.93 L 102.83 365.89 Z" fill="#67ab9f" stroke="none" pointer-events="none" />
    <g transform="translate(68.5,400.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="25" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Host </div>
                </div>
            </foreignObject>
            <text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Host</text>
        </switch>
    </g>
    <rect x="576.5" y="619" width="275" height="94" rx="14.1" ry="14.1" fill="none" stroke="#000000" pointer-events="none" />
    <g transform="translate(579.5,627.5)">
        <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="243" height="76" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 244px; white-space: nowrap; overflow-wrap: normal;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                        <font style="font-size: 22px">
                            <span>
                                <font color="#67ab9f" style="font-size: 22px">   ■ Host</font>
                            </span>
                            <span>
                                <br />
                            </span>
                            <font color="#455ae4" style="font-size: 22px">   ■ </font>
                            <span>
                                <font color="#455ae4" style="font-size: 22px">dde System Serivces</font>
                                <br />
                            </span>
                            <font color="#ea6b66" style="font-size: 22px">   ■ Your Project</font>
                        </font>
                        <span>
                            <br />
                        </span>
                    </div>
                </div>
            </foreignObject>
            <text x="122" y="44" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text>
        </switch>
    </g>
</svg>