diff --git a/db/db.json b/db/db.json index 42935be..15f58aa 100644 --- a/db/db.json +++ b/db/db.json @@ -374,6 +374,20 @@ "from": "MEMBER-1", "text": "What's up?", "time": "11.25.2025-6:43:280160pm" + }, + "DM-2": { + "time": "11.26.2025-12:12:590659am", + "from": "MEMBER-2", + "conversation": "CONVERSATION-1", + "text": "Nothin much, you?", + "id": 2 + }, + "DM-3": { + "time": "11.26.2025-12:13:180437am", + "from": "MEMBER-1", + "conversation": "CONVERSATION-1", + "text": "Just grindin it out", + "id": 3 } }, "edges": {} diff --git a/ui/_/icons/place/austin.svg b/ui/_/icons/place/austin.svg new file mode 100644 index 0000000..cb03ee2 --- /dev/null +++ b/ui/_/icons/place/austin.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/ui/site/apps/Forum/Forum.js b/ui/site/apps/Forum/Forum.js index 8556c79..0a26881 100644 --- a/ui/site/apps/Forum/Forum.js +++ b/ui/site/apps/Forum/Forum.js @@ -26,24 +26,44 @@ css(` class Forum extends Shadow { + selectedForum = "HY" + render() { ZStack(() => { HStack(() => { VStack(() => { - p("Hyperia") - .background("var(--darkbrown)") - .textAlign("center") - .paddingVertical(0.5, em) - .width(20, vh) - .marginTop(0) - .marginBottom(1, em) - .marginLeft(0.4, em) + img("/_/icons/logo.svg", "2em") + .padding(0.8, em) + .borderRadius(12, px) + .marginHorizontal(1, em) + .onHover(function (hovering) { + if(hovering) { + this.style.background = "var(--darkbrown)" + } else { + this.style.background = "" + } + }) + .opacity(0) + + img("/_/icons/place/austin.svg", "2em") + .padding(0.8, em) + .borderRadius(12, px) + .marginHorizontal(1, em) + .onHover(function (hovering) { + if(hovering) { + this.style.background = "var(--darkbrown)" + } else { + this.style.background = "" + } + }) + .opacity(0) + }) .height(100, vh) - .paddingLeft(1, em) - .paddingRight(1, em) - .gap(0, em) - .marginTop(13, vh) + .paddingLeft(2, em) + .paddingRight(2, em) + .gap(1, em) + .marginTop(20, vh) VStack(() => {