26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8"> <!-- For if you want to use "äöü" / Unicode -->
|
||
|
|
|
||
|
|
<!-- Wichtig dass man auf den richtigen Ordner zeigt! -->
|
||
|
|
<link rel="icon" href="data:,">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<p>Value : %STATE</p> <!-- This is how you implement the value you want to display from the main programm -->
|
||
|
|
<!-- Important is that you put the "%" infront the keyword you want to check for. In this case, the keyword is "STATE"-->
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<!-- You can display many values of course, just add more to the processor and call it in the main funktion. -->
|
||
|
|
<!-- For performing effeciency, I would advice you to only hand 1 String over and work with "\n" and whatnot for styling reasons. -->
|
||
|
|
|
||
|
|
<!-- Another thing worth noting is the issue the ESP32 has with displaying a png for example, even when it is properly linked in the -->
|
||
|
|
<!-- .html and .css. And to be fair, it just struggles with displaying a full on png since it is not decoded yet. -->
|
||
|
|
<!-- A way to solve this would be decoding your for example png of choice. How do you do that? -->
|
||
|
|
<!-- Use an online converter to save time. Here is the one I used for a png in a project: https://www.base64-image.de/ -->
|
||
|
|
<!-- You should receive a seemingly endless amount of text from it, copy and paste it in your html or css code and BOOM- there's the picture showing up. -->
|
||
|
|
|
||
|
|
</html>
|