ESP32_OSC_IMU/lib/AutoConnect/mkdocs/images/BeforeAfter.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
   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"
   id="svg8"
   version="1.1"
   viewBox="0 0 196.63957 182.99508"
   height="182.99507mm"
   width="196.63957mm">
  <defs
     id="defs2">
    <marker
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible">
      <path
         id="path6600"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow1Lend"
       style="overflow:visible">
      <path
         id="path6582"
         d="M 0,0 5,-5 -12.5,0 5,5 Z"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
         transform="matrix(-0.8,0,0,-0.8,-10,0)" />
    </marker>
    <marker
       orient="auto"
       refY="0"
       refX="0"
       id="Tail"
       style="overflow:visible">
      <g
         id="g6627"
         transform="scale(-1.2)"
         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1">
        <path
           id="path6615"
           d="M -3.8048674,-3.9585227 0.54352094,0"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
        <path
           id="path6617"
           d="M -1.2866832,-3.9585227 3.0617053,0"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
        <path
           id="path6619"
           d="M 1.3053582,-3.9585227 5.6537466,0"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
        <path
           id="path6621"
           d="M -3.8048674,4.1775838 0.54352094,0.21974226"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
        <path
           id="path6623"
           d="M -1.2866832,4.1775838 3.0617053,0.21974226"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
        <path
           id="path6625"
           d="M 1.3053582,4.1775838 5.6537466,0.21974226"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.80000001;stroke-linecap:round;stroke-opacity:1" />
      </g>
    </marker>
    <linearGradient
       id="linearGradient6499"
       osb:paint="solid">
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="0"
         id="stop6497" />
    </linearGradient>
    <marker
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-9"
       style="overflow:visible">
      <path
         id="path6600-6"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
  </defs>
  <metadata
     id="metadata5">
    <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></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     transform="translate(39.78823,-45.773269)"
     id="layer1">
    <g
       transform="translate(147.66531,3.5499426)"
       id="layer1-8">
      <path
         id="path2315-6"
         style="fill:none;stroke:#000000;stroke-width:0.026;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.49803922"
         d="M -80.290968,53.521296 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29166,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29166,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29166,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 M -27.374294,53.521296 V 220.21829 m 5.29166,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 m 5.29167,-166.696994 V 220.21829 M -6.2076337,53.521296 V 220.21829 M -0.91596368,53.521296 V 220.21829 M -80.290968,53.521296 H 4.1860363 M -80.290968,58.812963 H 4.1860363 M -80.290968,64.104628 H 4.1860363 M -80.290968,69.396301 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 M -80.290968,101.1463 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 M -80.290968,117.0213 H 4.1860363 m -84.4770043,5.29165 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29167 H 4.1860363 m -84.4770043,5.29166 H 4.1860363" />
      <path
         id="path2315"
         style="fill:none;stroke:#000000;stroke-width:0.026;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.49803922"
         d="M -182.44054,53.5214 V 220.21839 M -177.14887,53.5214 V 220.21839 M -171.8572,53.5214 v 166.69699 m 5.29166,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29166,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29166,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29166,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m 5.29166,-166.69699 v 166.69699 m 5.29167,-166.69699 v 166.69699 m -79.375,-166.69699 h 84.476996 m -84.476996,5.291666 h 84.476996 m -84.476996,5.291666 h 84.476996 m -84.476996,5.291667 h 84.476996 m -84.476996,5.291666 h 84.476996 m -84.476996,5.291666 h 84.476996 m -84.476996,5.291667 h 84.476996 m -84.476996,5.291666 h 84.476996 m -84.476996,5.291667 h 84.476996 m -84.476996,5.291669 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29167 h 84.476996 m -84.476996,5.29166 h 84.476996" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333311px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
         x="-179.95392"
         y="58.437435"
         id="text817"><tspan
           style="font-size:3.17499995px;line-height:0"
           y="58.437435"
           x="-179.95392"
           id="tspan2030"><tspan
   id="tspan2338"
   style="fill:#669900">#include</tspan> &lt;<tspan
   id="tspan2332"
   style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:'monospace Italic'">ESP8266WiFi</tspan>.h&gt;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="63.729103"
           x="-179.95392"
           id="tspan2032"><tspan
   id="tspan2336"
   style="fill:#669900">#include</tspan> &lt;<tspan
   id="tspan2334"
   style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:'monospace Italic'">ESP8266WebServer</tspan>.h&gt;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="69.020767"
           x="-179.95392"
           id="tspan2034" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="74.312431"
           x="-179.95392"
           id="tspan2036" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="79.604103"
           x="-179.95392"
           id="tspan2038"><tspan
   id="tspan2340"
   style="fill:#ff6600">ESP8266WebServer</tspan> Server;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="84.895767"
           x="-179.95392"
           id="tspan2040" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="90.187431"
           x="-179.95392"
           id="tspan2042" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="95.479103"
           x="-179.95392"
           id="tspan2044"><tspan
   id="tspan2344"
   style="fill:#3366cc">void</tspan> rootPage() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="100.77077"
           x="-179.95392"
           id="tspan2046">  <tspan
   id="tspan2350"
   style="fill:#3366cc">char</tspan> content[] = <tspan
   id="tspan2346"
   style="fill:#003399">&quot;Hello, world&quot;</tspan>;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="106.06243"
           x="-179.95392"
           id="tspan2048">  Server.<tspan
   id="tspan2352"
   style="fill:#ff6600">send</tspan>(200, <tspan
   id="tspan2348"
   style="fill:#003399">&quot;text/plain&quot;</tspan>, content);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="111.3541"
           x="-179.95392"
           id="tspan2050">}</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="116.64577"
           x="-179.95392"
           id="tspan2052" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="121.93743"
           x="-179.95392"
           id="tspan2054"><tspan
   id="tspan2354"
   style="fill:#3366cc">void</tspan> <tspan
   id="tspan2356"
   style="fill:#808080">setup</tspan>() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="127.2291"
           x="-179.95392"
           id="tspan2056">  <tspan
   id="tspan2358"
   style="fill:#ff6600">delay</tspan>(1000);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="132.52077"
           x="-179.95392"
           id="tspan2058">  <tspan
   id="tspan2360"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2362"
   style="fill:#ff6600">begin</tspan>(115200);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="137.81242"
           x="-179.95392"
           id="tspan2060">  <tspan
   id="tspan2366"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2364"
   style="fill:#ff6600">println</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="143.1041"
           x="-179.95392"
           id="tspan2062" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="148.39577"
           x="-179.95392"
           id="tspan2064">  <tspan
   id="tspan2368"
   style="fill:#ff6600">WiFi</tspan>.<tspan
   id="tspan2370"
   style="fill:#ff6600">begin</tspan>(<tspan
   id="tspan2372"
   style="fill:#003399">&quot;ssid&quot;</tspan>, <tspan
   id="tspan2374"
   style="fill:#003399">&quot;pass&quot;</tspan>);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="153.68742"
           x="-179.95392"
           id="tspan2066">  <tspan
   id="tspan2378"
   style="fill:#808080">while</tspan> (<tspan
   id="tspan2376"
   style="fill:#ff6600">WiFi</tspan>.status() != WL_CONNECTED) {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="158.9791"
           x="-179.95392"
           id="tspan2068">    <tspan
   id="tspan2380"
   style="fill:#ff6600">delay</tspan>(100);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="164.27077"
           x="-179.95392"
           id="tspan2070">  }</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="169.56242"
           x="-179.95392"
           id="tspan2072" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="174.8541"
           x="-179.95392"
           id="tspan2074">  Server.<tspan
   id="tspan2382"
   style="fill:#ff6600">on</tspan>(<tspan
   id="tspan2384"
   style="fill:#003399">&quot;/&quot;</tspan>, rootPage);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="180.14577"
           x="-179.95392"
           id="tspan2076">  Server.<tspan
   id="tspan2386"
   style="fill:#ff6600">begin</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="185.43742"
           x="-179.95392"
           id="tspan2078">  <tspan
   id="tspan2388"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2390"
   style="fill:#ff6600">println</tspan>(<tspan
   id="tspan2392"
   style="fill:#003399">&quot;Web server started:&quot;</tspan> +</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="190.7291"
           x="-179.95392"
           id="tspan2080">              <tspan
   id="tspan2394"
   style="fill:#ff6600">WiFi</tspan>.localIP().toString());</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="196.02077"
           x="-179.95392"
           id="tspan2082">}</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="201.31242"
           x="-179.95392"
           id="tspan2084" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="206.6041"
           x="-179.95392"
           id="tspan2090"><tspan
   id="tspan2434"
   style="fill:#3366cc">void</tspan> <tspan
   id="tspan2436"
   style="fill:#808080">loop</tspan>() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="211.89577"
           x="-179.95392"
           id="tspan2092">  Server.<tspan
   id="tspan2438"
   style="fill:#ff6600">handleClient</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="217.18742"
           x="-179.95392"
           id="tspan2094">}</tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333311px;line-height:1.25;font-family:monospace;-inkscape-font-specification:'monospace, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
         x="-77.797623"
         y="58.444054"
         id="text817-4"><tspan
           style="font-size:3.17499995px;line-height:0"
           y="58.444054"
           x="-77.797623"
           id="tspan1964"><tspan
   id="tspan2440"
   style="fill:#669900">#include</tspan> &lt;<tspan
   id="tspan2460"
   style="-inkscape-font-specification:'monospace Italic';font-family:monospace;font-weight:normal;font-style:italic;font-stretch:normal;font-variant:normal">ESP8266WiFi</tspan>.h&gt;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="63.735722"
           x="-77.797623"
           id="tspan1966"><tspan
   id="tspan2442"
   style="fill:#669900">#include</tspan> &lt;<tspan
   id="tspan2464"
   style="-inkscape-font-specification:'monospace Italic';font-family:monospace;font-weight:normal;font-style:italic;font-stretch:normal;font-variant:normal">ESP8266WebServer</tspan>.h&gt;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="69.02739"
           x="-77.797623"
           id="tspan1968"><tspan
   id="tspan2444"
   style="fill:#669900">#include</tspan> &lt;<tspan
   id="tspan2466"
   style="-inkscape-font-specification:'monospace Italic';font-family:monospace;font-weight:normal;font-style:italic;font-stretch:normal;font-variant:normal">AutoConnect</tspan>.h&gt;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="74.319054"
           x="-77.797623"
           id="tspan1970" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="79.610718"
           x="-77.797623"
           id="tspan1972"><tspan
   id="tspan2446"
   style="fill:#ff6600">ESP8266WebServer</tspan> Server;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="84.902382"
           x="-77.797623"
           id="tspan1974"><tspan
   id="tspan2448"
   style="fill:#ff6600">AutoConnect</tspan>      Portal(Server);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="90.194054"
           x="-77.797623"
           id="tspan1976" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="95.485718"
           x="-77.797623"
           id="tspan1978"><tspan
   id="tspan2450"
   style="fill:#3366cc">void</tspan> rootPage() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="100.77738"
           x="-77.797623"
           id="tspan1980">  <tspan
   id="tspan2452"
   style="fill:#3366cc">char</tspan> content[] = <tspan
   id="tspan2456"
   style="fill:#003399">&quot;Hello, world&quot;</tspan>;</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="106.06905"
           x="-77.797623"
           id="tspan1982">  Server.<tspan
   id="tspan2454"
   style="fill:#ff6600">send</tspan>(200, <tspan
   id="tspan2458"
   style="fill:#003399">&quot;text/plain&quot;</tspan>, content);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="111.36072"
           x="-77.797623"
           id="tspan1984">}</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="116.65238"
           x="-77.797623"
           id="tspan1986" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="121.94405"
           x="-77.797623"
           id="tspan1988"><tspan
   id="tspan2414"
   style="fill:#3366cc">void</tspan> <tspan
   id="tspan2416"
   style="fill:#808080">setup</tspan>() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="127.23572"
           x="-77.797623"
           id="tspan1990">  <tspan
   id="tspan2418"
   style="fill:#ff6600">delay</tspan>(1000);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="132.52739"
           x="-77.797623"
           id="tspan1992">  <tspan
   id="tspan2420"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2424"
   style="fill:#ff6600">begin</tspan>(115200);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="137.81905"
           x="-77.797623"
           id="tspan1994">  <tspan
   id="tspan2422"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2426"
   style="fill:#ff6600">println</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="143.11072"
           x="-77.797623"
           id="tspan1996" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="148.40239"
           x="-77.797623"
           id="tspan1998" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="153.69405"
           x="-77.797623"
           id="tspan2000" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="158.98572"
           x="-77.797623"
           id="tspan2002" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="164.27737"
           x="-77.797623"
           id="tspan2004" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="169.56905"
           x="-77.797623"
           id="tspan2006" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="174.86072"
           x="-77.797623"
           id="tspan2008">  Server.<tspan
   id="tspan2406"
   style="fill:#ff6600">on</tspan>(<tspan
   id="tspan2408"
   style="fill:#003399">&quot;/&quot;</tspan>, rootPage);</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="180.15237"
           x="-77.797623"
           id="tspan2010">  Portal.<tspan
   id="tspan2410"
   style="fill:#ff6600">begin</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="185.44405"
           x="-77.797623"
           id="tspan2014">  <tspan
   id="tspan2400"
   style="fill:#ff6600">Serial</tspan>.<tspan
   id="tspan2398"
   style="fill:#ff6600">println</tspan>(<tspan
   id="tspan2396"
   style="fill:#003399">&quot;Web server started:&quot;</tspan> + </tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="190.73572"
           x="-77.797623"
           id="tspan2018">               <tspan
   id="tspan2412"
   style="fill:#ff6600">WiFi</tspan>.localIP().toString());</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="196.02737"
           x="-77.797623"
           id="tspan2020">}</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="201.31905"
           x="-77.797623"
           id="tspan2022" /><tspan
           style="font-size:3.17499995px;line-height:0"
           y="206.61072"
           x="-77.797623"
           id="tspan2024"><tspan
   id="tspan2428"
   style="fill:#3366cc">void</tspan> <tspan
   id="tspan2430"
   style="fill:#808080">loop</tspan>() {</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="211.90237"
           x="-77.797623"
           id="tspan2026">  Portal.<tspan
   id="tspan2432"
   style="fill:#ff6600">handleClient</tspan>();</tspan><tspan
           style="font-size:3.17499995px;line-height:0"
           y="217.19405"
           x="-77.797623"
           id="tspan2028">}</tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
         x="-145.07974"
         y="50.99984"
         id="text8720"><tspan
           id="tspan8718"
           x="-145.07974"
           y="50.99984"
           style="font-size:4.93888903px;stroke-width:0.26458332">Before</tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#003399;fill-opacity:0.5884476;stroke:none;stroke-width:0.26458332;"
         x="-104.55894"
         y="69.372025"
         id="text4947"><tspan
           id="tspan4945"
           x="-104.55894"
           y="69.372025"
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:4.58611107px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#003399;fill-opacity:0.5884476;stroke-width:0.26458332;">Insert</tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#003399;fill-opacity:0.5884476;stroke:none;stroke-width:0.26458332;"
         x="-104.55894"
         y="85.179016"
         id="text4947-7"><tspan
           id="tspan4945-8"
           x="-104.55894"
           y="85.179016"
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:4.58611107px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#003399;fill-opacity:0.5884476;stroke-width:0.26458332;">Insert</tspan></text>
      <path
         style="display:inline;opacity:1;fill:#003399;fill-opacity:0.5884476;stroke:#000000;stroke-width:0.03373705;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;paint-order:markers stroke fill"
         id="path8601"
         d="m -80.856438,83.447853 -5.300459,3.260004 V 80.18785 Z" />
      <path
         style="display:inline;opacity:1;fill:#003399;fill-opacity:0.5884476;stroke:#000000;stroke-width:0.03373705;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;paint-order:markers stroke fill"
         id="path8601-8"
         d="m -80.856438,67.640873 -5.300459,3.260004 V 64.38087 Z" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76,0.88;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -77.507201,70.059294 h 45.903536"
         id="path8701" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76,0.88;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -77.866451,85.834446 h 60.63188"
         id="path8701-6" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.26458332;"
         x="-90.962158"
         y="156.75723"
         id="text4947-7-7"><tspan
           id="tspan4945-8-3"
           x="-90.962158"
           y="156.75723"
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:4.58611107px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#003399;fill-opacity:0.58823529;stroke-width:0.26458332;">Remove</tspan></text>
      <path
         style="display:inline;opacity:1;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.034;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;paint-order:markers stroke fill"
         id="path8601-2"
         d="m -92.128228,154.97999 -5.300459,3.26001 v -6.52001 z" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.91645706;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.83291411, 1.83291411;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -178.99241,143.23968 v 24.27983 h 79.594422 V 143.4604 Z"
         id="path8699" />
      <path
         style="display:inline;opacity:1;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529"
         d="M -86.136974,179.15988 H -141.12544"
         id="path8682" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.26458332;"
         x="-108.76884"
         y="177.24081"
         id="text4947-7-7-1"><tspan
           id="tspan4945-8-3-2"
           x="-108.76884"
           y="177.24081"
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:4.58611107px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#003399;fill-opacity:0.58823529;stroke-width:0.26458332;">Replace</tspan></text>
      <path
         style="display:inline;opacity:1;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.03373705;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;paint-order:markers stroke fill"
         id="path8601-2-1-2"
         d="m -80.856438,179.17113 -5.300459,3.26001 v -6.52001 z" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76,0.88;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -175.9977,181.00311 h 11.62328"
         id="path8701-6-3" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76,0.88;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="M -74.015893,181.05546 H -62.07686"
         id="path8701-6-3-0" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.58823529"
         d="M -86.152364,210.80953 H -128.31409"
         id="path8682-0" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';letter-spacing:0px;word-spacing:0px;display:inline;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.26458332;"
         x="-108.76881"
         y="208.89076"
         id="text4947-7-7-1-1"><tspan
           id="tspan4945-8-3-2-6"
           x="-108.76881"
           y="208.89076"
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:4.58611107px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#003399;fill-opacity:0.58823529;stroke-width:0.26458332;">Replace</tspan></text>
      <path
         style="display:inline;opacity:1;fill:#003399;fill-opacity:0.58823529;stroke:none;stroke-width:0.03373705;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;paint-order:markers stroke fill"
         id="path8601-2-1-2-6"
         d="m -80.856438,210.82078 -5.300459,3.26001 v -6.52001 z" />
      <path
         style="display:inline;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76, 0.88000000000000000;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -175.95631,212.87316 h 13.88168"
         id="path8701-6-3-3" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:6.3499999px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
         x="-43.61565"
         y="51.013618"
         id="text8720-4"><tspan
           id="tspan8718-5"
           x="-43.61565"
           y="51.013618"
           style="font-size:4.93888903px;stroke-width:0.26458332">After</tspan></text>
      <path
         style="display:inline;opacity:1;fill:none;stroke:#003399;stroke-width:0.88;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.76, 0.88000000000000000;stroke-dashoffset:0;stroke-opacity:0.58823529"
         d="m -73.445331,212.91466 h 12.468034"
         id="path8701-6-3-0-1" />
    </g>
  </g>
</svg>