login working

ui/desktop/components/AppMenu.js

@@ -1,133 +0,0 @@
-css(`
-    app-menu {
-        color: var(--tan);
-        transform: translateX(-50%);
-        transition: transform .3s;
-        display: flex; gap: 2em; position: fixed; left: 50vw; bottom: 2em;
-    }
-
-    app-menu.minimized {
-        color: var(--accent);
-        transform: translate(-50%, 65%);
-        border: 0.2px solid var(--accent);
-        padding-top: 0.5em;
-        padding-left: 2em; 
-        padding-right: 2em;
-        padding-bottom: 4em;
-        bottom: 1em;
-        border-radius: 12px;
-    }
-    
-    app-menu p {
-        cursor: default;
-        transition: transform .3s, text-decoration .3s;
-        padding: 0.5em;
-        border-radius: 5px;
-        text-underline-offset: 5px;
-    }
-    app-menu p:hover {
-        text-decoration: underline;
-        transform: translateY(-5%)
-    }
-    app-menu p.touched {
-        text-decoration: underline;
-        transform: translateY(0%)
-    }
-    app-menu p.selected {
-        text-decoration: underline;
-        transform: translateY(-10%)
-    }
-
-    #divider.minimized {
-        display: none;
-    }
-`)
-
-register(
-    
-class AppMenu extends Shadow {
-    selected;
-
-    constructor(selected) {
-        super()
-        this.selected = selected
-    }
-
-    render() {
-        VStack(() => {
-            HStack(() => {
-                p("Forum")
-                p("Messages")
-                p("Market")
-                p("Jobs")
-            })
-            .justifyContent("center")
-            .gap(1.5, em)
-            .paddingRight(2, em)
-    
-            img("/_/images/divider.svg", "40vw")
-                .attr({
-                    "id": "divider",
-                })
-        })
-        .gap(0.5, em)
-        .onNavigate(() => {
-            if(window.location.pathname === "/") {
-                this.styleMaximized()
-                $("app-window").close()
-            } else {
-                this.styleMinimized()
-                $("app-window").open(this.selected)
-            }
-        })
-        .onAppear(() => {
-            Array.from(this.querySelectorAll("p")).forEach((el) => {
-                el.addEventListener("mousedown", (e) => {
-                    el.classList.add("touched")
-                })
-            })
-            window.addEventListener("mouseup", (e) => {
-                let target = e.target
-                if(!target.matches("app-menu p")) {
-                    return
-                }
-
-                target.classList.remove("touched")
-
-                if(target.classList.contains("selected")) {
-                    this.selected = ""
-                    window.navigateTo("/")
-                } else {
-                    this.selected = target.innerText
-                    window.navigateTo("/app/" + target.innerText.toLowerCase())
-                }
-            })
-        })
-
-        if(this.selected) {
-            this.styleMinimized()
-        }
-    }
-
-    styleMaximized() {
-        $$("app-menu p").forEach((el) => {
-            el.classList.remove("selected")
-        })
-        this.classList.remove("minimized")
-        $("#divider").style.display = ""
-    }
-
-    styleMinimized() {
-        $$("app-menu p").forEach((el) => {
-            if(el.innerText !== this.selected) {
-                el.classList.remove("selected")
-            } else {
-                el.classList.add("selected")
-            }
-        })
-        this.classList.add("minimized")
-        $("#divider").style.display = "none"
-    }
-}
-
-, "app-menu")

ui/desktop/components/AppWindow.js

@@ -1,54 +0,0 @@
-import "../apps/Forum/Forum.js"
-import "../apps/Tasks/Tasks.js"
-import "../apps/Messages/Messages.js"
-import "../apps/Market/Market.js"
-import "../apps/Jobs/Jobs.js"
-
-class AppWindow extends Shadow {
-    app;
-
-    constructor(app) {
-        super()
-        this.app = app
-    }
-
-    render() {
-        ZStack(() => {
-            switch(this.app) {
-                case "Forum":
-                    Forum()
-                    break;
-                case "Messages":
-                    Messages()
-                    break;
-                case "Market":
-                    Market()
-                    break;
-                case "Jobs":
-                    Jobs()
-                    break;
-            }
-        })
-        .position("fixed")
-        .display(this.app ? 'block' : 'none')
-        .width(100, "vw")
-        .height(100, "vh")
-        .background("#591d10")
-        .x(0)
-        .y(0)
-        // .backgroundImage("/_/images/fabric.png")
-        // .backgroundSize("33vw auto")
-    }
-
-    open(app) {
-        this.app = app
-        this.rerender()
-    }
-
-    close() {
-        this.style.display = "none"
-    }
-
-}
-
-register(AppWindow, "app-window")

ui/desktop/components/Home.js

@@ -1,61 +1,20 @@
-import "./AppWindow.js"
-import "./AppMenu.js"
-import "./ProfileButton.js"
-import "./InputBox.js"
-import "./Sidebar.js"
-    
+import "./LogTable.js"
+
 class Home extends Shadow {
 
     render() {
         ZStack(() => {
-            img("/_/icons/logo.svg", "2.5em")
-                .position("fixed")
-                .left(3, em)
-                .top(3, vh)
-                .zIndex(3)
-                .onClick(() => {
-                    window.navigateTo("/")
-                })
-        
-            div()
-                .width(100, vw)
-                .height(100, vh)
-                .margin(0)
-                .backgroundImage("/_/images/the_return.webp")
-                .backgroundSize("cover")
-                .backgroundPosition("48% 65%")
-                .backgroundRepeat("no-repeat")
 
             switch(window.location.pathname) {
                 case "/":
-                    AppWindow()
-                    AppMenu()
+                    LogTable()
                     break
-                case "/app/jobs":
-                    AppWindow("Jobs")
-                    AppMenu("Jobs")
-                    break;
-                case "/app/messages":
-                    AppWindow("Messages")
-                    AppMenu("Messages")
-                    break;
-                case "/app/market":
-                    AppWindow("Market")
-                    AppMenu("Market")
-                    break;
-                case "/app/forum":
-                    AppWindow("Forum")
-                    AppMenu("Forum")
-                    break;
                 default:
                     throw new Error("Unknown route!")
             }
 
 
             HStack(() => {
-                ProfileButton()
-                    .zIndex(1)
-                    .cursor("default")
     
                 a("/signout", "Sign Out")
                     .background("transparent")

ui/desktop/components/LogTable.js

@@ -0,0 +1,9 @@
+class LogTable extends Shadow {
+    render() {
+        VStack(() => {
+
+        })
+    }
+}
+
+register(LogTable)