|
|
@@ -1,16 +1,53 @@
|
|
|
<html>
|
|
|
- <body>
|
|
|
- <h1>YO Button setup</h1>
|
|
|
+ <style>
|
|
|
+ body {
|
|
|
+ background-color: #9a61b2
|
|
|
+ }
|
|
|
+
|
|
|
+ #header {
|
|
|
+ background-color: #813a9d;
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ font-size: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h1, #old-info, #new-info {
|
|
|
+ font-family: montserrat;
|
|
|
+ text-align: center;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
|
|
|
+ input[type=submit] {
|
|
|
+ width: 40%;
|
|
|
+ height: 100px;
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit], input[type=text] {
|
|
|
+ background: #813a9d;
|
|
|
+ font-family: montserrat;
|
|
|
+ color: white;
|
|
|
+ font-size: 20px;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+ <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>
|
|
|
- <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>
|
|
|
- <input type="submit" name="Submit">
|
|
|
- </form>
|
|
|
-
|
|
|
+ </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>
|
|
|
</body>
|
|
|
</html>
|
etisab