Pretty, scalable WWW-Interface

[Schm1tz1]

Do a more pretty, scalable WWW-Interface which looks fine on Phones as well as on a bigger screen

[zcmack]

Once I get this up and running on my Silvia, I can take a look at this. Anything in particular inspiration in mind or just something responsive?

[Schm1tz1]

Hi - very nice, thanks and merry Xmas! No, nothing too special. I just did it in very simple HTML to have it running without additional stuff on the ESP8266 and without additional internet connection. Something responsive and optically nice that looks good on most devices would be perfect. If you have any problems setting up this stuff, please let me know. I also started porting the project to PlatformIO, but due to the busy weeks before Xmas I didn't find any quiet evening to finish the project.

[zcmack]

spent some time looking into this and should be no problem to get up and running. i originally looked at react or preact (to save space) but seems like it'd be quite a bit of trouble getting it up and running without changing the web server used. for instance this project aWOT seems like it would fit the bill, but requires using a different web server to handle serving an application css/js/html bundle, so the ability to remotely upload firmware would be lost or require some other significant changes to get working again. I'm not too familiar with platform IO -- would this add remote deployment capabilities in some way? not a huge deal, but the react/preact experience is definitely top tier and very widely compatible.

that being said -- i started adding style and responsiveness with this library - materialize which can be downloaded from a CDN on load. i'm taking the approach of "one big html file" with javascript at the top where i'm handling events on the UI and using the fetch API to prevent page reloading on data update and settings changes. this assumes all users are using a fetch compatible browser, but i'm feeling pretty safe making that assumption. i'm refactoring much of web.ino to behave more like a REST API (changing settings on the backend and replying via JSON) which should be a whole lot less string concatenation to deal with.

finally -- i have to ask if you had this working as it stands on master. i couldn't get the arduino IDE or VS code w/ arduino extension to build the codebase without adding header files. it was not too much of a problem but just something i thought i'd mention. i'm building for a NodeMCU 1.0 ESP-12E.