Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- client.println("<!DOCTYPE html>");
- client.println("<html lang='pt-br'>");
- client.println("<head>");
- client.println(" <meta charset='utf-8'>");
- client.println(" <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>");
- client.println(" <meta name='viewport' content='width=device-width, initial-scale=1'>");
- client.println(" <meta name='author' content='edmundo-r@ufmg.br; Raul Julian; Daniel Marchesotti'>");
- client.println("");
- client.println(" <title>Arduino</title>");
- client.println("");
- client.println(" <style rel='reset' type='text/css'>");
- 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}");
- client.println(" </style>");
- client.println("");
- client.println(" <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' rel='stylesheet' />");
- client.println(" <link href='http://bootswatch.com/flatly/bootstrap.min.css' rel='stylesheet' />");
- client.println("");
- client.println(" <style media='screen'>");
- client.println(" h1 {");
- client.println(" text-align: center;");
- client.println(" position: relative;");
- client.println(" }");
- client.println("");
- client.println(" h1:after {");
- client.println(" position: absolute;");
- client.println(" left: 0;");
- client.println(" bottom: -15px;");
- client.println(" content: '';");
- client.println(" width: 100%;");
- client.println(" height: 1px;");
- client.println(" border-bottom: thin solid #C9C9C9;");
- client.println(" }");
- client.println("");
- client.println(" button {");
- client.println(" display: block;");
- client.println(" margin: 0 auto;");
- client.println(" background-color: #18BC9C;");
- client.println(" padding: 10px;");
- client.println(" color: #FFFFFF;");
- client.println(" border: initial;");
- client.println(" border-radius: 10px;");
- client.println(" width: 100%;");
- client.println("");
- client.println(" -webkit-transition: all 0.3s ease-in-out;");
- client.println(" -moz-transition: all 0.3s ease-in-out;");
- client.println(" -o-transition: all 0.3s ease-in-out;");
- client.println(" transition: all 0.3s ease-in-out;");
- client.println(" }");
- client.println("");
- client.println(" button:hover {");
- client.println(" color: #18BC9C;");
- client.println(" background-color: rgba(235, 235, 235, 1.0);");
- client.println(" }");
- client.println("");
- client.println(" .row:not(:first-of-type) {");
- client.println(" margin-top: 30px;");
- client.println(" }");
- client.println("");
- client.println(" .spec {");
- client.println(" text-align: right;");
- client.println(" }");
- client.println("");
- client.println(" footer p {");
- client.println(" font-size: 12px;");
- client.println(" color: #A7A7A7;");
- client.println(" }");
- client.println(" </style>");
- client.println("</head>");
- client.println("<body>");
- client.println(" <div class='container-fluid'>");
- client.println(" <div class='row'>");
- client.println(" <div class='col-xs-offset-2 col-xs-8'>");
- client.println(" <h1>Arduino</h1>");
- client.println(" </div>");
- client.println(" </div>");
- client.println("");
- client.println(" <div class='row'>");
- client.println(" <div class='col-xs-offset-2 col-xs-3'>");
- client.println(" <div>");
- client.println(" <strong>Temperatura atual</strong> ");
- client.println(" <div>");
- client.println(" ??? <span class='unit'>ºC</span>");
- client.println(" </div>");
- client.println(" </div>");
- client.println(" <div><strong>Temperatura mínima</strong> <div>???<span class='unit'>ºC</span></div></div>");
- client.println(" <div><strong>Temperatura máxima</strong> <div>???<span class='unit'>ºC</span></div></div>");
- client.println(" </div>");
- client.println("");
- client.println(" <div class='col-xs-offset-2 col-xs-3 spec'>");
- client.println(" <div><strong>Umidade atual</strong> <div>???<span class='unit'>%</span></div></div>");
- client.println(" <div><strong>Umidade mínima</strong> <div>???<span class='unit'>%</span></div></div>");
- client.println(" <div><strong>Umidade máxima</strong> <div>???<span class='unit'>%</span></div></div>");
- client.println(" </div>");
- client.println(" </div>");
- client.println("");
- client.println(" <div class='controllers row'>");
- client.println(" <div class='col-xs-offset-2 col-xs-8'>");
- client.println(" <button onclick='location.href='?control=1''>Ativar Sistema de Segurança</button>");
- client.println(" </div>");
- client.println(" </div>");
- client.println("");
- client.println(" <div class='data row'>");
- client.println(" <div class='col-xs-offset-2 col-xs-4'>");
- client.println(" <table class='table table-bordered table-striped'>");
- client.println(" <thead>");
- client.println(" <tr>");
- client.println(" <th>#</th>");
- client.println(" <th>Temperatura</th>");
- client.println(" </tr>");
- client.println(" </thead>");
- client.println(" <tbody>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr> ");
- client.println(" </tbody>");
- client.println(" </table>");
- client.println(" </div>");
- client.println("");
- client.println(" <div class='col-xs-offset-0 col-xs-4'>");
- client.println(" <table class='table table-bordered table-striped'>");
- client.println(" <thead>");
- client.println(" <tr>");
- client.println(" <th>#</th>");
- client.println(" <th>Umidade</th>");
- client.println(" </tr>");
- client.println(" </thead>");
- client.println(" <tbody>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" <tr>");
- client.println(" <td>1</td>");
- client.println(" <td>25.0ºC</td>");
- client.println(" </tr>");
- client.println(" </tbody>");
- client.println(" </table>");
- client.println(" </div> ");
- client.println(" </div>");
- client.println("");
- client.println(" <footer class='row'>");
- client.println(" <div class='col-xs-offset-2 col-xs-8'>");
- client.println(" <p>© 2014-2015 OCS-1/2.</p>");
- client.println(" </div>");
- client.println(" </footer>");
- client.println(" </div>");
- client.println("</body>");
- client.println("</html>");
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement