Guest User

Untitled

a guest
Apr 29th, 2017
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang=en>
  3. <style>html {
  4. font-family: sans-serif;
  5. -ms-text-size-adjust: 100%;
  6. -webkit-text-size-adjust: 100%
  7. }
  8. body {
  9. margin: 0
  10. }
  11. article,
  12. aside,
  13. details,
  14. figcaption,
  15. figure,
  16. footer,
  17. header,
  18. hgroup,
  19. main,
  20. menu,
  21. nav,
  22. section,
  23. summary {
  24. display: block
  25. }
  26. audio,
  27. canvas,
  28. progress,
  29. video {
  30. display: inline-block;
  31. vertical-align: baseline
  32. }
  33. audio:not([controls]) {
  34. display: none;
  35. height: 0
  36. }
  37. [hidden],
  38. template {
  39. display: none
  40. }
  41. a {
  42. background-color: transparent
  43. }
  44. a:active,
  45. a:hover {
  46. outline: 0
  47. }
  48. abbr[title] {
  49. border-bottom: 1px dotted
  50. }
  51. b,
  52. strong {
  53. font-weight: 700
  54. }
  55. dfn {
  56. font-style: italic
  57. }
  58. h1 {
  59. font-size: 2em;
  60. margin: .67em 0
  61. }
  62. mark {
  63. background: #ff0;
  64. color: #000
  65. }
  66. small {
  67. font-size: 80%
  68. }
  69. sub,
  70. sup {
  71. font-size: 75%;
  72. line-height: 0;
  73. position: relative;
  74. vertical-align: baseline
  75. }
  76. sup {
  77. top: -.5em
  78. }
  79. sub {
  80. bottom: -.25em
  81. }
  82. img {
  83. border: 0
  84. }
  85. svg:not(:root) {
  86. overflow: hidden
  87. }
  88. figure {
  89. margin: 1em 40px
  90. }
  91. hr {
  92. -moz-box-sizing: content-box;
  93. box-sizing: content-box;
  94. height: 0
  95. }
  96. pre {
  97. overflow: auto
  98. }
  99. code,
  100. kbd,
  101. pre,
  102. samp {
  103. font-family: monospace, monospace;
  104. font-size: 1em
  105. }
  106. button,
  107. input,
  108. optgroup,
  109. select,
  110. textarea {
  111. color: inherit;
  112. font: inherit;
  113. margin: 0
  114. }
  115. button {
  116. overflow: visible
  117. }
  118. button,
  119. select {
  120. text-transform: none
  121. }
  122. button,
  123. html input[type=button],
  124. input[type=reset],
  125. input[type=submit] {
  126. -webkit-appearance: button;
  127. cursor: pointer
  128. }
  129. button[disabled],
  130. html input[disabled] {
  131. cursor: default
  132. }
  133. button::-moz-focus-inner,
  134. input::-moz-focus-inner {
  135. border: 0;
  136. padding: 0
  137. }
  138. input {
  139. line-height: normal
  140. }
  141. input[type=checkbox],
  142. input[type=radio] {
  143. box-sizing: border-box;
  144. padding: 0
  145. }
  146. input[type=number]::-webkit-inner-spin-button,
  147. input[type=number]::-webkit-outer-spin-button {
  148. height: auto
  149. }
  150. input[type=search] {
  151. -webkit-appearance: textfield;
  152. -moz-box-sizing: content-box;
  153. -webkit-box-sizing: content-box;
  154. box-sizing: content-box
  155. }
  156. input[type=search]::-webkit-search-cancel-button,
  157. input[type=search]::-webkit-search-decoration {
  158. -webkit-appearance: none
  159. }
  160. fieldset {
  161. border: 1px solid silver;
  162. margin: 0 2px;
  163. padding: .35em .625em .75em
  164. }
  165. legend {
  166. border: 0;
  167. padding: 0
  168. }
  169. textarea {
  170. overflow: auto
  171. }
  172. optgroup {
  173. font-weight: 700
  174. }
  175. table {
  176. border-collapse: collapse;
  177. border-spacing: 0
  178. }
  179. td,
  180. th {
  181. padding: 0
  182. }
  183. .container {
  184. position: relative;
  185. width: 100%;
  186. max-width: 960px;
  187. margin: 0 auto;
  188. padding: 0 20px;
  189. box-sizing: border-box
  190. }
  191. .column,
  192. .columns {
  193. width: 100%;
  194. float: left;
  195. box-sizing: border-box
  196. }
  197. @media (min-width: 400px) {
  198. .container {
  199. width: 85%;
  200. padding: 0
  201. }
  202. }
  203. @media (min-width: 550px) {
  204. .container {
  205. width: 80%
  206. }
  207. .column,
  208. .columns {
  209. margin-left: 4%
  210. }
  211. .column:first-child,
  212. .columns:first-child {
  213. margin-left: 0
  214. }
  215. .one.column,
  216. .one.columns {
  217. width: 4.66666666667%
  218. }
  219. .two.columns {
  220. width: 13.3333333333%
  221. }
  222. .three.columns {
  223. width: 22%
  224. }
  225. .four.columns {
  226. width: 30.6666666667%
  227. }
  228. .five.columns {
  229. width: 39.3333333333%
  230. }
  231. .six.columns {
  232. width: 48%
  233. }
  234. .seven.columns {
  235. width: 56.6666666667%
  236. }
  237. .eight.columns {
  238. width: 65.3333333333%
  239. }
  240. .nine.columns {
  241. width: 74%
  242. }
  243. .ten.columns {
  244. width: 82.6666666667%
  245. }
  246. .eleven.columns {
  247. width: 91.3333333333%
  248. }
  249. .twelve.columns {
  250. width: 100%;
  251. margin-left: 0
  252. }
  253. .one-third.column {
  254. width: 30.6666666667%
  255. }
  256. .two-thirds.column {
  257. width: 65.3333333333%
  258. }
  259. .one-half.column {
  260. width: 48%
  261. }
  262. .offset-by-one.column,
  263. .offset-by-one.columns {
  264. margin-left: 8.66666666667%
  265. }
  266. .offset-by-two.column,
  267. .offset-by-two.columns {
  268. margin-left: 17.3333333333%
  269. }
  270. .offset-by-three.column,
  271. .offset-by-three.columns {
  272. margin-left: 26%
  273. }
  274. .offset-by-four.column,
  275. .offset-by-four.columns {
  276. margin-left: 34.6666666667%
  277. }
  278. .offset-by-five.column,
  279. .offset-by-five.columns {
  280. margin-left: 43.3333333333%
  281. }
  282. .offset-by-six.column,
  283. .offset-by-six.columns {
  284. margin-left: 52%
  285. }
  286. .offset-by-seven.column,
  287. .offset-by-seven.columns {
  288. margin-left: 60.6666666667%
  289. }
  290. .offset-by-eight.column,
  291. .offset-by-eight.columns {
  292. margin-left: 69.3333333333%
  293. }
  294. .offset-by-nine.column,
  295. .offset-by-nine.columns {
  296. margin-left: 78%
  297. }
  298. .offset-by-ten.column,
  299. .offset-by-ten.columns {
  300. margin-left: 86.6666666667%
  301. }
  302. .offset-by-eleven.column,
  303. .offset-by-eleven.columns {
  304. margin-left: 95.3333333333%
  305. }
  306. .offset-by-one-third.column,
  307. .offset-by-one-third.columns {
  308. margin-left: 34.6666666667%
  309. }
  310. .offset-by-two-thirds.column,
  311. .offset-by-two-thirds.columns {
  312. margin-left: 69.3333333333%
  313. }
  314. .offset-by-one-half.column,
  315. .offset-by-one-half.columns {
  316. margin-left: 52%
  317. }
  318. }
  319. html {
  320. font-size: 62.5%
  321. }
  322. body {
  323. font-size: 1.5em;
  324. line-height: 1.6;
  325. font-weight: 400;
  326. font-family: Raleway, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  327. color: #222
  328. }
  329. h1,
  330. h2,
  331. h3,
  332. h4,
  333. h5,
  334. h6 {
  335. margin-top: 0;
  336. margin-bottom: 2rem;
  337. font-weight: 300
  338. }
  339. h1 {
  340. font-size: 4rem;
  341. line-height: 1.2;
  342. letter-spacing: -.1rem
  343. }
  344. h2 {
  345. font-size: 3.6rem;
  346. line-height: 1.25;
  347. letter-spacing: -.1rem
  348. }
  349. h3 {
  350. font-size: 3rem;
  351. line-height: 1.3;
  352. letter-spacing: -.1rem
  353. }
  354. h4 {
  355. font-size: 2.4rem;
  356. line-height: 1.35;
  357. letter-spacing: -.08rem
  358. }
  359. h5 {
  360. font-size: 1.8rem;
  361. line-height: 1.5;
  362. letter-spacing: -.05rem
  363. }
  364. h6 {
  365. font-size: 1.5rem;
  366. line-height: 1.6;
  367. letter-spacing: 0
  368. }
  369. @media (min-width: 550px) {
  370. h1 {
  371. font-size: 5rem
  372. }
  373. h2 {
  374. font-size: 4.2rem
  375. }
  376. h3 {
  377. font-size: 3.6rem
  378. }
  379. h4 {
  380. font-size: 3rem
  381. }
  382. h5 {
  383. font-size: 2.4rem
  384. }
  385. h6 {
  386. font-size: 1.5rem
  387. }
  388. }
  389. p {
  390. margin-top: 0
  391. }
  392. a {
  393. color: #1eaedb
  394. }
  395. a:hover {
  396. color: #0fa0ce
  397. }
  398. .button,
  399. button,
  400. input[type=button],
  401. input[type=reset],
  402. input[type=submit] {
  403. display: inline-block;
  404. height: 38px;
  405. padding: 0 30px;
  406. color: #555;
  407. text-align: center;
  408. font-size: 11px;
  409. font-weight: 600;
  410. line-height: 38px;
  411. letter-spacing: .1rem;
  412. text-transform: uppercase;
  413. text-decoration: none;
  414. white-space: nowrap;
  415. background-color: transparent;
  416. border-radius: 4px;
  417. border: 1px solid #bbb;
  418. cursor: pointer;
  419. box-sizing: border-box
  420. }
  421. .button:focus,
  422. .button:hover,
  423. button:focus,
  424. button:hover,
  425. input[type=button]:focus,
  426. input[type=button]:hover,
  427. input[type=reset]:focus,
  428. input[type=reset]:hover,
  429. input[type=submit]:focus,
  430. input[type=submit]:hover {
  431. color: #333;
  432. border-color: #888;
  433. outline: 0
  434. }
  435. .button.button-primary,
  436. button.button-primary,
  437. input[type=button].button-primary,
  438. input[type=reset].button-primary,
  439. input[type=submit].button-primary {
  440. color: #fff;
  441. background-color: #33c3f0;
  442. border-color: #33c3f0
  443. }
  444. .button.button-primary:focus,
  445. .button.button-primary:hover,
  446. button.button-primary:focus,
  447. button.button-primary:hover,
  448. input[type=button].button-primary:focus,
  449. input[type=button].button-primary:hover,
  450. input[type=reset].button-primary:focus,
  451. input[type=reset].button-primary:hover,
  452. input[type=submit].button-primary:focus,
  453. input[type=submit].button-primary:hover {
  454. color: #fff;
  455. background-color: #1eaedb;
  456. border-color: #1eaedb
  457. }
  458. input[type=email],
  459. input[type=number],
  460. input[type=password],
  461. input[type=search],
  462. input[type=tel],
  463. input[type=text],
  464. input[type=url],
  465. select,
  466. textarea {
  467. height: 38px;
  468. padding: 6px 10px;
  469. background-color: #fff;
  470. border: 1px solid #d1d1d1;
  471. border-radius: 4px;
  472. box-shadow: none;
  473. box-sizing: border-box
  474. }
  475. input[type=email],
  476. input[type=number],
  477. input[type=password],
  478. input[type=search],
  479. input[type=tel],
  480. input[type=text],
  481. input[type=url],
  482. textarea {
  483. -webkit-appearance: none;
  484. -moz-appearance: none;
  485. appearance: none
  486. }
  487. textarea {
  488. min-height: 65px;
  489. padding-top: 6px;
  490. padding-bottom: 6px
  491. }
  492. input[type=email]:focus,
  493. input[type=number]:focus,
  494. input[type=password]:focus,
  495. input[type=search]:focus,
  496. input[type=tel]:focus,
  497. input[type=text]:focus,
  498. input[type=url]:focus,
  499. select:focus,
  500. textarea:focus {
  501. border: 1px solid #33c3f0;
  502. outline: 0
  503. }
  504. label,
  505. legend {
  506. display: block;
  507. margin-bottom: .5rem;
  508. font-weight: 600
  509. }
  510. fieldset {
  511. padding: 0;
  512. border-width: 0
  513. }
  514. input[type=checkbox],
  515. input[type=radio] {
  516. display: inline
  517. }
  518. label>.label-body {
  519. display: inline-block;
  520. margin-left: .5rem;
  521. font-weight: 400
  522. }
  523. ul {
  524. list-style: circle inside
  525. }
  526. ol {
  527. list-style: decimal inside
  528. }
  529. ol,
  530. ul {
  531. padding-left: 0;
  532. margin-top: 0
  533. }
  534. ol ol,
  535. ol ul,
  536. ul ol,
  537. ul ul {
  538. margin: 1.5rem 0 1.5rem 3rem;
  539. font-size: 90%
  540. }
  541. li {
  542. margin-bottom: 1rem
  543. }
  544. code {
  545. padding: .2rem .5rem;
  546. margin: 0 .2rem;
  547. font-size: 90%;
  548. white-space: nowrap;
  549. background: #f1f1f1;
  550. border: 1px solid #e1e1e1;
  551. border-radius: 4px
  552. }
  553. pre>code {
  554. display: block;
  555. padding: 1rem 1.5rem;
  556. white-space: pre
  557. }
  558. td,
  559. th {
  560. padding: 12px 15px;
  561. text-align: left;
  562. border-bottom: 1px solid #e1e1e1
  563. }
  564. td:first-child,
  565. th:first-child {
  566. padding-left: 0
  567. }
  568. td:last-child,
  569. th:last-child {
  570. padding-right: 0
  571. }
  572. .button,
  573. button {
  574. margin-bottom: 1rem
  575. }
  576. fieldset,
  577. input,
  578. select,
  579. textarea {
  580. margin-bottom: 1.5rem
  581. }
  582. blockquote,
  583. dl,
  584. figure,
  585. form,
  586. ol,
  587. p,
  588. pre,
  589. table,
  590. ul {
  591. margin-bottom: 2.5rem
  592. }
  593. .u-full-width {
  594. width: 100%;
  595. box-sizing: border-box
  596. }
  597. .u-max-full-width {
  598. max-width: 100%;
  599. box-sizing: border-box
  600. }
  601. .u-pull-right {
  602. float: right
  603. }
  604. .u-pull-left {
  605. float: left
  606. }
  607. hr {
  608. margin-top: 3rem;
  609. margin-bottom: 3.5rem;
  610. border-width: 0;
  611. border-top: 1px solid #e1e1e1
  612. }
  613. .container:after,
  614. .row:after,
  615. .u-cf {
  616. content: "";
  617. display: table;
  618. clear: both
  619. }
  620. .navbar {
  621. display: none
  622. }
  623. @media (min-width: 550px) {
  624. .header {
  625. margin-top: 18rem
  626. }
  627. .value-props {
  628. margin-top: 9rem;
  629. margin-bottom: 7rem
  630. }
  631. .value-img {
  632. margin-bottom: 1rem
  633. }
  634. .example-grid .column,
  635. .example-grid .columns {
  636. margin-bottom: 1.5rem
  637. }
  638. .docs-section {
  639. padding: 6rem 0
  640. }
  641. .example-send-yourself-copy {
  642. float: right;
  643. margin-top: 12px
  644. }
  645. .example-screenshot-wrapper {
  646. position: absolute;
  647. width: 48%;
  648. height: 100%;
  649. left: 0;
  650. max-height: none
  651. }
  652. }
  653. @media (min-width: 750px) {
  654. .navbar+.docs-section {
  655. border-top-width: 0
  656. }
  657. .navbar,
  658. .navbar-spacer {
  659. display: block;
  660. width: 100%;
  661. height: 6.5rem;
  662. background: #fff;
  663. z-index: 99;
  664. border-top: 1px solid #eee;
  665. border-bottom: 1px solid #eee
  666. }
  667. .navbar-spacer {
  668. display: none
  669. }
  670. .navbar>.container {
  671. width: 100%
  672. }
  673. .navbar-list {
  674. list-style: none;
  675. margin-bottom: 0
  676. }
  677. .navbar-item {
  678. position: relative;
  679. float: left;
  680. margin-bottom: 0
  681. }
  682. .navbar-link {
  683. text-transform: uppercase;
  684. font-size: 11px;
  685. font-weight: 600;
  686. letter-spacing: .2rem;
  687. margin-right: 35px;
  688. text-decoration: none;
  689. line-height: 6.5rem;
  690. color: #222
  691. }
  692. .navbar-link.active {
  693. color: #33c3f0
  694. }
  695. .has-docked-nav .navbar {
  696. position: fixed;
  697. top: 0;
  698. left: 0
  699. }
  700. .has-docked-nav .navbar-spacer {
  701. display: block
  702. }
  703. .has-docked-nav .navbar>.container {
  704. width: 80%
  705. }
  706. .popover.open {
  707. display: block
  708. }
  709. .popover {
  710. display: none;
  711. position: absolute;
  712. top: 0;
  713. left: 0;
  714. background: #fff;
  715. border: 1px solid #eee;
  716. border-radius: 4px;
  717. top: 92%;
  718. left: -50%;
  719. -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
  720. -moz-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
  721. filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1))
  722. }
  723. .popover-item:first-child .popover-link:after,
  724. .popover-item:first-child .popover-link:before {
  725. bottom: 100%;
  726. left: 50%;
  727. border: solid transparent;
  728. content: " ";
  729. height: 0;
  730. width: 0;
  731. position: absolute;
  732. pointer-events: none
  733. }
  734. .popover-item:first-child .popover-link:after {
  735. border-color: rgba(255, 255, 255, 0);
  736. border-bottom-color: #fff;
  737. border-width: 10px;
  738. margin-left: -10px
  739. }
  740. .popover-item:first-child .popover-link:before {
  741. border-color: rgba(238, 238, 238, 0);
  742. border-bottom-color: #eee;
  743. border-width: 11px;
  744. margin-left: -11px
  745. }
  746. .popover-list {
  747. padding: 0;
  748. margin: 0;
  749. list-style: none
  750. }
  751. .popover-item {
  752. padding: 0;
  753. margin: 0
  754. }
  755. .popover-link {
  756. position: relative;
  757. color: #222;
  758. display: block;
  759. padding: 8px 20px;
  760. border-bottom: 1px solid #eee;
  761. text-decoration: none;
  762. text-transform: uppercase;
  763. font-size: 1rem;
  764. font-weight: 600;
  765. text-align: center;
  766. letter-spacing: .1rem
  767. }
  768. .popover-item:first-child .popover-link {
  769. border-radius: 4px 4px 0 0
  770. }
  771. .popover-item:last-child .popover-link {
  772. border-radius: 0 0 4px 4px;
  773. border-bottom-width: 0
  774. }
  775. .popover-link:hover {
  776. color: #fff;
  777. background: #33c3f0
  778. }
  779. .popover-item:first-child .popover-link:hover:after,
  780. .popover-link:hover {
  781. border-bottom-color: #33c3f0
  782. }
  783. }
  784. </style>
  785. <meta charset=utf-8>
  786. <title>MafraLab Weather Station</title>
  787. <script language="javascript">function XMLhttp() {
  788. // all possible variants
  789. var XMLHTTPtypes = [
  790. function() { return new XMLHttpRequest(); },
  791. function() { return new ActiveXObject("Msxml3.XMLHTTP"); },
  792. function() { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); },
  793. function() { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); },
  794. function() { return new ActiveXObject("Msxml2.XMLHTTP"); },
  795. function() { return new ActiveXObject("Microsoft.XMLHTTP"); }
  796. ];
  797.  
  798. // return the appropriate object
  799. function XMLhttp() {
  800. if(this instanceof XMLhttp) {
  801. XMLHTTPtypes.forEach(function(t) {
  802. try { xmlhttp = t(); }
  803. catch(e) {}
  804. });
  805. return xmlhttp;
  806. } else {
  807. return new XMLhttp();
  808. }
  809. }
  810.  
  811. var req = {
  812. get: function get(obj, data) {
  813. obj.open("GET", this.url + "?" + data, this.async);
  814. obj.send();
  815. },
  816. post: function post(obj, data) {
  817. obj.open("POST", this.url, this.async);
  818. obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  819. obj.send(data);
  820. },
  821. head: function head(obj, data) {
  822. obj.open("HEAD", this.url + "?" + data, this.async);
  823. obj.send();
  824. },
  825. // append more http request methods at will and include them in the condition below (102)!
  826. log: function log(obj, data) {
  827. console.log(this.type.toUpperCase() + " fired at: " + this.url + " || Data:" + data);
  828. }
  829. }
  830.  
  831. function minAjax(config) {
  832.  
  833. /*Config Structure
  834. url:"reqesting URL"
  835. type:"GET or POST"
  836. method: "(OPTIONAL) True for async and False for Non-async | By default its Async"
  837. data: "(OPTIONAL) another Nested Object which should contains reqested Properties in form of Object Properties"
  838. success: "(OPTIONAL) Callback function to process after response | function(data,status)"
  839. failed: "(OPTIONAL) Callback function to process after a failed response | function(data,status)"
  840. */
  841.  
  842. if(config.url === "") {
  843. return;
  844. }
  845. if(config.type === "") {
  846. return;
  847. }
  848.  
  849. if(config.method === true) {
  850. config.method = true;
  851. } else if ( config.method === undefined ) {
  852. // nothing is given - defaulting to true
  853. config.method = true;
  854. // everything else should be treated as false
  855. } else {
  856. config.method = false;
  857. }
  858.  
  859. var xmlhttp = XMLhttp();
  860.  
  861. xmlhttp.onreadystatechange = function() {
  862.  
  863. if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
  864. {
  865. if (config.success)
  866. {
  867. config.success(xmlhttp.responseText, xmlhttp.readyState);
  868. }
  869. else
  870. {
  871. if (config.failed)
  872. {
  873. config.failed(xmlhttp.responseText, xmlhttp.readyState);
  874. }
  875. }
  876. }
  877. else
  878. {
  879. if (config.failed)
  880. {
  881. config.failed(xmlhttp.responseText, xmlhttp.readyState);
  882. }
  883. }
  884. }
  885.  
  886. var sendString = [],
  887. sendData = config.data;
  888. if( typeof sendData === "string" ){
  889. var tmpArr = String.prototype.split.call(sendData,'&');
  890. for(var i = 0, j = tmpArr.length; i < j; i++){
  891. var datum = tmpArr[i].split('=');
  892. sendString.push(encodeURIComponent(datum[0]) + "=" + encodeURIComponent(datum[1]));
  893. }
  894. }else if( typeof sendData === 'object' && !( sendData instanceof String || (FormData && sendData instanceof FormData) ) ){
  895. for (var k in sendData) {
  896. var datum = sendData[k];
  897. if( Object.prototype.toString.call(datum) == "[object Array]" ){
  898. for(var i = 0, j = datum.length; i < j; i++) {
  899. sendString.push(encodeURIComponent(k) + "[]=" + encodeURIComponent(datum[i]));
  900. }
  901. }else{
  902. sendString.push(encodeURIComponent(k) + "=" + encodeURIComponent(datum));
  903. }
  904. }
  905. }
  906. sendString = sendString.join('&');
  907.  
  908. if((config.type === "GET") || (config.type === "POST") || (config.type === "HEAD")) {
  909. req[config.type.toLowerCase()].call(config, xmlhttp, sendString);
  910. } else {
  911. console.log('Request type not supported');
  912. }
  913. }
  914. </script>
  915. <meta content="width=device-width,initial-scale=1"name=viewport>
  916. <body class="code-snippets-visible has-docked-nav">
  917. <div class="container">
  918. <div class="navbar-spacer"></div>
  919. <nav class="navbar">
  920. <div class="container">
  921. <ul class="navbar-list">
  922. <li class="navbar-item"><a class="navbar-link" href="#intro">Intro</a></li>
  923. </ul>
  924. </div>
  925. </nav>
  926. <script>
  927. function sendLogin()
  928. {
  929. minAjax(
  930. {
  931. url:"/dologin",
  932. type:"POST",
  933. debugLog:'true',
  934. data:"username="+document.getElementById("username").value+"&password="+document.getElementById("password").value,
  935. success:function(a){alert(a)},
  936. failed:function(b){alert("ERROR" + b)}})}</script>
  937. <div class=row>
  938. <div class="columns seven"><label for=username>Username</label><input id=username type=text name=username required placeholder=username><label for=password>Password</label><input id=password name=password required type=password></div>
  939. </div>
  940. <button class=button-primary onClick="sendLogin()">Log In</button>
  941. </div>
  942. <table bgcolor=white border=0 cellpadding=12 width=100%>
  943. <tr>
  944. <td>
  945. <p style=color:#000;background:#fff;font-size:.8em;font-weight:700;text-align:center;margin:0><a href=http://www.www.mafralab.com>Mafralab</a> © 2017
  946. </table>
Add Comment
Please, Sign In to add comment