responsive app menu

ui/site/components/Home.js

@@ -3,12 +3,6 @@ import "./AppMenu.js"
 import "./ProfileButton.js"
 import "./InputBox.js"
 import "./Sidebar.js"
-
-css(`
-    #divider.minimized {
-        display: none;
-    }
-`)
     
 class Home extends Shadow {
 
@@ -23,7 +17,24 @@ class Home extends Shadow {
                 .backgroundPosition("48% 65%")
                 .backgroundRepeat("no-repeat")
 
-                AppWindow()
+                switch(window.location.pathname) {
+                    case "/":
+                        AppWindow()
+                        AppMenu()
+                        break
+                    case "/app/forum":
+                        AppWindow("Forum")
+                        AppMenu("Forum")
+                        break;
+                    case "/app/messages":
+                        AppWindow("Messages")
+                        AppMenu("Messages")
+                        break;
+                    case "/app/market":
+                        AppWindow("Market")
+                        AppMenu("Market")
+                        break;
+                }
 
                 ProfileButton()
                     .zIndex(1)
@@ -44,15 +55,6 @@ class Home extends Shadow {
                     .background("var(--tan)")
                     .color("var(--red)")
                     .borderRadius(5, px)
-
-                AppMenu()
-
-                img("_/images/divider.svg", "40vw")
-                    .attr({"id": "divider"})
-                    .position("fixed")
-                    .bottom("2em")
-                    .left("50vw")
-                    .transform("translateX(-50%)")
         })
 
     }