Browse Source

Merge pull request #21 from mariolukas/master

feat (HTML): added some css to the accesspoint html code
master
biologist79 5 years ago
committed by GitHub
parent
commit
da4f665897
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 70
      html/websiteBasic.html
  2. 73
      src/websiteBasic.h

70
html/websiteBasic.html

@ -1,23 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<head>
<title>WLAN-Einrichtung</title>
</head>
<body>
<form action="/init" method="POST">
<fieldset>
<legend>Initiale WLAN-Einrichtung</legend>
<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" required><br><br>
<input type="submit" value="Absenden">
</fieldset>
</form>
<form action="/restart">
<button type="submit">Neustart</button>
</form>
</body>
<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>

73
src/websiteBasic.h

@ -1,24 +1,65 @@
static const char basicWebsite[] PROGMEM = "<!DOCTYPE html>\
<html>\
<head>\
<head>\
<title>WLAN-Einrichtung</title>\
</head>\
<body>\
<form action=\"/init\" method=\"POST\">\
<fieldset>\
<legend>Initiale WLAN-Einrichtung</legend>\
<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\" required><br><br>\
<input type=\"submit\" value=\"Absenden\">\
</fieldset>\
</form>\
<form action=\"/restart\">\
<button type=\"submit\">Neustart</button>\
</form>\
</body>\
</html>\
";
<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>";
Loading…
Cancel
Save