AutoConnect/docs/images/handlePortal.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   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 191.12044 454.37354"
   height="454.37354mm"
   width="191.12044mm">
  <defs
     id="defs2" />
  <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(143.18522,78.353435)"
     id="layer1">
    <g
       transform="translate(-143.18522,-78.340217)"
       id="g1243">
      <g
         id="layer2"
         transform="translate(5.0000008,4.9999992)"
         style="display:inline">
        <path
           d="M -4.9867716,-4.9999882 V 449.36032 M 0.30489485,-4.9999882 V 449.36032 M 5.5965614,-4.9999882 V 449.36032 M 10.888228,-4.9999882 V 449.36032 M 16.179894,-4.9999882 V 449.36032 M 21.471561,-4.9999882 V 449.36032 M 26.763227,-4.9999882 V 449.36032 M 32.054894,-4.9999882 V 449.36032 M 37.34656,-4.9999882 V 449.36032 M 42.638227,-4.9999882 V 449.36032 M 47.929893,-4.9999882 V 449.36032 M 53.22156,-4.9999882 V 449.36032 M 58.513227,-4.9999882 V 449.36032 M 63.804893,-4.9999882 V 449.36032 M 69.09656,-4.9999882 V 449.36032 M 74.388226,-4.9999882 V 449.36032 M 79.679893,-4.9999882 V 449.36032 M 84.971559,-4.9999882 V 449.36032 M 90.263226,-4.9999882 V 449.36032 M 95.554888,-4.9999882 V 449.36032 M 100.84656,-4.9999882 V 449.36032 M 106.13823,-4.9999882 V 449.36032 M 111.42989,-4.9999882 V 449.36032 M 116.72156,-4.9999882 V 449.36032 M 122.01323,-4.9999882 V 449.36032 M 127.30489,-4.9999882 V 449.36032 M 132.59656,-4.9999882 V 449.36032 M 137.88823,-4.9999882 V 449.36032 M 143.17989,-4.9999882 V 449.36032 M 148.47156,-4.9999882 V 449.36032 M 153.76323,-4.9999882 V 449.36032 M 159.05489,-4.9999882 V 449.36032 M 164.34656,-4.9999882 V 449.36032 M 169.63823,-4.9999882 V 449.36032 M 174.92989,-4.9999882 V 449.36032 M 180.22156,-4.9999882 V 449.36032 M 185.51323,-4.9999882 V 449.36032 M -4.9867716,-4.9999882 H 186.12043 M -4.9867716,0.29167834 H 186.12043 M -4.9867716,5.5833448 H 186.12043 M -4.9867716,10.875012 H 186.12043 M -4.9867716,16.166678 H 186.12043 M -4.9867716,21.458345 H 186.12043 M -4.9867716,26.750011 H 186.12043 M -4.9867716,32.041678 H 186.12043 M -4.9867716,37.333344 H 186.12043 M -4.9867716,42.625011 H 186.12043 M -4.9867716,47.916677 H 186.12043 M -4.9867716,53.208344 H 186.12043 M -4.9867716,58.500011 H 186.12043 M -4.9867716,63.791677 H 186.12043 M -4.9867716,69.083344 H 186.12043 M -4.9867716,74.37501 H 186.12043 M -4.9867716,79.666677 H 186.12043 M -4.9867716,84.958343 H 186.12043 M -4.9867716,90.25001 H 186.12043 M -4.9867716,95.541672 H 186.12043 M -4.9867716,100.83334 H 186.12043 M -4.9867716,106.12501 H 186.12043 M -4.9867716,111.41667 H 186.12043 M -4.9867716,116.70834 H 186.12043 M -4.9867716,122.00001 H 186.12043 M -4.9867716,127.29167 H 186.12043 M -4.9867716,132.58334 H 186.12043 M -4.9867716,137.87501 H 186.12043 M -4.9867716,143.16667 H 186.12043 M -4.9867716,148.45834 H 186.12043 M -4.9867716,153.75001 H 186.12043 M -4.9867716,159.04167 H 186.12043 M -4.9867716,164.33334 H 186.12043 M -4.9867716,169.62501 H 186.12043 M -4.9867716,174.91667 H 186.12043 M -4.9867716,180.20834 H 186.12043 M -4.9867716,185.50001 H 186.12043 M -4.9867716,190.79167 H 186.12043 M -4.9867716,196.08334 H 186.12043 M -4.9867716,201.37501 H 186.12043 M -4.9867716,206.66667 H 186.12043 M -4.9867716,211.95834 H 186.12043 M -4.9867716,217.25001 H 186.12043 M -4.9867716,222.54167 H 186.12043 M -4.9867716,227.83334 H 186.12043 M -4.9867716,233.125 H 186.12043 M -4.9867716,238.41667 H 186.12043 M -4.9867716,243.70834 H 186.12043 M -4.9867716,249 H 186.12043 M -4.9867716,254.29167 H 186.12043 M -4.9867716,259.58334 H 186.12043 M -4.9867716,264.875 H 186.12043 M -4.9867716,270.16667 H 186.12043 M -4.9867716,275.45834 H 186.12043 M -4.9867716,280.75 H 186.12043 M -4.9867716,286.04167 H 186.12043 M -4.9867716,291.33334 H 186.12043 M -4.9867716,296.625 H 186.12043 M -4.9867716,301.91667 H 186.12043 M -4.9867716,307.20834 H 186.12043 M -4.9867716,312.5 H 186.12043 M -4.9867716,317.79167 H 186.12043 M -4.9867716,323.08334 H 186.12043 M -4.9867716,328.375 H 186.12043 M -4.9867716,333.66667 H 186.12043 M -4.9867716,338.95834 H 186.12043 M -4.9867716,344.25 H 186.12043 M -4.9867716,349.54167 H 186.12043 M -4.9867716,354.83334 H 186.12043 M -4.9867716,360.125 H 186.12043 M -4.9867716,365.41667 H 186.12043 M -4.9867716,370.70834 H 186.12043 M -4.9867716,376 H 186.12043 M -4.9867716,381.29167 H 186.12043 M -4.9867716,386.58333 H 186.12043 M -4.9867716,391.875 H 186.12043 M -4.9867716,397.16667 H 186.12043 M -4.9867716,402.45833 H 186.12043 M -4.9867716,407.75 H 186.12043 M -4.9867716,413.04167 H 186.12043 M -4.9867716,418.33333 H
           style="fill:none;stroke:#000000;stroke-width:0.0264583px"
           id="path4982" />
      </g>
      <g
         id="layer1-3"
         transform="translate(46.95536,63.837051)"
         style="display:inline">
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055563px;line-height:1.25;font-family:monospace;-inkscape-font-specification:monospace;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="-41.95536"
           y="-56.407742"
           id="text4506"><tspan
             id="tspan4504"
             x="-41.95536"
             y="-56.407742"
             style="font-size:3.17499995px;stroke-width:0.26458332"><tspan
   style="fill:#669900"
   id="tspan4776">#include</tspan> &lt;<tspan
   style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:'monospace Italic'"
   id="tspan4780">ESP8266WiFi.h</tspan>&gt;</tspan><tspan
             x="-41.95536"
             y="-51.557049"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4508"><tspan
   style="fill:#669900"
   id="tspan4778">#include</tspan> &lt;<tspan
   style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:'monospace Italic'"
   id="tspan4782">ESP8266WebServer.h</tspan>&gt;</tspan><tspan
             x="-41.95536"
             y="-46.706352"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4510"><tspan
   style="fill:#669900"
   id="tspan4786">#include</tspan> &lt;<tspan
   style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:monospace;-inkscape-font-specification:'monospace Italic'"
   id="tspan4784">AutoConnect.h</tspan>&gt;</tspan><tspan
             x="-41.95536"
             y="-41.855659"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4512" /><tspan
             x="-41.95536"
             y="-37.004963"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4516"><tspan
   style="fill:#ff6600"
   id="tspan4790">AutoConnect </tspan>portal;</tspan><tspan
             x="-41.95536"
             y="-32.15427"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4518" /><tspan
             x="-41.95536"
             y="-27.303574"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4520"><tspan
   style="fill:#3366cc"
   id="tspan4792">void</tspan> handleRoot() {</tspan><tspan
             x="-41.95536"
             y="-22.452879"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4522"><tspan
   style="fill:#3366cc"
   id="tspan4794">String</tspan> page = PSTR(</tspan><tspan
             x="-41.95536"
             y="-17.602184"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4524">&quot;&lt;html&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="-12.751491"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4526">&quot;&lt;head&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="-7.9007959"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4528">  &quot;&lt;meta name=\&quot;viewport\&quot; content=\&quot;width=device-width, initial-scale=1\&quot;&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="-3.0501018"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4530">  &quot;&lt;style type=\&quot;text/css\&quot;&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="1.8005929"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4532">    &quot;body {&quot;</tspan><tspan
             x="-41.95536"
             y="6.6512876"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4534">    &quot;-webkit-appearance:none;&quot;</tspan><tspan
             x="-41.95536"
             y="11.501982"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4536">    &quot;-moz-appearance:none;&quot;</tspan><tspan
             x="-41.95536"
             y="16.352676"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4538">    &quot;font-family:'Arial',sans-serif;&quot;</tspan><tspan
             x="-41.95536"
             y="21.203371"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4540">    &quot;text-align:center;&quot;</tspan><tspan
             x="-41.95536"
             y="26.054066"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4542">    &quot;}&quot;</tspan><tspan
             x="-41.95536"
             y="30.90476"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4544">    &quot;.menu {&quot;</tspan><tspan
             x="-41.95536"
             y="35.755455"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4546">    &quot;text-align:right;&quot;</tspan><tspan
             x="-41.95536"
             y="40.606148"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4548">    &quot;}&quot;</tspan><tspan
             x="-41.95536"
             y="45.456844"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4550">    &quot;.button {&quot;</tspan><tspan
             x="-41.95536"
             y="50.307537"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4552">    &quot;display:inline-block;&quot;</tspan><tspan
             x="-41.95536"
             y="55.158234"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4554">    &quot;border-radius:7px;&quot;</tspan><tspan
             x="-41.95536"
             y="60.008926"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4556">    &quot;background:#73ad21;&quot;</tspan><tspan
             x="-41.95536"
             y="64.859619"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4558">    &quot;margin:0 10px 0 10px;&quot;</tspan><tspan
             x="-41.95536"
             y="69.71032"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4560">    &quot;padding:10px 20px 10px 20px;&quot;</tspan><tspan
             x="-41.95536"
             y="74.561012"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4562">    &quot;text-decoration:none;&quot;</tspan><tspan
             x="-41.95536"
             y="79.411705"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4564">    &quot;color:#000000;&quot;</tspan><tspan
             x="-41.95536"
             y="84.262398"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4566">    &quot;}&quot;</tspan><tspan
             x="-41.95536"
             y="89.113098"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4568">  &quot;&lt;/style&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="93.963791"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4570">&quot;&lt;/head&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="98.814484"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4572">&quot;&lt;body&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="103.66518"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4574">  &quot;&lt;p class=\&quot;menu\&quot;&gt;&quot; <tspan
   style="fill:#000000"
   id="tspan4798">AUTOCONNECT_LINK(BAR_32)</tspan> &quot;&lt;/p&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="108.51587"
             style="font-size:3.17499995px;fill:#003399;stroke-width:0.26458332"
             id="tspan4576">  &quot;BUILT-IN LED&lt;br&gt;&quot;</tspan><tspan
             x="-41.95536"
             y="113.36657"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4578"><tspan
   style="fill:#003399"
   id="tspan4796">  &quot;GPIO(&quot;</tspan>);</tspan><tspan
             x="-41.95536"
             y="118.21726"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4580">  page += <tspan
   style="fill:#3366cc"
   id="tspan4800">String</tspan>(BUILTIN_LED);</tspan><tspan
             x="-41.95536"
             y="123.06796"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4582">  page += <tspan
   style="fill:#3366cc"
   id="tspan4802">String</tspan>(F(<tspan
   style="fill:#003399"
   id="tspan4804">&quot;) : &lt;span style=\&quot;font-weight:bold;color:&quot;</tspan>));</tspan><tspan
             x="-41.95536"
             y="127.91865"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4584">  page += <tspan
   style="fill:#ff6600"
   id="tspan4806">digitalRead</tspan>(BUILTIN_LED) ? <tspan
   style="fill:#3366cc"
   id="tspan4808">String</tspan>(<tspan
   style="fill:#003399"
   id="tspan4812">&quot;Tomato\&quot;&gt;HIGH&quot;</tspan>) : <tspan
   style="fill:#3366cc"
   id="tspan4814">String</tspan>(<tspan
   style="fill:#003399"
   id="tspan4816">&quot;SlateBlue\&quot;&gt;LOW&quot;</tspan>);</tspan><tspan
             x="-41.95536"
             y="132.76935"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4586">  page += <tspan
   style="fill:#ff6600"
   id="tspan4818">String</tspan>(F(<tspan
   style="fill:#003399"
   id="tspan4820">&quot;&lt;/span&gt;&quot;</tspan>));</tspan><tspan
             x="-41.95536"
             y="137.62004"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4588">  page += <tspan
   style="fill:#ff6600"
   id="tspan4822">String</tspan>(F(<tspan
   style="fill:#003399"
   id="tspan4826">&quot;&lt;p&gt;&lt;a class=\&quot;button\&quot; href=\&quot;/io?v=low\&quot;&gt;low&lt;/a&gt;</tspan></tspan><tspan
             x="-41.95536"
             y="142.47073"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4968"><tspan
   style="fill:#003399"
   id="tspan4970">                                 &lt;a class=\&quot;button\&quot; href=\&quot;/io?v=high\&quot;&gt;high&lt;/a&gt;&lt;/p&gt;&quot;</tspan>));</tspan><tspan
             x="-41.95536"
             y="147.32143"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4590">  page += <tspan
   style="fill:#ff6600"
   id="tspan4824">String</tspan>(F(<tspan
   style="fill:#003399"
   id="tspan4828">&quot;&lt;/body&gt;&lt;/html&gt;&quot;</tspan>));</tspan><tspan
             x="-41.95536"
             y="152.17212"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4592">  portal.<tspan
   style="fill:#ff6600"
   id="tspan5104">host</tspan>().<tspan
   style="fill:#ff6600"
   id="tspan4832">send</tspan>(200, <tspan
   style="fill:#003399"
   id="tspan4834">&quot;text/html&quot;</tspan>, page);</tspan><tspan
             x="-41.95536"
             y="157.02281"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4594">}</tspan><tspan
             x="-41.95536"
             y="161.87352"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4596" /><tspan
             x="-41.95536"
             y="166.72421"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4598"><tspan
   style="fill:#3366cc"
   id="tspan4836">void</tspan> handleGPIO() {</tspan><tspan
             x="-41.95536"
             y="171.57491"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan5040"><tspan
   style="fill:#ff6600"
   id="tspan5088">ESP8266WebServer</tspan>&amp; server = portal.<tspan
   style="fill:#ff6600"
   id="tspan5084">host</tspan>();</tspan><tspan
             x="-41.95536"
             y="176.4256"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4600"><tspan
   style="fill:#808080"
   id="tspan4838">if</tspan> (server.<tspan
   style="fill:#ff6600"
   id="tspan4842">arg</tspan>(<tspan
   style="fill:#003399"
   id="tspan4844">&quot;v&quot;</tspan>) == <tspan
   style="fill:#003399"
   id="tspan4846">&quot;low&quot;</tspan>)</tspan><tspan
             x="-41.95536"
             y="181.27629"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4602"><tspan
   style="fill:#ff6600"
   id="tspan4850">digitalWrite</tspan>(BUILTIN_LED, <tspan
   style="fill:#ff6600"
   id="tspan4852">LOW</tspan>);</tspan><tspan
             x="-41.95536"
             y="186.12698"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4604"><tspan
   style="fill:#808080"
   id="tspan4860">else</tspan><tspan
   style="fill:#808080"
   id="tspan4862">if</tspan> (server.<tspan
   style="fill:#ff6600"
   id="tspan4858">arg</tspan>(<tspan
   style="fill:#003399"
   id="tspan4856">&quot;v&quot;</tspan>) == <tspan
   style="fill:#003399"
   id="tspan4854">&quot;high&quot;</tspan>)</tspan><tspan
             x="-41.95536"
             y="190.97768"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4606"><tspan
   style="fill:#ff6600"
   id="tspan4864">digitalWrite</tspan>(BUILTIN_LED, <tspan
   style="fill:#ff6600"
   id="tspan4866">HIGH</tspan>);</tspan><tspan
             x="-41.95536"
             y="195.82837"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4608">  sendRedirect(&quot;/&quot;);</tspan><tspan
             x="-41.95536"
             y="200.67906"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4610">}</tspan><tspan
             x="-41.95536"
             y="205.52977"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4612" /><tspan
             x="-41.95536"
             y="210.38046"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4614"><tspan
   style="fill:#3366cc"
   id="tspan4868">void</tspan> sendRedirect(<tspan
   style="fill:#3366cc"
   id="tspan4870">String</tspan> uri) {</tspan><tspan
             x="-41.95536"
             y="215.23116"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan5042"><tspan
   style="fill:#ff6600"
   id="tspan5090">ESP8266WebServer</tspan>&amp; server = portal.<tspan
   style="fill:#ff6600"
   id="tspan5086">host</tspan>();</tspan><tspan
             x="-41.95536"
             y="220.08185"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4616">  server.<tspan
   style="fill:#ff6600"
   id="tspan4872">sendHeader</tspan>(<tspan
   style="fill:#003399"
   id="tspan4874">&quot;Location&quot;</tspan>, uri, <tspan
   style="fill:#3366cc"
   id="tspan4876">true</tspan>);</tspan><tspan
             x="-41.95536"
             y="224.93254"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4618">  server.<tspan
   style="fill:#ff6600"
   id="tspan4880">send</tspan>(302, &quot;text/plain&quot;, <tspan
   style="fill:#003399"
   id="tspan4878">&quot;&quot;</tspan>);</tspan><tspan
             x="-41.95536"
             y="229.78323"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4620">  server.<tspan
   style="fill:#ff6600"
   id="tspan4884">client</tspan>().<tspan
   style="fill:#ff6600"
   id="tspan4886">stop</tspan>();</tspan><tspan
             x="-41.95536"
             y="234.63393"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4622">}</tspan><tspan
             x="-41.95536"
             y="239.48462"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4624" /><tspan
             x="-41.95536"
             y="244.33533"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4626"><tspan
   style="fill:#3366cc"
   id="tspan4890">void</tspan> setup() {</tspan><tspan
             x="-41.95536"
             y="249.18602"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4628"><tspan
   style="fill:#ff6600"
   id="tspan4888">delay</tspan>(1000);</tspan><tspan
             x="-41.95536"
             y="254.03671"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4630"><tspan
   style="fill:#ff6600"
   id="tspan4892">Serial</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4894">begin</tspan>(115200);</tspan><tspan
             x="-41.95536"
             y="258.88739"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4632"><tspan
   style="fill:#ff6600"
   id="tspan4898">Serial</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4896">println</tspan>();</tspan><tspan
             x="-41.95536"
             y="263.7381"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4634"><tspan
   style="fill:#ff6600"
   id="tspan4900">pinMode</tspan>(BUILTIN_LED, <tspan
   style="fill:#ff6600"
   id="tspan4902">OUTPUT</tspan>);</tspan><tspan
             x="-41.95536"
             y="268.58881"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4636" /><tspan
             x="-41.95536"
             y="273.43948"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4638"><tspan
               style="fill:#808080"
               id="tspan4904">// Put the home location of the web site.</tspan></tspan><tspan
             x="-41.95536"
             y="278.29019"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4640"><tspan
               style="fill:#808080"
               id="tspan4906">// But in usually, setting the home uri is not needed cause default location is &quot;/&quot;.</tspan></tspan><tspan
             x="-41.95536"
             y="283.14087"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4642"><tspan
               style="fill:#808080"
               id="tspan4908">//portal.home(&quot;/&quot;);</tspan></tspan><tspan
             x="-41.95536"
             y="287.99158"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4644" /><tspan
             x="-41.95536"
             y="292.84225"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4652">  // Starts user web site included the AutoConnect portal.</tspan><tspan
             x="-41.95536"
             y="297.69296"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4654"><tspan
   style="fill:#808080"
   id="tspan4934">if</tspan> (portal.<tspan
   style="fill:#ff6600"
   id="tspan4918">begin</tspan>()) {</tspan><tspan
             x="-41.95536"
             y="302.54364"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4656"><tspan
   style="fill:#ff6600"
   id="tspan5092">ESP8266WebServer</tspan>&amp; server = portal.<tspan
   style="fill:#ff6600"
   id="tspan5094">host</tspan>();</tspan><tspan
             x="-41.95536"
             y="307.39435"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan5044">    server.<tspan
   style="fill:#ff6600"
   id="tspan5096">on</tspan>(<tspan
   style="fill:#003399"
   id="tspan5100">&quot;/&quot;</tspan>, handleRoot);</tspan><tspan
             x="-41.95536"
             y="312.24506"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan5052">    server.<tspan
   style="fill:#ff6600"
   id="tspan5098">on</tspan>(<tspan
   style="fill:#003399"
   id="tspan5102">&quot;/io&quot;</tspan>, handleGPIO);</tspan><tspan
             x="-41.95536"
             y="317.09573"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan5060"><tspan
   style="fill:#ff6600"
   id="tspan4920">Serial</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4922">println</tspan>(<tspan
   style="fill:#003399"
   id="tspan4924">&quot;Started, IP:&quot;</tspan> + <tspan
   style="fill:#ff6600"
   id="tspan4926">WiFi</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4928">localIP</tspan>().<tspan
   style="fill:#ff6600"
   id="tspan4930">toString</tspan>());</tspan><tspan
             x="-41.95536"
             y="321.94644"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4658">  }</tspan><tspan
             x="-41.95536"
             y="326.79712"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4660"><tspan
   style="fill:#808080"
   id="tspan4936">else</tspan> {</tspan><tspan
             x="-41.95536"
             y="331.64783"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4662"><tspan
   style="fill:#ff6600"
   id="tspan4938">Serial</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4940">println</tspan>(<tspan
   style="fill:#003399"
   id="tspan4942">&quot;Connection failed.&quot;</tspan>);</tspan><tspan
             x="-41.95536"
             y="336.4985"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4664"><tspan
   style="fill:#808080"
   id="tspan4944">while</tspan> (<tspan
   style="fill:#3366cc"
   id="tspan4946">true</tspan>) { <tspan
   style="fill:#ff6600"
   id="tspan4948">yield</tspan>(); }</tspan><tspan
             x="-41.95536"
             y="341.34921"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4666">  }</tspan><tspan
             x="-41.95536"
             y="346.19989"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4668">}</tspan><tspan
             x="-41.95536"
             y="351.0506"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4670" /><tspan
             x="-41.95536"
             y="355.90131"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4672"><tspan
   style="fill:#3366cc"
   id="tspan4950">void</tspan> loop() {</tspan><tspan
             x="-41.95536"
             y="360.75198"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4676">  portal.<tspan
   style="fill:#ff6600"
   id="tspan4954">handleClient</tspan>();   // Need handleClient only.</tspan><tspan
             x="-41.95536"
             y="365.60269"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4678"><tspan
   style="fill:#808080"
   id="tspan4966">if</tspan> (<tspan
   style="fill:#ff6600"
   id="tspan4956">WiFi</tspan>.<tspan
   style="fill:#ff6600"
   id="tspan4958">status</tspan>() == <tspan
   style="fill:#3366cc"
   id="tspan4960">WL_IDLE_STATUS</tspan>) {</tspan><tspan
             x="-41.95536"
             y="370.45337"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4680">    ESP.<tspan
   style="fill:#ff6600"
   id="tspan4962">reset</tspan>();</tspan><tspan
             x="-41.95536"
             y="375.30408"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4682"><tspan
   style="fill:#ff6600"
   id="tspan4964">delay</tspan>(1000);</tspan><tspan
             x="-41.95536"
             y="380.15475"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4684">  }</tspan><tspan
             x="-41.95536"
             y="385.00546"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4686">}</tspan><tspan
             x="-41.95536"
             y="389.85617"
             style="font-size:3.17499995px;stroke-width:0.26458332"
             id="tspan4688" /></text>
      </g>
      <g
         id="layer3"
         style="display:inline">
        <path
           style="display:inline;opacity:1;vector-effect:none;fill:#558c3d;fill-opacity:0.71119133;stroke:none;stroke-width:2.26596642;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:2.2659663, 2.2659663;stroke-dashoffset:0;stroke-opacity:0.74117647;paint-order:stroke markers fill"
           id="path4984-8-8"
           d="m 119.94348,365.5661 -8.69884,-5.02228 8.69884,-5.02227 z" />
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888855px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="115.3639"
           y="27.289909"
           id="text4702"><tspan
             x="115.3639"
             y="27.289909"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332"
             id="tspan4972">1. Declare AutoConnect only</tspan></text>
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888855px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="115.7594"
           y="373.71988"
           id="text4702-1"><tspan
             id="tspan4700-2"
             x="115.7594"
             y="373.71988"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332">4. Register request handlers</tspan><tspan
             x="115.7594"
             y="379.89349"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332"
             id="tspan4974">    to ESP8266WebServer</tspan></text>
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888855px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="122.43944"
           y="358.74286"
           id="text4702-1-3"><tspan
             id="tspan4700-2-3"
             x="122.43944"
             y="358.74286"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332">3. Start AutoConnect,</tspan><tspan
             x="122.43944"
             y="364.91647"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332"
             id="tspan4976">    no need server.begin()</tspan></text>
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888855px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="127.32045"
           y="422.84482"
           id="text4702-1-3-9-5"><tspan
             id="tspan4700-2-3-5-1"
             x="127.32045"
             y="422.84482"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332">5. Perform handleClient</tspan><tspan
             x="127.32045"
             y="429.01843"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332"
             id="tspan4980">    for AutoConnect</tspan></text>
        <path
           style="opacity:1;vector-effect:none;fill:#558c3d;fill-opacity:0.71119133;stroke:none;stroke-width:2.26596642;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:2.26596625, 2.26596625;stroke-dashoffset:0;stroke-opacity:0.74117647;paint-order:stroke markers fill"
           id="path4984"
           d="m 113.53278,30.932772 -8.69884,-5.022277 8.69884,-5.022275 z" />
        <path
           style="display:inline;opacity:1;vector-effect:none;fill:#558c3d;fill-opacity:0.71119133;stroke:none;stroke-width:2.26596642;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:2.26596627, 2.26596627;stroke-dashoffset:0;stroke-opacity:0.74117647;paint-order:stroke markers fill"
           id="path4984-8"
           d="m 113.91916,379.99377 -8.69884,-5.02227 8.69884,-5.02228 z" />
        <path
           style="display:inline;opacity:1;vector-effect:none;fill:#558c3d;fill-opacity:0.71119133;stroke:none;stroke-width:2.26596642;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:2.26596632, 2.26596632;stroke-dashoffset:0;stroke-opacity:0.74117647;paint-order:stroke markers fill"
           id="path4984-8-8-6"
           d="m 124.96248,429.10303 -8.69884,-5.02228 8.69884,-5.02228 z" />
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93888855px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="108.45959"
           y="235.34866"
           id="text4702-2"><tspan
             x="108.45959"
             y="235.34866"
             style="fill:#558c3d;fill-opacity:1;stroke-width:0.26458332"
             id="tspan4972-5">2. Refer to ESP8266WebServer</tspan></text>
        <path
           style="display:inline;opacity:1;vector-effect:none;fill:#558c3d;fill-opacity:0.71119133;stroke:none;stroke-width:2.26596642;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:2.26596627, 2.26596627;stroke-dashoffset:0;stroke-opacity:0.74117647;paint-order:stroke markers fill"
           id="path4984-6"
           d="m 105.91244,238.99179 -8.698832,-5.02228 8.698842,-5.02227 z" />
      </g>
    </g>
  </g>
</svg>