phschoen
/
ESPuino
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat (HTML): added some css to the accesspoint html code

master
Mario Lukas 5 years ago
parent
52aef3137b
commit
55f949f276
2 changed files with 126 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 58
      html/websiteBasic.html
  2. 61
      src/websiteBasic.h

58
html/websiteBasic.html
View File

@ -2,22 +2,64 @@
<html> <html>
<head> <head>
<title>WLAN-Einrichtung</title> <title>WLAN-Einrichtung</title>
<style>
input {
width: 90%;
height: 44px;
border-radius: 4px;
margin: 10px auto;
font-size: 15px;
background: #f1f1f1;
border: 0;
padding: 0 15px
}
input {
}
body {
background: #007bff;
font-family: sans-serif;
font-size: 14px;
color: #777
}
.box {
background: #fff;
max-width: 258px;
margin: 75px auto;
padding: 30px;
border-radius: 5px;
text-align: center
}
.btn {
background: #3498db;
color: #fff;
cursor: pointer;
width: 90%;
height: 44px;
border-radius: 4px;
margin: 10px auto;
font-size: 15px;
}
.rebootmsg {
display: none;
}
</style>
</head> </head>
<body> <body>
<form action="/init" method="POST">
<fieldset>
<legend>Initiale WLAN-Einrichtung</legend>
<form id="settings" action="/init" class="box" method="POST">
<h1>WiFi Configuration</h1>
<label for="ssid">SSID:</label><br> <label for="ssid">SSID:</label><br>
<input type="text" id="ssid" name="ssid" placeholder="SSID" required><br> <input type="text" id="ssid" name="ssid" placeholder="SSID" required><br>
<label for="pwd">Passwort:</label><br> <label for="pwd">Passwort:</label><br>
<input type="password" id="pwd" name="pwd" autocomplete="off" required><br> <input type="password" id="pwd" name="pwd" autocomplete="off" required><br>
<label for="hostname">Tonuino-Name (Hostname):</label><br> <label for="hostname">Tonuino-Name (Hostname):</label><br>
<input type="text" id="hostname" name="hostname" required><br><br>
<input type="submit" value="Absenden">
</fieldset>
<input type="text" id="hostname" name="hostname" placeholder="Tonuino" required><br><br>
<input class="btn" type="submit" id="save-button" value="Save">
</form> </form>
<form action="/restart">
<button type="submit">Neustart</button>
<form action="/restart" class="box">
<h1>Ready to go?</h1>
<input class="btn" type="submit" id="restart-button" value="Reboot">
</form> </form>
</body> </body>
</html> </html>

61
src/websiteBasic.h
View File

@ -2,23 +2,64 @@ static const char basicWebsite[] PROGMEM = "<!DOCTYPE html>\
<html>\ <html>\
<head>\ <head>\
<title>WLAN-Einrichtung</title>\ <title>WLAN-Einrichtung</title>\
<style>\
input {\
width: 90%;\
height: 44px;\
border-radius: 4px;\
margin: 10px auto;\
font-size: 15px;\
background: #f1f1f1;\
border: 0;\
padding: 0 15px\
}\
input {\
\
}\
body {\
background: #007bff;\
font-family: sans-serif;\
font-size: 14px;\
color: #777\
}\
.box {\
background: #fff;\
max-width: 258px;\
margin: 75px auto;\
padding: 30px;\
border-radius: 5px;\
text-align: center\
}\
.btn {\
background: #3498db;\
color: #fff;\
cursor: pointer;\
width: 90%;\
height: 44px;\
border-radius: 4px;\
margin: 10px auto;\
font-size: 15px;\
}\
.rebootmsg {\
display: none;\
}\
</style>\
</head>\ </head>\
<body>\ <body>\
<form action=\"/init\" method=\"POST\">\
<fieldset>\
<legend>Initiale WLAN-Einrichtung</legend>\
<form id=\"settings\" action=\"/init\" class=\"box\" method=\"POST\">\
<h1>WiFi Configuration</h1>\
<label for=\"ssid\">SSID:</label><br>\ <label for=\"ssid\">SSID:</label><br>\
<input type=\"text\" id=\"ssid\" name=\"ssid\" placeholder=\"SSID\" required><br>\ <input type=\"text\" id=\"ssid\" name=\"ssid\" placeholder=\"SSID\" required><br>\
<label for=\"pwd\">Passwort:</label><br>\ <label for=\"pwd\">Passwort:</label><br>\
<input type=\"password\" id=\"pwd\" name=\"pwd\" autocomplete=\"off\" required><br>\ <input type=\"password\" id=\"pwd\" name=\"pwd\" autocomplete=\"off\" required><br>\
<label for=\"hostname\">Tonuino-Name (Hostname):</label><br>\ <label for=\"hostname\">Tonuino-Name (Hostname):</label><br>\
<input type=\"text\" id=\"hostname\" name=\"hostname\" required><br><br>\
<input type=\"submit\" value=\"Absenden\">\
</fieldset>\
<input type=\"text\" id=\"hostname\" name=\"hostname\" placeholder=\"Tonuino\" required><br><br>\
<input class=\"btn\" type=\"submit\" id=\"save-button\" value=\"Save\">\
</form>\ </form>\
<form action=\"/restart\">\
<button type=\"submit\">Neustart</button>\
<form action=\"/restart\" class=\"box\">\
<h1>Ready to go?</h1>\
<input class=\"btn\" type=\"submit\" id=\"restart-button\" value=\"Reboot\">\
</form>\ </form>\
\
</body>\ </body>\
</html>\
";
</html>";
Write Preview
Loading…
Cancel
Save