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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
126 additions and
43 deletions
-
html/websiteBasic.html
-
src/websiteBasic.h
|
|
|
@ -2,22 +2,64 @@ |
|
|
|
<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 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> |
|
|
|
<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> |
|
|
|
<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"> |
|
|
|
<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> |
|
|
|
|
|
|
|
</body> |
|
|
|
</html> |
|
|
|
@ -2,23 +2,64 @@ static const char basicWebsite[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
<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 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>\ |
|
|
|
<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>\ |
|
|
|
<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\">\ |
|
|
|
<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>\ |
|
|
|
\ |
|
|
|
</body>\ |
|
|
|
</html>\ |
|
|
|
"; |
|
|
|
</html>"; |
