Advertisement
rdsedmundo

arduino.ok

Oct 16th, 2015
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.51 KB | None | 0 0
  1. client.println("<!DOCTYPE html>");
  2. client.println("<html lang='pt-br'>");
  3. client.println("<head>");
  4. client.println(" <meta charset='utf-8'>");
  5. client.println(" <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>");
  6. client.println(" <meta name='viewport' content='width=device-width, initial-scale=1'>");
  7. client.println(" <meta name='author' content='edmundo-r@ufmg.br; Raul Julian; Daniel Marchesotti'>");
  8. client.println("");
  9. client.println(" <title>Arduino</title>");
  10. client.println("");
  11. client.println(" <style rel='reset' type='text/css'>");
  12. client.println(" a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}");
  13. client.println(" </style>");
  14. client.println("");
  15. client.println(" <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' rel='stylesheet' />");
  16. client.println(" <link href='http://bootswatch.com/flatly/bootstrap.min.css' rel='stylesheet' />");
  17. client.println("");
  18. client.println(" <style media='screen'>");
  19. client.println(" h1 {");
  20. client.println(" text-align: center;");
  21. client.println(" position: relative;");
  22. client.println(" }");
  23. client.println("");
  24. client.println(" h1:after {");
  25. client.println(" position: absolute;");
  26. client.println(" left: 0;");
  27. client.println(" bottom: -15px;");
  28. client.println(" content: '';");
  29. client.println(" width: 100%;");
  30. client.println(" height: 1px;");
  31. client.println(" border-bottom: thin solid #C9C9C9;");
  32. client.println(" }");
  33. client.println("");
  34. client.println(" button {");
  35. client.println(" display: block;");
  36. client.println(" margin: 0 auto;");
  37. client.println(" background-color: #18BC9C;");
  38. client.println(" padding: 10px;");
  39. client.println(" color: #FFFFFF;");
  40. client.println(" border: initial;");
  41. client.println(" border-radius: 10px;");
  42. client.println(" width: 100%;");
  43. client.println("");
  44. client.println(" -webkit-transition: all 0.3s ease-in-out;");
  45. client.println(" -moz-transition: all 0.3s ease-in-out;");
  46. client.println(" -o-transition: all 0.3s ease-in-out;");
  47. client.println(" transition: all 0.3s ease-in-out;");
  48. client.println(" }");
  49. client.println("");
  50. client.println(" button:hover {");
  51. client.println(" color: #18BC9C;");
  52. client.println(" background-color: rgba(235, 235, 235, 1.0);");
  53. client.println(" }");
  54. client.println("");
  55. client.println(" .row:not(:first-of-type) {");
  56. client.println(" margin-top: 30px;");
  57. client.println(" }");
  58. client.println("");
  59. client.println(" .spec {");
  60. client.println(" text-align: right;");
  61. client.println(" }");
  62. client.println("");
  63. client.println(" footer p {");
  64. client.println(" font-size: 12px;");
  65. client.println(" color: #A7A7A7;");
  66. client.println(" }");
  67. client.println(" </style>");
  68. client.println("</head>");
  69. client.println("<body>");
  70. client.println(" <div class='container-fluid'>");
  71. client.println(" <div class='row'>");
  72. client.println(" <div class='col-xs-offset-2 col-xs-8'>");
  73. client.println(" <h1>Arduino</h1>");
  74. client.println(" </div>");
  75. client.println(" </div>");
  76. client.println("");
  77. client.println(" <div class='row'>");
  78. client.println(" <div class='col-xs-offset-2 col-xs-3'>");
  79. client.println(" <div>");
  80. client.println(" <strong>Temperatura atual</strong> ");
  81. client.println(" <div>");
  82. client.println(" ??? <span class='unit'>ºC</span>");
  83. client.println(" </div>");
  84. client.println(" </div>");
  85. client.println(" <div><strong>Temperatura mínima</strong> <div>???<span class='unit'>ºC</span></div></div>");
  86. client.println(" <div><strong>Temperatura máxima</strong> <div>???<span class='unit'>ºC</span></div></div>");
  87. client.println(" </div>");
  88. client.println("");
  89. client.println(" <div class='col-xs-offset-2 col-xs-3 spec'>");
  90. client.println(" <div><strong>Umidade atual</strong> <div>???<span class='unit'>%</span></div></div>");
  91. client.println(" <div><strong>Umidade mínima</strong> <div>???<span class='unit'>%</span></div></div>");
  92. client.println(" <div><strong>Umidade máxima</strong> <div>???<span class='unit'>%</span></div></div>");
  93. client.println(" </div>");
  94. client.println(" </div>");
  95. client.println("");
  96. client.println(" <div class='controllers row'>");
  97. client.println(" <div class='col-xs-offset-2 col-xs-8'>");
  98. client.println(" <button onclick='location.href='?control=1''>Ativar Sistema de Segurança</button>");
  99. client.println(" </div>");
  100. client.println(" </div>");
  101. client.println("");
  102. client.println(" <div class='data row'>");
  103. client.println(" <div class='col-xs-offset-2 col-xs-4'>");
  104. client.println(" <table class='table table-bordered table-striped'>");
  105. client.println(" <thead>");
  106. client.println(" <tr>");
  107. client.println(" <th>#</th>");
  108. client.println(" <th>Temperatura</th>");
  109. client.println(" </tr>");
  110. client.println(" </thead>");
  111. client.println(" <tbody>");
  112. client.println(" <tr>");
  113. client.println(" <td>1</td>");
  114. client.println(" <td>25.0ºC</td>");
  115. client.println(" </tr>");
  116. client.println(" <tr>");
  117. client.println(" <td>1</td>");
  118. client.println(" <td>25.0ºC</td>");
  119. client.println(" </tr>");
  120. client.println(" <tr>");
  121. client.println(" <td>1</td>");
  122. client.println(" <td>25.0ºC</td>");
  123. client.println(" </tr>");
  124. client.println(" <tr>");
  125. client.println(" <td>1</td>");
  126. client.println(" <td>25.0ºC</td>");
  127. client.println(" </tr>");
  128. client.println(" <tr>");
  129. client.println(" <td>1</td>");
  130. client.println(" <td>25.0ºC</td>");
  131. client.println(" </tr> ");
  132. client.println(" </tbody>");
  133. client.println(" </table>");
  134. client.println(" </div>");
  135. client.println("");
  136. client.println(" <div class='col-xs-offset-0 col-xs-4'>");
  137. client.println(" <table class='table table-bordered table-striped'>");
  138. client.println(" <thead>");
  139. client.println(" <tr>");
  140. client.println(" <th>#</th>");
  141. client.println(" <th>Umidade</th>");
  142. client.println(" </tr>");
  143. client.println(" </thead>");
  144. client.println(" <tbody>");
  145. client.println(" <tr>");
  146. client.println(" <td>1</td>");
  147. client.println(" <td>25.0ºC</td>");
  148. client.println(" </tr>");
  149. client.println(" <tr>");
  150. client.println(" <td>1</td>");
  151. client.println(" <td>25.0ºC</td>");
  152. client.println(" </tr>");
  153. client.println(" <tr>");
  154. client.println(" <td>1</td>");
  155. client.println(" <td>25.0ºC</td>");
  156. client.println(" </tr>");
  157. client.println(" <tr>");
  158. client.println(" <td>1</td>");
  159. client.println(" <td>25.0ºC</td>");
  160. client.println(" </tr>");
  161. client.println(" <tr>");
  162. client.println(" <td>1</td>");
  163. client.println(" <td>25.0ºC</td>");
  164. client.println(" </tr>");
  165. client.println(" </tbody>");
  166. client.println(" </table>");
  167. client.println(" </div> ");
  168. client.println(" </div>");
  169. client.println("");
  170. client.println(" <footer class='row'>");
  171. client.println(" <div class='col-xs-offset-2 col-xs-8'>");
  172. client.println(" <p>&copy 2014-2015 OCS-1/2.</p>");
  173. client.println(" </div>");
  174. client.println(" </footer>");
  175. client.println(" </div>");
  176. client.println("</body>");
  177. client.println("</html>");
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement