@joelios this is brilliant. I look forward to testing it out next week.
There have been a few discussions on Github about the need for a full width view in ERPNext as most desktop monitors are now at least 1920 x 1200. Calendar views would greatly benefit from 100% width as well. It would be better practice to include an additional @media (min-width: 1200px) within the base CSS but your solution is great.
The only thing I did different is that I’m hosting it on Google Cloud and am using port 3000 instead of 80. I then copied the dashboard HTML, put it into an ERPNext webpage and created an icon for the page by modifying desktop.py in config. I called the icon “Sales Dashboard”. I used this for reference: Add desktop icon to link my custom html page
I understand your reasons for wanting to separate it from the codebase. Actually managing to acheive this makes your solution very clever. Unfortunately ERPNext is just a part time hobby for me outside of work hours. I would like to find more time to actually add a global @media (min-width: 1200px) CSS setting to the codebase (and maybe increase the font size a little when greater than 1200px).
@Malcolm_Wilson Very cool . Great to see third party integration like this being implemented by more and more developers. Thanks for sharing the screenshot and info on how to achieve this.