Tenho um site já feito em HTML e tentei coloca-lo na IDE do arduino, porém ao executar, percebi que a imagem e cards não ficaram configurados...
Usei a função client.print("") para colocar o codigo HTML. O site abriu como deveria, mas não ficou configurado.
Eu tenho o arquivo HTML e os icones separados, tentei joga-lós na pasta do programa do arduino, mas mesmo assim não funcionou. Alguém sabe resolver?
client.println("HTTP/1.1 200 OK");
client.println ("Content-type:text/html");
client.println();
client.print("<html lang=\"en\">");
client.print("<meta charset=\"UTF-8\">");
client.print("<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">");
client.print("<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">");
client.print("<link href=\"https:\/\/cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">");
client.print("<script src=\"https:\/\/cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js\" defer=\"\"></script>");
// configuração de estilo do site
client.println("<style>");
client.println(" body {");
client.println(" background-color: #373435;");
client.println(" }");
client.println(" .card {");
client.println(" position: relative;");
client.println(" left: 10px;");
client.println(" }");
client.println(" .container-temp{");
client.println(" display: flex;");
client.println(" justify-content: center;");
client.println(" font-size: 50px;");
client.println(" font-weight: 900;");
client.println(" text-shadow: 3px 6px rgba(0, 0, 0, 0.2);");
client.println(" }");
client.println(" </style><title>""Controle de Carrinho por Wi-Fi""</title>");
client.println("</head>");
client.println("<body>");
client.println(" <div class=\"container py-5 text-center\" id=\"botao\">");
client.println(" <button class=\"btn btn-primary\" data-bs-toggle=\"button\">Botão principal</button>");
client.println(" </div>");
client.println(" <div class=\"container-fluid p-0 m-0 d-flex justify-content-center\">");
client.println(" <div class=\"card text-center w-75\" style=\"max-width: 24rem;\">");
client.println(" <div class=\"card-header\">TEMPERATURA");
client.println(" </div>");
client.println(" <div class=\"container-img\">");
client.println(" <img src=\"./icons/04d.png\" alt=\"\">");
client.println(" </div>");
client.println(" <div class=\"container-temp\">");
client.println(" <div>30</div>");
client.println(" <span>°c</span>");
client.println(" </div>");
client.println(" </div>");
client.println(" </div>");
client.println("</body>");
client.println("</html>");
