| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- 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%; }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; }.q { float:right; text-align:right; }.r { border-radius:0.3em; padding:2px; margin:6px 2px; }
- )=====";
- 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_confsaved_body[] PROGMEM = R"=====(
- <script>setTimeout(function(){window.location.href = '.';}, 7000);</script>
- <div>Configuration saved. Restarting...</div>
- <p><form action='.' method='get'><button class='bgrey'>Main Menu</button></form></p>
- )====="; // html_confsaved_body
- static const char html_restarting_body[] PROGMEM = R"=====(
- <script>setTimeout(function(){window.location.href = '.';}, 7000);</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 = '.';}, 7000);</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_footer2[] PROGMEM = R"=====(</div>
- </div></body></html>
- )=====";
|
