abhinav
/
yobutton


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<html>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      font-family: montserrat;
      background-color: #9a61b2;
      color: white;
      text-align: center;
    }

    input {
      background: #813a9d;
      font-family: montserrat;
      color: white;
      border: none;
      text-align: center;
      font-size: 30px;
      margin: 5px;
      padding: 5px;
      width: 50%;
      -webkit-appearance: none;
    }

    input[type=submit] {
      height: 100px;
      font-size: 50px;
    }

    #h {
      background-color: #813a9d;
      width: 100%;
      height: 70px;
      font-size: 50px;
    }

    .n {
      background: white;
      color: #813a9d;
    }

    .y {
      text-transform: uppercase;
    } 
  </style>
  <body>
  <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>
</html>