123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- /* clang-format off */
- static const char html_head_part1[] PROGMEM = R"=====(<html><head>
- <meta charset='utf-8'><meta name='viewport' content='width=device-width,initial-scale=1,user-scalable=no'/>
- <link rel='stylesheet' href='style.css'>
- <title>)=====";
- static const char html_head_part2[] PROGMEM = R"=====(</title>)=====";
- static const char html_stylesheet[] PROGMEM = R"=====(
- body { text-align:center; font-family:verdana,sans-serif; background:#ffffff; }
- div,fieldset,input,select { padding:3px; font-size:1em; }
- div#main { text-align:left; display:inline-block; min-width:340px;}
- div#head { text-align:left; font-weight:bold; font-size:1em; }
- div.config { font-weight:bold; font-size:0.9em; }
- hr { width: 100%; border: 1px solid black; }
- fieldset { background:#ffffff; }
- p { margin:0.5em 0; }
- input { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#ffffff; color:#000000; }
- input[type=checkbox],input[type=radio] { width:1em; margin-right:6px; vertical-align:-1px; }
- input[type=range] { width:99%; }
- .smallnum { width:100; }
- select { width:100%; background:#ffffff; color:#000000; }
- textarea { resize:none; width:98%; height:318px; padding:5px; overflow:auto; background:#ffffff; color:#000000;}
- td { padding:2px; }
- button { border:0; border-radius:0.3rem; color:#ffffff; line-height:2.4rem; font-size:1.2rem; width:100%; -webkit-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer; background:#1fa3ec; }
- button:hover { background:#0e70a4; }
- .bred { background:#d43535; }
- .bred:hover { background:#931f1f; }
- .bgrn { background:#47c266; }
- .bgrn:hover { background:#5aaf6f;}
- .bgrey { background:#909090; }
- .bgrey:hover { background:#606060;}
- a { color:#1fa3ec; text-decoration:none; }
- .p { float:left; text-align:left; font-weight:normal; }
- p.n { font-weight:normal; }
- .q { float:right; text-align:right; }
- .r { border-radius:0.3em; padding:2px; margin:6px 2px; }
- .s{ display:inline-block; width:14em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
- #wl{ line-height:1.5em; }
- )=====";
- static const char html_head_end[] PROGMEM = R"=====(</head>)====="; // html_head_part3
- static const char html_bodytag_jsinit[] PROGMEM = R"=====(
- <body onload='init()'>)=====";
- static const char html_bodytag[] PROGMEM = R"=====(
- <body>)=====";
- static const char html_body_pagehead_part1[] PROGMEM = R"=====(
- <div id='main'>
- <div id='head'>)====="; // html_body_pagehead_part1
- static const char html_body_pagehead_part2[] PROGMEM = R"=====(
- </div><hr>
- <div></div>)====="; // html_body_pagehead_part2
- static const char html_body_pagehead_confchangednote[] PROGMEM = R"=====(
- <h2 style='color:red'>CONFIG CHANGED. <br>PLEASE RESTART!</h2>
- <div></div>)====="; // html_body_pagehead_confchangednote
- static const char html_confsaved_body[] PROGMEM = R"=====(
- <script>setTimeout(function(){window.location.href = 'conf';}, 2500);</script>
- <div>Configuration saved.</div>
- <table style='width:100%'><tr><td style='width:50%'><form action='conf' method='get'><button class='bgrey'>Config</button></form></td>
- <td><form action='.' method='get'><button class='bgrey'>Main Menu</button></form></td></tr></table>
- )====="; // html_confsaved_body
- //static const char html_confsavedrestart_body[] PROGMEM = R"=====(
- //<script>setTimeout(function(){window.location.href = 'conf';}, 10000);</script>
- //<div>Configuration saved. Restarting...</div>
- //<table style='width:100%'><tr><td style='width:50%'><form action='conf' method='get'><button class='bgrey'>Config</button></form></td>
- //<td><form action='.' method='get'><button class='bgrey'>Main Menu</button></form></td></tr></table>
- //)====="; // html_confsavedreboot_body
- static const char html_restarting_body[] PROGMEM = R"=====(
- <script>setTimeout(function(){window.location.href = '.';}, 10000);</script>
- <div>Restarting...</div>
- <p><form action='.' method='get'><button class='bgrey'>Main Menu</button></form></p>
- )====="; // html_restarting_body
- static const char html_clearconf_body[] PROGMEM = R"=====(
- <script>setTimeout(function(){window.location.href = '.';}, 9000);</script>
- <div>Configuration cleared. Restarting...</div>
- <p><form action='.' method='get'><button class='bgrey'>Main Menu</button></form></p>
- )====="; // html_clearconf_body
- static const char html_footer1[] PROGMEM = R"=====(
- <div style='text-align:right;font-size:0.7em;color:#AAA;'><hr/>)=====";
- static const char html_footer_a1[] PROGMEM = R"=====(<a href=')=====";
- static const char html_footer_a2[] PROGMEM = R"=====(' target='_blank' style='color:#AAA;'>)=====";
- static const char html_footer_ae[] PROGMEM = R"=====(</a>)=====";
- static const char html_footer2[] PROGMEM = R"=====(</div>
- </div></body></html>
- )=====";
|