- Use SquareLine Studio for UI creation

README.md

@@ -4,3 +4,12 @@ For arduino platform.io.
 [![Platform IO CI](https://github.com/rzeldent/esp32-smartdisplay-demo/actions/workflows/main.yml/badge.svg)](https://github.com/rzeldent/esp32-smartdisplay-demo/actions/workflows/main.yml)
 
 See [esp32-smartdisplay](https://github.com/rzeldent/esp32-smartdisplay) for more information
+
+
+## Version history
+
+- March 2023
+  - Demo application created
+
+- October
+  - Updated UI using [SquareLine Studio](https://squareline.io). This is a graphical UI design tool.

SquareLine_Project.sll

@@ -0,0 +1 @@
+{"name":"SquareLine_Project.spj","depth":1,"width":320,"height":240,"rotation":90,"offset_x":0,"offset_y":0,"shape":"RECTANGLE","multilang":"DISABLE","description":"","board":"VS Code with SDL for development on PC","board_version":"v1.0.1","editor_version":"1.3.2","image":"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","force_export_images":false,"flat_export":false,"pointfilter":false,"theme_simplified":false,"theme_dark":false,"theme_color1":5,"theme_color2":0,"exportFolderPath":"C:\\Users\\rzeld\\source\\repos\\esp32-smartdisplay-demo\\src\\ui","projectExportFolderPath":"","backup_cnt":15,"autosave_cnt":0,"lvgl_version":"8.3.6","callfuncsexport":"CPP_FILE","lvgl_include_path":"lvgl.h"}