logic_sequence.svg 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <svg
  3. xmlns:dc="http://purl.org/dc/elements/1.1/"
  4. xmlns:cc="http://creativecommons.org/ns#"
  5. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6. xmlns:svg="http://www.w3.org/2000/svg"
  7. xmlns="http://www.w3.org/2000/svg"
  8. id="svg8"
  9. version="1.1"
  10. viewBox="0 0 150.228 144.32257"
  11. height="144.32257mm"
  12. width="150.228mm">
  13. <defs
  14. id="defs2" />
  15. <metadata
  16. id="metadata5">
  17. <rdf:RDF>
  18. <cc:Work
  19. rdf:about="">
  20. <dc:format>image/svg+xml</dc:format>
  21. <dc:type
  22. rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  23. <dc:title></dc:title>
  24. </cc:Work>
  25. </rdf:RDF>
  26. </metadata>
  27. <g
  28. transform="translate(-28.675957,-9.6488822)"
  29. style="display:inline"
  30. id="layer2">
  31. <path
  32. id="path897"
  33. style="fill:none;stroke:#000000;stroke-width:0.0264583px"
  34. d="M 0,0 V 296.99999 M 5.2916665,0 V 296.99999 M 10.583333,0 V 296.99999 M 15.875,0 V 296.99999 M 21.166666,0 V 296.99999 M 26.458333,0 V 296.99999 M 31.749999,0 V 296.99999 M 37.041666,0 V 296.99999 M 42.333332,0 V 296.99999 M 47.624999,0 V 296.99999 M 52.916665,0 V 296.99999 M 58.208332,0 V 296.99999 M 63.499999,0 V 296.99999 M 68.791665,0 V 296.99999 M 74.083332,0 V 296.99999 M 79.374998,0 V 296.99999 M 84.666665,0 V 296.99999 M 89.958331,0 V 296.99999 M 95.249998,0 V 296.99999 M 100.54166,0 V 296.99999 M 105.83333,0 V 296.99999 M 111.125,0 V 296.99999 M 116.41666,0 V 296.99999 M 121.70833,0 V 296.99999 M 127,0 V 296.99999 M 132.29166,0 V 296.99999 M 137.58333,0 V 296.99999 M 142.875,0 V 296.99999 M 148.16666,0 V 296.99999 M 153.45833,0 V 296.99999 M 158.75,0 V 296.99999 M 164.04166,0 V 296.99999 M 169.33333,0 V 296.99999 M 174.625,0 V 296.99999 M 179.91666,0 V 296.99999 M 185.20833,0 V 296.99999 M 190.5,0 V 296.99999 M 195.79166,0 V 296.99999 M 201.08333,0 V 296.99999 M 206.375,0 V 296.99999 M 0,0 H 210 M 0,5.2916665 H 210 M 0,10.583333 H 210 M 0,15.875 H 210 M 0,21.166666 H 210 M 0,26.458333 H 210 M 0,31.749999 H 210 M 0,37.041666 H 210 M 0,42.333332 H 210 M 0,47.624999 H 210 M 0,52.916665 H 210 M 0,58.208332 H 210 M 0,63.499999 H 210 M 0,68.791665 H 210 M 0,74.083332 H 210 M 0,79.374998 H 210 M 0,84.666665 H 210 M 0,89.958331 H 210 M 0,95.249998 H 210 M 0,100.54166 H 210 M 0,105.83333 H 210 M 0,111.125 H 210 M 0,116.41666 H 210 M 0,121.70833 H 210 M 0,127 H 210 M 0,132.29166 H 210 M 0,137.58333 H 210 M 0,142.875 H 210 M 0,148.16666 H 210 M 0,153.45833 H 210 M 0,158.75 H 210 M 0,164.04166 H 210 M 0,169.33333 H 210 M 0,174.625 H 210 M 0,179.91666 H 210 M 0,185.20833 H 210 M 0,190.5 H 210 M 0,195.79166 H 210 M 0,201.08333 H 210 M 0,206.375 H 210 M 0,211.66666 H 210 M 0,216.95833 H 210 M 0,222.24999 H 210 M 0,227.54166 H 210 M 0,232.83333 H 210 M 0,238.12499 H 210 M 0,243.41666 H 210 M 0,248.70833 H 210 M 0,253.99999 H 210 M 0,259.29166 H 210 M 0,264.58333 H 210 M 0,269.87499 H 210 M 0,275.16666 H 210 M 0,280.45833 H 210 M 0,285.74999 H 210 M 0,291.04166 H 210 M 0,296.33333 h 210" />
  35. </g>
  36. <g
  37. transform="translate(-28.675957,-9.6488822)"
  38. style="display:inline"
  39. id="layer1">
  40. <text
  41. id="text817"
  42. y="17.329166"
  43. x="33.675957"
  44. style="font-style:normal;font-weight:normal;font-size:3.52777767px;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"
  45. xml:space="preserve"><tspan
  46. style="font-size:3.52777767px;stroke-width:0.26458332"
  47. y="17.329166"
  48. x="33.675957"
  49. id="tspan815"><tspan
  50. id="tspan899"
  51. style="fill:#669900">#include</tspan> &lt;<tspan
  52. id="tspan909"
  53. style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Italic'">ESP8266WiFi.h</tspan>&gt;</tspan><tspan
  54. id="tspan819"
  55. style="font-size:3.52777767px;stroke-width:0.26458332"
  56. y="21.738888"
  57. x="33.675957"><tspan
  58. id="tspan905"
  59. style="fill:#669900">#include</tspan> &lt;<tspan
  60. id="tspan915"
  61. style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Italic'">ESP8266WebServer.h</tspan>&gt;</tspan><tspan
  62. id="tspan821"
  63. style="font-size:3.52777767px;stroke-width:0.26458332"
  64. y="26.148611"
  65. x="33.675957"><tspan
  66. id="tspan907"
  67. style="fill:#669900">#include</tspan> &lt;<tspan
  68. id="tspan921"
  69. style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Italic'">AutoConnect.h</tspan>&gt;</tspan><tspan
  70. id="tspan823"
  71. style="font-size:3.52777767px;stroke-width:0.26458332"
  72. y="30.558332"
  73. x="33.675957" /><tspan
  74. id="tspan825"
  75. style="font-size:3.52777767px;stroke-width:0.26458332"
  76. y="34.968056"
  77. x="33.675957"><tspan
  78. id="tspan923"
  79. style="fill:#ff6600">ESP8266WebServer</tspan> Server;</tspan><tspan
  80. id="tspan827"
  81. style="font-size:3.52777767px;stroke-width:0.26458332"
  82. y="39.377777"
  83. x="33.675957"><tspan
  84. id="tspan927"
  85. style="fill:#ff6600">AutoConnect</tspan> Portal(Server);</tspan><tspan
  86. id="tspan829"
  87. style="font-size:3.52777767px;stroke-width:0.26458332"
  88. y="43.787498"
  89. x="33.675957" /><tspan
  90. id="tspan831"
  91. style="font-size:3.52777767px;stroke-width:0.26458332"
  92. y="48.19722"
  93. x="33.675957"><tspan
  94. id="tspan929"
  95. style="fill:#3366cc">void</tspan> rootPage() {</tspan><tspan
  96. id="tspan833"
  97. style="font-size:3.52777767px;stroke-width:0.26458332"
  98. y="52.606941"
  99. x="33.675957"> <tspan
  100. id="tspan981"
  101. style="fill:#3366cc">char</tspan> content[] = &quot;Hello, world&quot;;</tspan><tspan
  102. id="tspan835"
  103. style="font-size:3.52777767px;stroke-width:0.26458332"
  104. y="57.016666"
  105. x="33.675957"> Server.<tspan
  106. id="tspan955"
  107. style="fill:#ff6600">send</tspan>(200, &quot;text/plain&quot;, content);</tspan><tspan
  108. id="tspan837"
  109. style="font-size:3.52777767px;stroke-width:0.26458332"
  110. y="61.426388"
  111. x="33.675957">}</tspan><tspan
  112. id="tspan839"
  113. style="font-size:3.52777767px;stroke-width:0.26458332"
  114. y="65.836113"
  115. x="33.675957" /><tspan
  116. id="tspan841"
  117. style="font-size:3.52777767px;stroke-width:0.26458332"
  118. y="70.245834"
  119. x="33.675957"><tspan
  120. id="tspan937"
  121. style="fill:#3366cc">void</tspan> <tspan
  122. id="tspan935"
  123. style="fill:#808080">setup</tspan>() {</tspan><tspan
  124. id="tspan843"
  125. style="font-size:3.52777767px;stroke-width:0.26458332"
  126. y="74.655556"
  127. x="33.675957"> <tspan
  128. id="tspan949"
  129. style="fill:#ff6600">delay</tspan>(1000);</tspan><tspan
  130. id="tspan849"
  131. style="font-size:3.52777767px;stroke-width:0.26458332"
  132. y="79.065277"
  133. x="33.675957" /><tspan
  134. id="tspan851"
  135. style="font-size:3.52777767px;stroke-width:0.26458332"
  136. y="83.474998"
  137. x="33.675957"> Server.<tspan
  138. id="tspan947"
  139. style="fill:#ff6600">on</tspan>(<tspan
  140. id="tspan963"
  141. style="fill:#003399">&quot;/&quot;</tspan>, rootPage);</tspan><tspan
  142. id="tspan853"
  143. style="font-size:3.52777767px;stroke-width:0.26458332"
  144. y="87.88472"
  145. x="33.675957"> </tspan><tspan
  146. id="tspan4825"
  147. style="font-size:3.52777767px;stroke-width:0.26458332"
  148. y="92.294441"
  149. x="33.675957"><tspan
  150. id="tspan4827"
  151. style="fill:#3366cc"> boolean</tspan> r = Portal.<tspan
  152. id="tspan961"
  153. style="fill:#ff6600">begin</tspan>();</tspan><tspan
  154. id="tspan971"
  155. style="font-size:3.52777767px;stroke-width:0.26458332"
  156. y="96.704163"
  157. x="33.675957"> </tspan><tspan
  158. id="tspan4830"
  159. style="font-size:3.52777767px;stroke-width:0.26458332"
  160. y="101.11388"
  161. x="33.675957"><tspan
  162. id="tspan4832"
  163. style="fill:#404040"> if</tspan> (!r) {</tspan><tspan
  164. id="tspan855"
  165. style="font-size:3.52777767px;stroke-width:0.26458332"
  166. y="105.52361"
  167. x="33.675957"> <tspan
  168. id="tspan945"
  169. style="fill:#ff6600">delay</tspan>(1000);<tspan
  170. id="tspan969"
  171. style="fill:#003399"></tspan></tspan><tspan
  172. id="tspan5494"
  173. style="font-size:3.52777767px;stroke-width:0.26458332"
  174. y="109.93333"
  175. x="33.675957"><tspan
  176. id="tspan5496"
  177. style="fill:#003399"> </tspan>ESP.reset();</tspan><tspan
  178. id="tspan857"
  179. style="font-size:3.52777767px;stroke-width:0.26458332"
  180. y="114.34306"
  181. x="33.675957"> }</tspan><tspan
  182. id="tspan859"
  183. style="font-size:3.52777767px;stroke-width:0.26458332"
  184. y="118.75278"
  185. x="33.675957">}</tspan><tspan
  186. id="tspan861"
  187. style="font-size:3.52777767px;stroke-width:0.26458332"
  188. y="123.1625"
  189. x="33.675957" /><tspan
  190. id="tspan863"
  191. style="font-size:3.52777767px;stroke-width:0.26458332"
  192. y="127.57222"
  193. x="33.675957"><tspan
  194. id="tspan939"
  195. style="fill:#3366cc">void</tspan> loop() {</tspan><tspan
  196. id="tspan865"
  197. style="font-size:3.52777767px;stroke-width:0.26458332"
  198. y="131.98193"
  199. x="33.675957"> Server.<tspan
  200. id="tspan941"
  201. style="fill:#ff6600">handleClient</tspan>();</tspan><tspan
  202. id="tspan867"
  203. style="font-size:3.52777767px;stroke-width:0.26458332"
  204. y="136.39166"
  205. x="33.675957">}</tspan><tspan
  206. id="tspan869"
  207. style="font-size:3.52777767px;stroke-width:0.26458332"
  208. y="140.80139"
  209. x="33.675957" /></text>
  210. </g>
  211. <g
  212. transform="translate(-28.675957,-9.6488822)"
  213. id="layer3">
  214. <g
  215. transform="translate(7.0295931,1.4967093)"
  216. id="g5584">
  217. <g
  218. id="g5577">
  219. <rect
  220. y="120.4157"
  221. x="96.916679"
  222. height="26.788187"
  223. width="69.782677"
  224. id="rect987-6-7-1-5-4"
  225. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.34999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  226. <rect
  227. y="120.4157"
  228. x="96.90123"
  229. height="26.884048"
  230. width="2.7517393"
  231. id="rect985-1-0-3-6-7"
  232. style="opacity:1;fill:#c8aabd;fill-opacity:1;stroke:#c8aabd;stroke-width:0.34999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  233. </g>
  234. <text
  235. xml:space="preserve"
  236. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  237. x="102.72446"
  238. y="126.50675"
  239. id="text5481-6"><tspan
  240. id="tspan5479-9"
  241. x="102.72446"
  242. y="126.50675"
  243. style="stroke-width:0.26458332">loop()</tspan></text>
  244. </g>
  245. <g
  246. transform="translate(7.0295931,1.4967093)"
  247. id="g5536">
  248. <g
  249. id="g5529">
  250. <rect
  251. y="63.351486"
  252. x="96.967033"
  253. height="52.881226"
  254. width="69.681969"
  255. id="rect987-6-7-1-5"
  256. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.34999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  257. <rect
  258. y="63.335812"
  259. x="96.949257"
  260. height="52.912579"
  261. width="2.6556907"
  262. id="rect985-1-0-3-6"
  263. style="opacity:1;fill:#c8aabd;fill-opacity:1;stroke:#c8aabd;stroke-width:0.34999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  264. </g>
  265. <text
  266. xml:space="preserve"
  267. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  268. x="102.72446"
  269. y="69.392189"
  270. id="text5481"><tspan
  271. id="tspan5479"
  272. x="102.72446"
  273. y="69.392189"
  274. style="stroke-width:0.26458332">setup()</tspan></text>
  275. </g>
  276. <g
  277. transform="translate(-30.012096,13.667544)"
  278. id="g5450">
  279. <g
  280. id="g5117"
  281. transform="translate(33.994579,-19.143525)">
  282. <rect
  283. y="82.389336"
  284. x="104.77654"
  285. height="10.649512"
  286. width="61.649513"
  287. id="rect987-6-9"
  288. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  289. <rect
  290. y="82.389336"
  291. x="104.77654"
  292. height="10.655192"
  293. width="2.6608834"
  294. id="rect985-1-9"
  295. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  296. </g>
  297. <text
  298. xml:space="preserve"
  299. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  300. x="143.86685"
  301. y="70.421936"
  302. id="text995-0-8"><tspan
  303. id="tspan993-7-0"
  304. x="143.86685"
  305. y="70.421936"
  306. style="font-size:4.93888903px;stroke-width:0.26458332">Set URL handler</tspan></text>
  307. </g>
  308. <g
  309. transform="translate(-30.012096,12.080043)"
  310. id="g5443">
  311. <g
  312. transform="translate(33.994579,-8.488335)"
  313. id="g5117-1">
  314. <rect
  315. y="82.389336"
  316. x="104.77654"
  317. height="10.649512"
  318. width="61.649513"
  319. id="rect987-6-9-8"
  320. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  321. <rect
  322. y="82.389336"
  323. x="104.77654"
  324. height="10.655192"
  325. width="2.6608834"
  326. id="rect985-1-9-7"
  327. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  328. </g>
  329. <text
  330. xml:space="preserve"
  331. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  332. x="143.70769"
  333. y="80.545097"
  334. id="text995-0-8-6"><tspan
  335. id="tspan993-7-0-9"
  336. x="143.70769"
  337. y="80.545097"
  338. style="font-size:4.93888903px;stroke-width:0.26458332">Begin AutoConnect</tspan></text>
  339. </g>
  340. <g
  341. transform="translate(-30.012096,12.080043)"
  342. id="g5436">
  343. <g
  344. id="g5182"
  345. transform="translate(2.8998751,-3.571875)">
  346. <rect
  347. y="92.892113"
  348. x="135.87125"
  349. height="10.649512"
  350. width="61.649513"
  351. id="rect987-6-9-9"
  352. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  353. <rect
  354. y="92.892113"
  355. x="135.87125"
  356. height="10.655192"
  357. width="2.6608834"
  358. id="rect985-1-9-5"
  359. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  360. </g>
  361. <text
  362. xml:space="preserve"
  363. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  364. x="143.76074"
  365. y="96.497292"
  366. id="text995-0-6"><tspan
  367. id="tspan993-7-8"
  368. x="143.76074"
  369. y="96.497292"
  370. style="font-size:4.93888903px;stroke-width:0.26458332">Check connection</tspan></text>
  371. </g>
  372. <g
  373. transform="translate(7.0295931,2.5550426)"
  374. id="g5525">
  375. <g
  376. id="g5518">
  377. <rect
  378. y="129.02588"
  379. x="101.72944"
  380. height="10.649512"
  381. width="61.649513"
  382. id="rect987-6-9-9-1"
  383. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  384. <rect
  385. y="129.02588"
  386. x="101.72944"
  387. height="10.655192"
  388. width="2.6608834"
  389. id="rect985-1-9-5-8"
  390. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  391. </g>
  392. <text
  393. xml:space="preserve"
  394. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  395. x="106.666"
  396. y="135.73148"
  397. id="text995-0-6-6"><tspan
  398. id="tspan993-7-8-4"
  399. x="106.666"
  400. y="135.73148"
  401. style="font-size:4.93888903px;stroke-width:0.26458332">Do handleClent()</tspan></text>
  402. </g>
  403. <g
  404. transform="translate(-30.012096,1.4967093)"
  405. id="g5472">
  406. <g
  407. id="g5182-0-5-1-3"
  408. transform="translate(2.899875,-78.485552)">
  409. <rect
  410. y="92.892113"
  411. x="135.87125"
  412. height="10.649512"
  413. width="61.649513"
  414. id="rect987-6-9-9-1-3-5-2"
  415. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  416. <rect
  417. y="92.892113"
  418. x="135.87125"
  419. height="10.655192"
  420. width="2.6608834"
  421. id="rect985-1-9-5-8-8-0-9"
  422. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  423. </g>
  424. <text
  425. xml:space="preserve"
  426. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  427. x="143.85994"
  428. y="21.571556"
  429. id="text995"><tspan
  430. id="tspan993"
  431. x="143.85994"
  432. y="21.571556"
  433. style="font-size:4.93888903px;stroke-width:0.26458332">Include directive</tspan></text>
  434. </g>
  435. <g
  436. transform="translate(-30.012096,1.4967093)"
  437. id="g5457">
  438. <g
  439. id="g5182-0-5"
  440. transform="translate(2.899875,-45.969931)">
  441. <rect
  442. y="92.892113"
  443. x="135.87125"
  444. height="10.649512"
  445. width="61.649513"
  446. id="rect987-6-9-9-1-3"
  447. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  448. <rect
  449. y="92.892113"
  450. x="135.87125"
  451. height="10.655192"
  452. width="2.6608834"
  453. id="rect985-1-9-5-8-8"
  454. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  455. </g>
  456. <text
  457. xml:space="preserve"
  458. style="font-style:normal;font-weight:normal;font-size:4.58611107px;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"
  459. x="143.76074"
  460. y="54.099236"
  461. id="text995-0"><tspan
  462. id="tspan993-7"
  463. x="143.76074"
  464. y="54.099236"
  465. style="font-size:4.93888903px;stroke-width:0.26458332">URL handler fucntion</tspan></text>
  466. </g>
  467. <g
  468. transform="translate(-30.012096,1.4967093)"
  469. id="g5465">
  470. <g
  471. id="g5182-0-5-1"
  472. transform="translate(2.899875,-63.495841)">
  473. <rect
  474. y="92.892113"
  475. x="135.87125"
  476. height="10.649512"
  477. width="61.649513"
  478. id="rect987-6-9-9-1-3-5"
  479. style="opacity:1;fill:#e4eeb3;fill-opacity:0.62745098;stroke:#7f7f7f;stroke-width:0.35048801;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  480. <rect
  481. y="92.892113"
  482. x="135.87125"
  483. height="10.655192"
  484. width="2.6608834"
  485. id="rect985-1-9-5-8-8-0"
  486. style="opacity:1;fill:#83bee2;fill-opacity:1;stroke:#83bee2;stroke-width:0.34480736;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill" />
  487. </g>
  488. <text
  489. xml:space="preserve"
  490. style="font-style:normal;font-weight:normal;font-size:4.58611107px;line-height:3.79147911px;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
  491. x="143.13184"
  492. y="34.170132"
  493. id="text995-9"><tspan
  494. id="tspan4983"
  495. x="143.13184"
  496. y="34.170132"
  497. style="font-size:3.88055563px;line-height:3.79147911px;stroke-width:0.26458332">Declare ESP8266WebServer</tspan><tspan
  498. id="tspan4987"
  499. x="143.13184"
  500. y="38.164337"
  501. style="font-size:3.88055563px;line-height:3.79147911px;stroke-width:0.26458332"> &amp; AutoConnect</tspan></text>
  502. </g>
  503. </g>
  504. </svg>