/* 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'>KONFIGURATION GE&Auml;NDERT. <br>BITTE NEU STARTEN!</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>Konfiguration gespeichert.</div>
<table style='width:100%'><tr><td style='width:50%'><form action='conf' method='get'><button class='bgrey'>Konfiguration</button></form></td>
<td><form action='.' method='get'><button class='bgrey'>Haupmen&uuml;</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'>Haupmen&uuml;</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>starte neu...</div>
<p><form action='.' method='get'><button class='bgrey'>Haupmen&uuml;</button></form></p>
)====="; // html_restarting_body

static const char html_clearconf_body[] PROGMEM = R"=====(
<script>setTimeout(function(){window.location.href = '.';}, 9000);</script>
<div>Konfiguration gel&ouml;scht.cleared. Starte neu...</div>
<p><form action='.' method='get'><button class='bgrey'>Haupmen&uuml;</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>
)=====";
