@ViniciusKruz Só a noite agora kkkk, mas assim que chegar em casa eu posto!
Então @lucianolcoa, eu tive que fazer pois estão fazendo os botões via GET, e não ajax como fez o Vinicius. Eu irei mexer nisso outro dia.
Na verdade, o BOTÃO é um LINK com a CSS do bootstrap, ele tem aparência de botão ^^
Como está via GET, quando você clica no botão, ele vai para a página /rele. Essa página /rele tem que ser idêntica à página root. Se você colocar apenas o botão, irá aparecer apenas o botão!
Uma coisa que quero tentar fazer, é criar uma variavel string global, com um HEADER e um FOOTER, tipo em PHP/HTML. Mas as 2x que tentei dava falha e não achava a variável.
Usando o meu código de exemplo, seria assim:
String header = "<html><head><title>On Home</title>";
header += "<meta http-equiv='Content-Type' content='charset=utf-8'>";
header += "<meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no'>";
header += "<meta name='apple-mobile-web-app-status-bar-style' content='black'>";
header += "<meta name='apple-mobile-web-app-capable' content='yes' />";
header += "<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>";
header += "<link rel='icon' href='http://www.blocodochapolin.com.br/arduino/img/icone.png' type='image/x-icon' />";
header += "<link rel='apple-touch-icon-precomposed' href='http://www.blocodochapolin.com.br/arduino/img/icone.png'>";
header += "<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>";
header += "<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>";
header += "</head>";
header += "<style>.navbar-header { width:100%; height:50px; } .navbar-brand{ width:100%; }</style>";
Depois, lá no handleRoot:
......... código restante html ......
server.send(200, "text/html", header);
server.send(200, "text/html", html);
Ainda não consegui, mas vou tentar melhor! ^^
Se mais alguém qusier tentar essa solução, seria ótimo!!