entry.htm 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
  5. <title>{{ESP_ARCH}} WiFi Join</title>
  6. <style type="text/css">
  7. body {
  8. font-family:'Arial',sans-serif;
  9. }
  10. .form-style {
  11. max-width: 400px;
  12. margin: 10px auto;
  13. padding: 16px;
  14. }
  15. .form-style h1{
  16. background: #006778;
  17. border-radius:4px;
  18. padding: 16px 0;
  19. font-size: 140%;
  20. font-weight: 300;
  21. text-align: center;
  22. text-shadow:0px 1px 0px #002778;
  23. color: #fff;
  24. margin: -16px -16px 16px -16px;
  25. }
  26. .form-style input[type="text"],
  27. .form-style textarea,
  28. .form-style select
  29. {
  30. -webkit-transition: all 0.30s ease-in-out;
  31. -moz-transition: all 0.30s ease-in-out;
  32. -ms-transition: all 0.30s ease-in-out;
  33. outline: none;
  34. box-sizing: border-box;
  35. -webkit-box-sizing: border-box;
  36. -moz-box-sizing: border-box;
  37. width: 100%;
  38. background: #fff;
  39. margin-bottom: 4%;
  40. border: 1px solid #ccc;
  41. padding: 3%;
  42. color: #555;
  43. font-size: 100%;
  44. }
  45. .form-style input[type="text"]:focus,
  46. .form-style textarea:focus,
  47. .form-style select:focus
  48. {
  49. box-shadow: 0 0 5px #276873;
  50. padding: 3%;
  51. border: 2px solid #276873;
  52. }
  53. .form-style input[type="submit"]
  54. {
  55. background-color: #e4685d;
  56. border: none;
  57. box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  58. -moz-border-radius:4px;
  59. -webkit-border-radius:4px;
  60. border-radius:4px;
  61. color: white;
  62. padding: 10px 30px;
  63. text-decoration: none;
  64. display: block;
  65. font-size: 120%;
  66. margin-top:24px;
  67. }
  68. .form-style input[type="submit"]:active
  69. {
  70. position:relative;
  71. top:2px;
  72. box-shadow: 0 0 0 0 rgba(0,0,0,0.2), 0 0 0 0 rgba(0,0,0,0.19);
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div class="form-style">
  78. <h1>Connect to {{ENTRY}}</h1>
  79. <form action="{{URI_REQ}}" method="post">
  80. <input type="text" name="ssid" {{SSID}} />
  81. {{PSK}}
  82. <input type="submit" value="Apply" />
  83. </form>
  84. </div>
  85. </body>
  86. </html>