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. 82
      html/websiteBasic.html
  2. 85
      src/websiteBasic.h

82
html/websiteBasic.html
View File

@ -1,23 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<title>WLAN-Einrichtung</title>
</head>
<body>
<form action="/init" method="POST">
<fieldset>
<legend>Initiale WLAN-Einrichtung</legend>
<label for="ssid">SSID:</label><br>
<input type="text" id="ssid" name="ssid" placeholder="SSID" required><br>
<label for="pwd">Passwort:</label><br>
<input type="password" id="pwd" name="pwd" autocomplete="off" required><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>
</form>
<form action="/restart">
<button type="submit">Neustart</button>
</form>
</body>
<head>
<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>
<body>
<form id="settings" action="/init" class="box" method="POST">
<h1>WiFi Configuration</h1>
<label for="ssid">SSID:</label><br>
<input type="text" id="ssid" name="ssid" placeholder="SSID" required><br>
<label for="pwd">Passwort:</label><br>
<input type="password" id="pwd" name="pwd" autocomplete="off" required><br>
<label for="hostname">Tonuino-Name (Hostname):</label><br>
<input type="text" id="hostname" name="hostname" placeholder="Tonuino" required><br><br>
<input class="btn" type="submit" id="save-button" value="Save">
</form>
<form action="/restart" class="box">
<h1>Ready to go?</h1>
<input class="btn" type="submit" id="restart-button" value="Reboot">
</form>
</body>
</html> </html>

85
src/websiteBasic.h
View File

@ -1,24 +1,65 @@
static const char basicWebsite[] PROGMEM = "<!DOCTYPE html>\ static const char basicWebsite[] PROGMEM = "<!DOCTYPE html>\
<html>\ <html>\
<head>\
<title>WLAN-Einrichtung</title>\
</head>\
<body>\
<form action=\"/init\" method=\"POST\">\
<fieldset>\
<legend>Initiale WLAN-Einrichtung</legend>\
<label for=\"ssid\">SSID:</label><br>\
<input type=\"text\" id=\"ssid\" name=\"ssid\" placeholder=\"SSID\" required><br>\
<label for=\"pwd\">Passwort:</label><br>\
<input type=\"password\" id=\"pwd\" name=\"pwd\" autocomplete=\"off\" required><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>\
</form>\
<form action=\"/restart\">\
<button type=\"submit\">Neustart</button>\
</form>\
</body>\
</html>\
";
<head>\
<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>\
<body>\
<form id=\"settings\" action=\"/init\" class=\"box\" method=\"POST\">\
<h1>WiFi Configuration</h1>\
<label for=\"ssid\">SSID:</label><br>\
<input type=\"text\" id=\"ssid\" name=\"ssid\" placeholder=\"SSID\" required><br>\
<label for=\"pwd\">Passwort:</label><br>\
<input type=\"password\" id=\"pwd\" name=\"pwd\" autocomplete=\"off\" required><br>\
<label for=\"hostname\">Tonuino-Name (Hostname):</label><br>\
<input type=\"text\" id=\"hostname\" name=\"hostname\" placeholder=\"Tonuino\" required><br><br>\
<input class=\"btn\" type=\"submit\" id=\"save-button\" value=\"Save\">\
</form>\
<form action=\"/restart\" class=\"box\">\
<h1>Ready to go?</h1>\
<input class=\"btn\" type=\"submit\" id=\"restart-button\" value=\"Reboot\">\
</form>\
\
</body>\
</html>";
Write Preview
Loading…
Cancel
Save