Flo
/
WiFiThermostat


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							/* 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%;  }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_footer2[] PROGMEM = R"=====(</div>
</div></body></html>
)=====";