|
@@ -1,53 +1,64 @@
|
|
|
<html>
|
|
<html>
|
|
|
<style>
|
|
<style>
|
|
|
- body {
|
|
|
|
|
|
|
+ html, body {
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ font-family: montserrat;
|
|
|
background-color: #9a61b2;
|
|
background-color: #9a61b2;
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- #header {
|
|
|
|
|
- background-color: #813a9d;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 60px;
|
|
|
|
|
- font-size: 50px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- h1, #old-info, #new-info {
|
|
|
|
|
|
|
+ input {
|
|
|
|
|
+ background: #813a9d;
|
|
|
font-family: montserrat;
|
|
font-family: montserrat;
|
|
|
- text-align: center;
|
|
|
|
|
color: white;
|
|
color: white;
|
|
|
|
|
+ border: none;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 30px;
|
|
|
|
|
+ margin: 5px;
|
|
|
|
|
+ padding: 5px;
|
|
|
|
|
+ width: 50%;
|
|
|
|
|
+ -webkit-appearance: none;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
input[type=submit] {
|
|
input[type=submit] {
|
|
|
- width: 40%;
|
|
|
|
|
height: 100px;
|
|
height: 100px;
|
|
|
- font-size: 30px;
|
|
|
|
|
|
|
+ font-size: 50px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- input[type=submit], input[type=text] {
|
|
|
|
|
- background: #813a9d;
|
|
|
|
|
- font-family: montserrat;
|
|
|
|
|
- color: white;
|
|
|
|
|
- font-size: 20px;
|
|
|
|
|
- padding: 10px;
|
|
|
|
|
|
|
+ #h {
|
|
|
|
|
+ background-color: #813a9d;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 70px;
|
|
|
|
|
+ font-size: 50px;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .n {
|
|
|
|
|
+ background: white;
|
|
|
|
|
+ color: #813a9d;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .y {
|
|
|
|
|
+ text-transform: uppercase;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|
|
|
<body>
|
|
<body>
|
|
|
- <div id="top">
|
|
|
|
|
- <h1 id="header">Yo Button Setup</h1>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div id="old-info">
|
|
|
|
|
- Current wifi SSID: <input type="text" value="SSID_T" readonly><br>
|
|
|
|
|
- Current wifi password: <input type="text" value="PASSWORD_T" readonly><br>
|
|
|
|
|
- Yo recipient: <input type="text" value="RECIPIENT_T" readonly><br><br><br>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div id="new-info">
|
|
|
|
|
- <form>
|
|
|
|
|
- New SSID: <input type="text" name="newssid" value="SSID_T"><br>
|
|
|
|
|
- New password: <input type="text" name="newpass" value="PASSWORD_T"><br>
|
|
|
|
|
- New recipient: <input type="text" name="newrecipient" value="RECIPIENT_T"><br><br><br>
|
|
|
|
|
- <input type="submit" value="Update Settings" name="Submit">
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <h1 id="h">Yo Button</h1>
|
|
|
|
|
+
|
|
|
|
|
+ <h2>Current settings</h2>
|
|
|
|
|
+ <input type="text" value="network: _S_" readonly><br>
|
|
|
|
|
+ <input type="text" value="status: _T_" readonly><br>
|
|
|
|
|
+ <h2>Will send Yos to</h2>
|
|
|
|
|
+ <input type="text" value="_R_" readonly><br>
|
|
|
|
|
+
|
|
|
|
|
+ <h2>New settings:</h2>
|
|
|
|
|
+ <form method="post">
|
|
|
|
|
+ <input class="n" value="_S_" type="text" name="ssid" autocorrect="off" autocapitalize="none" placeholder="WiFi network"><br>
|
|
|
|
|
+ <input class="n" type="text" name="pass" autocorrect="off" autocapitalize="none" placeholder="WiFi password"><br>
|
|
|
|
|
+ <input class="n y" value="_R_" type="text" name="recipient" placeholder="Yo recipient"><br><br>
|
|
|
|
|
+ <input type="submit" value="Update" name="Submit">
|
|
|
|
|
+ </form>
|
|
|
|
|
+
|
|
|
</body>
|
|
</body>
|
|
|
</html>
|
|
</html>
|
etisab