Pubilc site basically complete, apps are reasonable but could be better looking

ui/site/components/AppMenu.js

@@ -16,7 +16,7 @@ css(`
         padding-bottom: 4em;
         bottom: 1em;
         border-radius: 12px;
-        background-color: var(--main);
+        background-color: var(--green);
     }
     
     app-menu p {

ui/site/components/AppWindow.js

@@ -35,7 +35,8 @@ class AppWindow extends Shadow {
         .display(this.app ? '' : 'none')
         .width(100, "vw")
         .height(100, "vh")
-        .backgroundColor("var(--main)")
+        .backgroundImage("/_/images/fabric.png")
+        .backgroundSize("33vw auto")
         .position("fixed")
         .top(0)
         .left(0)

ui/site/components/Home.js

@@ -10,8 +10,8 @@ class Home extends Shadow {
         ZStack(() => {
             img("/_/icons/logo.svg", "2.5em")
                 .position("fixed")
-                .left("3em")
-                .top("3vh")
+                .left(3, em)
+                .top(3, vh)
                 .zIndex(3)
                 .onClick(() => {
                     window.navigateTo("/")
@@ -59,13 +59,13 @@ class Home extends Shadow {
                 .zIndex(1)
                 .cursor("default")
                 .position("fixed")
-                .top("5.5vh")
-                .right("4.5vw")
+                .top(5.5, vh)
+                .right(4.5, vw)
 
             a("/signout", "Sign Out")
                 .position("fixed")
-                .top("5vh")
-                .right("2em")
+                .top(5, vh)
+                .right(2, em)
                 .background("transparent")
                 .border(window.location.pathname === "/" ? "1px solid var(--tan)" : "1px solid var(--accent2)")
                 .color(window.location.pathname === "/" ? "var(--tan)" : "var(--accent)")