doc/example-before.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:xhtml="http://www.w3.org/1999/xhtml"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   height="381px"
   style="background-color: rgb(255, 255, 255);"
   version="1.1"
   width="541px"
   id="svg150"
   sodipodi:docname="example-before.svg">
  <metadata
     id="metadata154">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title />
        <cc:license
           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/licenses/by/4.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Notice" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Attribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1870"
     inkscape:window-height="984"
     id="namedview152"
     showgrid="false"
     inkscape:zoom="1.8490549"
     inkscape:cx="238.23231"
     inkscape:cy="191.25115"
     inkscape:window-x="50"
     inkscape:window-y="27"
     inkscape:window-maximized="1"
     inkscape:current-layer="g140"
     inkscape:snap-text-baseline="false" />
  <defs
     id="defs2" />
  <g
     id="g140">
    <rect
       height="360"
       pointer-events="all"
       width="520"
       x="10"
       y="10"
       id="rect4"
       style="fill:#ffffff;stroke:#000000" />
    <path
       d="M 140.66842,267.32242 C 140.058,198.93541 250.348,287.72107 250.12,237.69"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path40-6"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-miterlimit:10"
       sodipodi:nodetypes="cc" />
    <rect
       height="152.34723"
       pointer-events="all"
       rx="9.6000004"
       ry="9.1408339"
       width="460"
       x="40"
       y="57.652775"
       id="rect6"
       style="fill:#ffffff;stroke:#000000;stroke-width:0.97579205;stroke-dasharray:2.92737619, 2.92737619" />
    <path
       d="m 250.12,232.44 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path10"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="70"
       y="95"
       id="rect12"
       style="fill:#dae8fc;stroke:#6c8ebf" />
    <g
       transform="translate(9.5,17.046)"
       id="g18">
      <switch
         id="switch16">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 102px; margin-left: 61px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Web Application</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="100"
           y="114"
           id="text14"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">
          <tspan
             sodipodi:role="line"
             id="tspan963"
             x="100"
             y="114">Web</tspan>
          <tspan
             sodipodi:role="line"
             id="tspan965"
             x="100"
             y="129">Application</tspan>
        </text>
        <text
           font-size="12px"
           x="100"
           y="114"
           style="font-size:12px;font-family:Ubuntu;text-anchor:middle;fill:#000000"
           id="text961">Applicati...</text>
      </switch>
    </g>
    <path
       d="m 310,135 h 73.63"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path20"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="m 388.88,135 -7,3.5 1.75,-3.5 -1.75,-3.5 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path22"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="230"
       y="95"
       id="rect24"
       style="fill:#d5e8d4;stroke:#82b366" />
    <g
       transform="translate(9.5,25.2)"
       id="g30">
      <switch
         id="switch28">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 102px; margin-left: 221px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">API</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="114"
           id="text26"
           style="font-size:12px;font-family:Ubuntu;text-anchor:middle;fill:#000000">API</text>
      </switch>
    </g>
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="390"
       y="95"
       id="rect32"
       style="fill:#e1d5e7;stroke:#9673a6" />
    <g
       transform="translate(9.5,24.126)"
       id="g38">
      <switch
         id="switch36">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 102px; margin-left: 381px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">PostgreSQL</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="420"
           y="114"
           id="text34"
           style="font-size:12px;font-family:Ubuntu;text-anchor:middle;fill:#000000">PostgreSQL</text>
      </switch>
    </g>
    <path
       d="M 110,302 V 238.37"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path40"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="m 110,233.12 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path42"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="70"
       y="260"
       id="rect44"
       style="fill:#f5f5f5;stroke:#666666" />
    <g
       transform="translate(9.5439981,3.078)"
       id="g50">
      <switch
         id="switch48">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 290px; margin-left: 61px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Browser</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="100"
           y="294"
           id="text46"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#333333">
          <tspan
             sodipodi:role="line"
             id="tspan890"
             x="100"
             y="294">Web</tspan>
          <tspan
             sodipodi:role="line"
             id="tspan892"
             x="100"
             y="309">Browser</tspan>
        </text>
      </switch>
    </g>
    <path
       d="M 430,302 V 238.37"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path52"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="m 430,233.12 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path54"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="390"
       y="260"
       id="rect56"
       style="fill:#fff2cc;stroke:#d6b656" />
    <g
       transform="translate(9.5,9.5)"
       id="g62">
      <switch
         id="switch60">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 290px; margin-left: 381px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Courier New; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">psql</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="420"
           y="294"
           id="text58"
           style="font-size:12px;font-family:'Courier New';text-anchor:middle;fill:#000000">psql</text>
      </switch>
    </g>
    <path
       d="M 270,302 V 237.37"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path64"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="m 270,232.12 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path66"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <rect
       height="80"
       pointer-events="all"
       width="80"
       x="230"
       y="260"
       id="rect68"
       style="fill:#fff2cc;stroke:#d6b656" />
    <g
       transform="translate(9.5,9.5)"
       id="g74">
      <switch
         id="switch72">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 290px; margin-left: 221px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Courier New; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">curl</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="294"
           id="text70"
           style="font-size:12px;font-family:'Courier New';text-anchor:middle;fill:#000000">curl</text>
      </switch>
    </g>
    <rect
       height="20"
       pointer-events="all"
       width="170"
       x="20"
       y="20"
       id="rect76"
       style="fill:none;stroke:none" />
    <g
       transform="translate(9.5,9.5)"
       id="g82">
      <switch
         id="switch80">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 20px; margin-left: 12px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: left; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Local Development Host</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="12"
           y="24"
           id="text78"
           style="font-size:12px;font-family:Ubuntu;fill:#000000">Local Development Host</text>
      </switch>
    </g>
    <rect
       height="20"
       pointer-events="all"
       width="170"
       x="50"
       y="60"
       id="rect84"
       style="fill:none;stroke:none" />
    <g
       transform="translate(9.5,13.5)"
       id="g90">
      <switch
         id="switch88">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 60px; margin-left: 42px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: left; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Ubuntu; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Docker Containers</xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="42"
           y="64"
           id="text86"
           style="font-size:12px;font-family:Ubuntu;fill:#000000">Docker Containers</text>
      </switch>
    </g>
    <rect
       height="20"
       pointer-events="all"
       width="40"
       x="90"
       y="170"
       id="rect92"
       style="fill:none;stroke:none" />
    <rect
       height="20"
       pointer-events="all"
       width="70"
       x="235"
       y="169"
       id="rect100"
       style="fill:none;stroke:none" />
    <rect
       height="20"
       pointer-events="all"
       width="40"
       x="410"
       y="170"
       id="rect108"
       style="fill:none;stroke:none" />
    <rect
       height="20"
       pointer-events="all"
       width="40"
       x="90"
       y="149"
       id="rect116"
       style="fill:none;stroke:none" />
    <g
       transform="translate(9.5,15.5)"
       id="g122">
      <switch
         id="switch120">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 81px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="100"
           y="153"
           id="text118"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">Port 80</text>
      </switch>
    </g>
    <rect
       height="20"
       pointer-events="all"
       width="40"
       x="250"
       y="149"
       id="rect124"
       style="fill:none;stroke:none" />
    <g
       transform="translate(9.5,15.5)"
       id="g130">
      <switch
         id="switch128">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 241px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="153"
           id="text126"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">Port 80</text>
      </switch>
    </g>
    <rect
       height="20"
       pointer-events="all"
       width="50"
       x="405"
       y="149"
       id="rect132"
       style="fill:none;stroke:none" />
    <g
       transform="translate(9.5,15.5)"
       id="g138">
      <switch
         id="switch136">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 149px; margin-left: 396px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 5342</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="420"
           y="153"
           id="text134"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">Port 5342</text>
      </switch>
    </g>
    <g
       transform="translate(9.15425,72.277438)"
       id="g122-8">
      <switch
         id="switch120-3">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 81px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="100"
           y="153"
           id="text118-1"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">localhost:8080</text>
      </switch>
    </g>
    <g
       transform="translate(9.15425,72.277438)"
       id="g130-8">
      <switch
         id="switch128-9">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 241px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="153"
           id="text126-6"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">localhost:8090</text>
      </switch>
    </g>
    <g
       transform="translate(9.15425,72.277438)"
       id="g138-4">
      <switch
         id="switch136-3">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 149px; margin-left: 396px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 5342</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="420"
           y="153"
           id="text134-3"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">localhost:8342</text>
      </switch>
    </g>
    <path
       d="M 109.80324,199.30013 V 184.56761"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path40-7"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-width:0.73364019;stroke-miterlimit:10" />
    <path
       d="m 109.93643,178.94847 3.49999,7 -3.49999,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path42-7"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="M 430.06965,199.30013 V 185.80088"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path52-6"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-width:0.73364013;stroke-miterlimit:10" />
    <path
       d="m 429.93642,178.94847 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path54-4"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <path
       d="m 269.93642,199.30013 v -15.125"
       pointer-events="stroke"
       stroke-miterlimit="10"
       id="path64-3"
       inkscape:connector-curvature="0"
       style="fill:none;stroke:#000000;stroke-width:0.73364019;stroke-miterlimit:10" />
    <path
       d="m 269.93642,177.94847 3.5,7 -3.5,-1.75 -3.5,1.75 z"
       pointer-events="all"
       stroke-miterlimit="10"
       id="path66-0"
       inkscape:connector-curvature="0"
       style="fill:#000000;stroke:#000000;stroke-miterlimit:10" />
    <g
       transform="translate(10.378607,-44.8961)"
       id="g122-3">
      <switch
         id="switch120-6">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 81px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="100"
           y="153"
           id="text118-7"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">web</text>
      </switch>
    </g>
    <g
       transform="translate(10.378607,-44.8961)"
       id="g130-5">
      <switch
         id="switch128-3">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 241px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="153"
           id="text126-5"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">api</text>
      </switch>
    </g>
    <g
       transform="translate(10.378607,-44.8961)"
       id="g138-6">
      <switch
         id="switch136-2">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 149px; margin-left: 396px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 5342</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="420"
           y="153"
           id="text134-9"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">pgsql</text>
      </switch>
    </g>
    <g
       transform="translate(90.337263,-24.079872)"
       id="g130-5-1">
      <switch
         id="switch128-3-2">
        <foreignObject
           height="100%"
           pointer-events="none"
           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
           style="overflow: visible; text-align: left;"
           width="100%">
          <xhtml:div
             style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 149px; margin-left: 241px;">
            <xhtml:div
               style="box-sizing: border-box; font-size: 0; text-align: center; ">
              <xhtml:div
                 style="display: inline-block; font-size: 12px; font-family: Verdana; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                <xhtml:font
                   style="font-size: 8px">Port 80</xhtml:font>
              </xhtml:div>
            </xhtml:div>
          </xhtml:div>
        </foreignObject>
        <text
           font-size="12px"
           x="260"
           y="153"
           id="text126-5-7"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:10.66666698px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu, Light';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000">api:5342</text>
      </switch>
    </g>
  </g>
</svg>