63 lines
2.4 KiB
HTML
63 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content='width=device-width' name='viewport'>
|
|
<meta name="theme-color" content="#222222">
|
|
<title>Welcome!</title>
|
|
<style>
|
|
body {
|
|
font-family: Verdana, Helvetica, sans-serif;
|
|
text-align: center;
|
|
background-color: #222;
|
|
margin: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
button {
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 8px;
|
|
margin: 10px;
|
|
width: 230px;
|
|
text-transform: uppercase;
|
|
font-family: helvetica;
|
|
font-size: 19px;
|
|
background-color: #333;
|
|
color: white;
|
|
border: 0px solid white;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
img {
|
|
width: 950px;
|
|
max-width: 82%;
|
|
image-rendering: pixelated;
|
|
image-rendering: crisp-edges;
|
|
margin: 4vh 0 0 0;
|
|
animation: fi 1s;
|
|
}
|
|
|
|
@keyframes fi {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
.main {
|
|
animation: fi 1.5s .7s both;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAfCAMAAADazLOuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABLUExURQAAAAB81gCU/zKq///mo7sWMN8bO+ZIYtZaAP9rAP+HMsCiG+TAIOnMS0KqNU7KPnLUZOrq6v///4CAgGhoaL+/v6CgoExMTAAAAAlm4O8AAAAZdFJOU////////////////////////////////wABNAq3AAAACXBIWXMAAA7DAAAOwwHHb6hkAAACN0lEQVRIS73VjVLCMBAEYIr8CYKkrdj3f1J37zaXFCpTO+piaDgbPq9px9VQ0qyrvKj4q6m0Zr1h+M7xF1zRmnWzqV9/0d2jttGotO1uv9dUObwej5oqp7fzWVPl8n69aprzoOUUbbvdIbV3OLwitXc6vSG1d7m8I3feSEN0j2CeNbOY4MxigjOLCc4sZsTV2l1cCyy4wIILLLjAxtykltq2rbTU+qi01N5rXNO2leaFORoija2l5MM5a02ac9Ya16Sk5tgaPrUpjZub0BL6YqSxKwbH77XUUmSkJXSl8QtaMuyJhq5maL5nTKVpZC13VmtMpTFT2g4vJjTuGfMzzXftiUZnhdtgb1xofvypRon5TjNnxYN9zJo6K5ruSIzQtGuVZn0x91rKvdHBvm39E7SyZ4y06Gz8BDBFKzsXmhcwyfsGZ9VpbhoiCinaxPNmGWmWWrNU2jB0q6HvOhN1JUtCixQtp2g51ZVUXIPS2RMAD++T2nY/DrDjOMDO4wC7jmNYj3d73nrXug8Yt9uNB8xNU1cKNXWlUFNXCjV1pZhGTE83m2vWfYf/NGj4Bg1zu5JD3/MnH5ZWfLOksbmGWGjgXMN5/C2GXYGFFW9Nmtle6Xut0Gm+JsayCj8z0nhjGvYJzVf4aSzmNYsr+u7Q2JIdoX3YOQjOslmsW1jJ3120nE9gfo79hTaNdcsqVR610lvO47pllae9ReZ805zKo2a3iaY5c75pTmVCA6dJ5H7N0sr/asPwBehb7ifEhusRAAAAAElFTkSuQmCC">
|
|
<div class="main">
|
|
<h1>Welcome to WLED!</h1>
|
|
<h3>Thank you for installing my application!</h3>
|
|
<b>Next steps:</b><br><br>
|
|
Connect the module to your local WiFi here!<br>
|
|
<button onclick="window.location.href='./settings/wifi'">WiFi settings</button><br>
|
|
<i>Just trying this out in AP mode?</i><br>
|
|
<button onclick="window.location.href='./sliders'">To the controls!</button><br>
|
|
</div>
|
|
</body>
|
|
</html> |