diff --git a/21_esp_html_fs/.gitignore b/21_esp_html_fs/.gitignore
new file mode 100644
index 0000000..89cc49c
--- /dev/null
+++ b/21_esp_html_fs/.gitignore
@@ -0,0 +1,5 @@
+.pio
+.vscode/.browse.c_cpp.db*
+.vscode/c_cpp_properties.json
+.vscode/launch.json
+.vscode/ipch
diff --git a/21_esp_html_fs/.vscode/extensions.json b/21_esp_html_fs/.vscode/extensions.json
new file mode 100644
index 0000000..080e70d
--- /dev/null
+++ b/21_esp_html_fs/.vscode/extensions.json
@@ -0,0 +1,10 @@
+{
+ // See http://go.microsoft.com/fwlink/?LinkId=827846
+ // for the documentation about the extensions.json format
+ "recommendations": [
+ "platformio.platformio-ide"
+ ],
+ "unwantedRecommendations": [
+ "ms-vscode.cpptools-extension-pack"
+ ]
+}
diff --git a/21_esp_html_fs/data/index.html b/21_esp_html_fs/data/index.html
new file mode 100644
index 0000000..6d31170
--- /dev/null
+++ b/21_esp_html_fs/data/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
Načteno z LittleFS
+
Ukázka
+
Proměnná teplota: {{teplota}}°C
+
+
+
\ No newline at end of file
diff --git a/21_esp_html_fs/include/README b/21_esp_html_fs/include/README
new file mode 100644
index 0000000..49819c0
--- /dev/null
+++ b/21_esp_html_fs/include/README
@@ -0,0 +1,37 @@
+
+This directory is intended for project header files.
+
+A header file is a file containing C declarations and macro definitions
+to be shared between several project source files. You request the use of a
+header file in your project source file (C, C++, etc) located in `src` folder
+by including it, with the C preprocessing directive `#include'.
+
+```src/main.c
+
+#include "header.h"
+
+int main (void)
+{
+ ...
+}
+```
+
+Including a header file produces the same results as copying the header file
+into each source file that needs it. Such copying would be time-consuming
+and error-prone. With a header file, the related declarations appear
+in only one place. If they need to be changed, they can be changed in one
+place, and programs that include the header file will automatically use the
+new version when next recompiled. The header file eliminates the labor of
+finding and changing all the copies as well as the risk that a failure to
+find one copy will result in inconsistencies within a program.
+
+In C, the convention is to give header files names that end with `.h'.
+
+Read more about using header files in official GCC documentation:
+
+* Include Syntax
+* Include Operation
+* Once-Only Headers
+* Computed Includes
+
+https://gcc.gnu.org/onlinedocs/cpp/Header-Files.html
diff --git a/21_esp_html_fs/lib/README b/21_esp_html_fs/lib/README
new file mode 100644
index 0000000..9379397
--- /dev/null
+++ b/21_esp_html_fs/lib/README
@@ -0,0 +1,46 @@
+
+This directory is intended for project specific (private) libraries.
+PlatformIO will compile them to static libraries and link into the executable file.
+
+The source code of each library should be placed in a separate directory
+("lib/your_library_name/[Code]").
+
+For example, see the structure of the following example libraries `Foo` and `Bar`:
+
+|--lib
+| |
+| |--Bar
+| | |--docs
+| | |--examples
+| | |--src
+| | |- Bar.c
+| | |- Bar.h
+| | |- library.json (optional. for custom build options, etc) https://docs.platformio.org/page/librarymanager/config.html
+| |
+| |--Foo
+| | |- Foo.c
+| | |- Foo.h
+| |
+| |- README --> THIS FILE
+|
+|- platformio.ini
+|--src
+ |- main.c
+
+Example contents of `src/main.c` using Foo and Bar:
+```
+#include
+#include
+
+int main (void)
+{
+ ...
+}
+
+```
+
+The PlatformIO Library Dependency Finder will find automatically dependent
+libraries by scanning project source files.
+
+More information about PlatformIO Library Dependency Finder
+- https://docs.platformio.org/page/librarymanager/ldf.html
diff --git a/21_esp_html_fs/platformio.ini b/21_esp_html_fs/platformio.ini
new file mode 100644
index 0000000..70fdc2e
--- /dev/null
+++ b/21_esp_html_fs/platformio.ini
@@ -0,0 +1,17 @@
+; PlatformIO Project Configuration File
+;
+; Build options: build flags, source filter
+; Upload options: custom upload port, speed and extra flags
+; Library options: dependencies, extra library storages
+; Advanced options: extra scripting
+;
+; Please visit documentation for the other options and examples
+; https://docs.platformio.org/page/projectconf.html
+
+[env:esp32dev]
+platform = espressif32
+board = esp32dev
+framework = arduino
+monitor_speed = 115200
+
+board_build.filesystem = littlefs
diff --git a/21_esp_html_fs/src/main.cpp b/21_esp_html_fs/src/main.cpp
new file mode 100644
index 0000000..e93ece4
--- /dev/null
+++ b/21_esp_html_fs/src/main.cpp
@@ -0,0 +1,71 @@
+#include
+#include
+#include
+#include
+
+const char* ssid = "ive3ap";
+const char* password = "iveiveive";
+const char* hostname = "esp32-skrabanek";
+
+WebServer server(80);
+float teplota = 22.5;
+
+String readLittleFSFile(const char* path){
+ if (!LittleFS.exists(path)){
+ Serial.println("SOubor neexistuje: " + String(path));
+ return "";
+ }
+ File file = LittleFS.open(path,"r");
+ if(!file){
+ Serial.println("Nepodarilo se otevrit" + String(path));
+ return "";
+ }
+ String content = file.readString();
+ file.close();
+ return content;
+}
+
+void handleRoot() {
+ String html = readLittleFSFile("/index.html");
+ if (html == ""){
+ server.send(500,"text/plain","Chyba servereru");
+ return;
+ }
+ html.replace("{{teplota}}",String(teplota));
+
+ server.send(200,"text/html",html);
+
+ teplota += 0.5;
+ if (teplota > 30) teplota = 15;
+}
+
+void setup() {
+ Serial.begin(115200);
+ //Inicializaceš fylesystému LittleFS
+ //true znamená že pokud FS neexistuje, automaticky se naformátuje
+ if(!LittleFS.begin(true)){
+ Serial.println("Chyba při mountování LittleFS");
+ return;
+ }
+ Serial.println("LittleFS pripojeno");
+
+ WiFi.setHostname(hostname);
+ WiFi.begin(ssid,password);
+ Serial.print("pripojovani");
+ while (WiFi.status() != WL_CONNECTED){
+ delay(400);
+ Serial.print(".");
+ }
+ Serial.println("\nWiFi pripojeno!");
+ Serial.print("IP adresa:");
+ Serial.println(WiFi.localIP());
+
+ server.on("/",handleRoot);
+
+ server.begin();
+ Serial.println("HTTP server běží");
+}
+
+void loop() {
+ server.handleClient();
+}
diff --git a/21_esp_html_fs/test/README b/21_esp_html_fs/test/README
new file mode 100644
index 0000000..9b1e87b
--- /dev/null
+++ b/21_esp_html_fs/test/README
@@ -0,0 +1,11 @@
+
+This directory is intended for PlatformIO Test Runner and project tests.
+
+Unit Testing is a software testing method by which individual units of
+source code, sets of one or more MCU program modules together with associated
+control data, usage procedures, and operating procedures, are tested to
+determine whether they are fit for use. Unit testing finds problems early
+in the development cycle.
+
+More information about PlatformIO Unit Testing:
+- https://docs.platformio.org/en/latest/advanced/unit-testing/index.html