Implement initial theme editor support for any screen resolution via config mathoudebine#648

Adds OPTIONAL new environment variable; SIM_RESOLUTION
which if set should be AAAxBBB where AAA is horizontal resolution
and BBB us vertical resolution.

Windows example:

    set SIM_RESOLUTION=320x240

Linux shell example:

    export SIM_RESOLUTION=320x240

Includes a sample clock that expects 320x240 resolution.

Author: clach04

library/display.py

@@ -67,6 +67,11 @@ def __init__(self):
         elif config.CONFIG_DATA["display"]["REVISION"] == "D":
             self.lcd = LcdCommRevD(com_port=config.CONFIG_DATA['config']['COM_PORT'],
                                    update_queue=config.update_queue)
+        elif config.CONFIG_DATA["display"]["REVISION"].startswith("SIMU_"):
+            res_str = config.CONFIG_DATA["display"]["REVISION"][len("SIMU_"):]
+            display_width, display_height = map(int, res_str.split('x'))
+            self.lcd = LcdSimulated(display_width=display_height,  # NOTE these seem to be reversed
+                        display_height=display_width)
         elif config.CONFIG_DATA["display"]["REVISION"] == "SIMU":
             self.lcd = LcdSimulated(display_width=320,
                                     display_height=480)

res/themes/BigClock_320x240/background.png

@@ -0,0 +1,46 @@
+---
+author: "@ChrisClark"
+
+display:
+  DISPLAY_ORIENTATION: landscape
+  DISPLAY_RGB_LED: 255, 0, 0
+
+static_images:
+  BACKGROUND:
+    PATH: background.png
+    X: 0
+    Y: 0
+    WIDTH: 320
+    HEIGHT: 240
+
+STATS:
+  DATE:
+    INTERVAL: 1
+    DAY:
+      TEXT:
+        # Centered
+        SHOW: True
+        X: 1
+        Y: 10
+        FONT: roboto/Roboto-Bold.ttf
+        FONT_SIZE: 60
+        FONT_COLOR: 200, 200, 200
+        BACKGROUND_COLOR: 0, 0, 0
+        WIDTH: 320
+        ANCHOR: mm
+    HOUR:
+      TEXT:
+        # Centered
+        SHOW: True
+        # https://babel.pocoo.org/en/latest/api/dates.html  full, long, medium, or short, or a custom date/time pattern
+        #FORMAT: medium
+        #FORMAT: short
+        FORMAT: HH:mm
+        X: 1
+        Y: 130
+        FONT: roboto/Roboto-BoldItalic.ttf
+        FONT_SIZE: 60
+        FONT_COLOR: 200, 200, 200
+        BACKGROUND_COLOR: 50, 0, 0
+        WIDTH: 320
+        ANCHOR: mm

res/themes/BigClock_320x240/preview.png

@@ -76,10 +76,14 @@
 config.load_theme()
 
 # For theme editor, always use simulated LCD
-if config.THEME_DATA["display"].get("DISPLAY_SIZE", '3.5"') == '5"':
-    config.CONFIG_DATA["display"]["REVISION"] = "SIMU5"
+SIM_RESOLUTION = os.environ.get('SIM_RESOLUTION')
+if SIM_RESOLUTION:
+    config.CONFIG_DATA["display"]["REVISION"] = "SIMU_" + SIM_RESOLUTION
 else:
-    config.CONFIG_DATA["display"]["REVISION"] = "SIMU"
+    if config.THEME_DATA["display"].get("DISPLAY_SIZE", '3.5"') == '5"':
+        config.CONFIG_DATA["display"]["REVISION"] = "SIMU5"
+    else:
+        config.CONFIG_DATA["display"]["REVISION"] = "SIMU"
 
 from library.display import display  # Only import display after hardcoded config is set