1<html>
2 <head>
3 <meta charset="UTF-8">
4 <meta http-equiv="X-UA-Compatible" content="IE=edge">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>SSID</title>
7 </head>
8
9<style>
10 body {
11 font-family: Arial, sans-serif;
12 color: #333;
13 background-color: #eee;
14 padding: 20px;
15 display: flex;
16 justify-content: center;
17 align-items: center;
18 }
19
20 label {
21 display: block;
22 margin-bottom: 5px;
23 }
24
25 input[type="text"] {
26 width: 100%;
27 padding: 10px;
28 margin-bottom: 10px;
29 border-radius: 4px;
30 border: 1px solid #ccc;
31 box-sizing: border-box;
32 font-size: 16px;
33 }
34
35 input[type="submit"] {
36 background-color: #4CAF50;
37 color: #fff;
38 padding: 10px 20px;
39 border: none;
40 border-radius: 4px;
41 cursor: pointer;
42 font-size: 16px;
43 width: 100%;
44 }
45
46 input[type="submit"]:hover {
47 background-color: #3e8e41;
48 }
49
50 form {
51 margin: 0 auto;
52 background-color: #fff;
53 padding: 20px;
54 border-radius: 4px;
55 box-shadow: 0 0 10px rgba(0, 0, 0, .2);
56 max-width: 700px;
57 height: max-content;
58 }
59
60 p {
61 margin-bottom: 20px;
62 text-align: center;
63 line-height: 25px;
64 }
65
66 @media (max-width: 768px) {
67 form {
68 width: 100%;
69 }
70 p{
71 font-size: 13px;
72 text-align: justify;
73 line-height: 20px;
74 }
75 }
76
77</style>
78
79<body>
80
81 <form action="/post_ssid" method="post">
82 <p>Change the SSID name here. After clicking "Change SSID". You will lose the connection. Reconnect to the new
83 SSID.</p>
84 <label>New SSID name:</label>
85 <input type="text" name="ssid"></input>
86 <input type="submit" value="Change SSID">
87 </form>
88</body>
89
90</html>