root.htm 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
  5. <title>ESP8266 WiFi Join</title>
  6. <style type="text/css">
  7. body {
  8. font-family:'Arial',sans-serif;
  9. font-weight:bold;
  10. margin-left: 20px;
  11. }
  12. .link_button {
  13. background-color: #e4685d;
  14. border: none;
  15. box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  16. -moz-border-radius:4px;
  17. -webkit-border-radius:4px;
  18. border-radius:4px;
  19. color: white;
  20. padding: 10px 30px;
  21. text-decoration: none;
  22. display: inline-block;
  23. font-size: 120%;
  24. margin-top:24px;
  25. }
  26. .link_button:active {
  27. position:relative;
  28. top:2px;
  29. box-shadow: 0 0 0 0 rgba(0,0,0,0.2), 0 0 0 0 rgba(0,0,0,0.19);
  30. }
  31. .ssid_list {
  32. line-height: 36px;
  33. margin-bottom: 12px;
  34. vertical-align: middle;
  35. }
  36. .ssid_list > a {
  37. width: 200px;
  38. display: inline-block;
  39. position: relative;
  40. padding: 0.25em 1.0em;
  41. margin-right: 1.0em;
  42. text-align: center;
  43. text-decoration: none;
  44. color: #FFF;
  45. background-color: #006778;
  46. background-image: -webkit-linear-gradient(top, #0087b0, #006778);
  47. background-image: linear-gradient(to bottom, #0087b0, #006778);
  48. border-bottom: solid 3px #004462;
  49. border-radius: 4px;
  50. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 2px rgba(0, 0, 0, 0.19);
  51. }
  52. .ssid_list > a:active {
  53. border-bottom: solid 3px #006778;
  54. box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  55. }
  56. .img_lock {
  57. display: inline-block;
  58. width: 32px;
  59. height:32px;
  60. margin-left: 0.5em;
  61. vertical-align: middle;
  62. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACZElEQVRYhe2VTUhUURTHf2emSaiNUi4KtKACTQgcJ8rJpC+CIMiF9uGmVViCU9kHRC3cRFCQqWiFEgR9QW2KVi1KKsescYRo1RdFSwuNCLNp3mkxd8DCeXNt5uGmPxzefeede87vnXvvezDLkplOqOl5WeQkEg0iBFW0BEBUPqkS9wUCt582rxrzBGBD+0jhT3/yLLAXYRSVh6AfTZoliG5CKQauzk36j/cfrhzPG0D4QrwWn3ML+KIqxwbHgg9oE+ePoDb1VRfFt4roOWABjm939FDwcc4A6zpiG1W4D1ycLODEcFMokX62vjNeDPAkEhxN+6ouxwIFk5wBDoiyfeBg6JFb/jnZABxkpQjt0ZaqUwBr20eW+vzJk0B9EqcQINwZGwfuOEn/6WdNlR+Ao+Gu4R8qWg64AsxoE1Z3vtgD0iswpMIlfDKSotRKUfYrrAHdNxhZfdM2pzVAdffwcknqK4TWaEuoZ7qYcFesGeU8UBGNhN7Z5rZWTUesdMptOdAA7AIq0s7a7ucleS/8l8qBIUCBr8C4GQ+ZZ56qHpgArptiYmyF8U0AO70qvhgYA1pdYo6YmEVeANwgdaTcNq4A/cC1fBcPAN+BRovYRuAbFt+YmaiU1EYrs4gtM7FWp8FnCTDPXD9bxKZj5lvmdlUfqbfJxfrcCmTrgP47u51sl2DWALJ14L0xzwAyKQHsAJYZqwN+eQGQqQNXgHtT7u8aX94BMum1pS9ngEwd2DKNb7MXAJm0jdS6p1VnfHkHcDsFCzOM8wrgubL9sdw60GssJ/3/FGdbgrfAQI413uQ431v9Bn8ZuSAzPe5xAAAAAElFTkSuQmCC) no-repeat;
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <h2>Join to WiFi AP</h2>
  68. {{SSID_LIST}}
  69. <p><a href="{{URI_ROOT}}" class="link_button">Rescan</a></p>
  70. </body>
  71. </html>