sam/Hyperia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improving the 3 apps

Browse Source
This commit is contained in:
metacryst
2025-11-07 20:14:38 -06:00
parent cb526b5ec0
commit e17efce338
13 changed files with 364 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ui/site/components/Home.js
View File

@@ -8,10 +8,10 @@ class Home extends Shadow {
render() {
ZStack(() => {
img("_/icons/logo.svg", "3.5em")
img("_/icons/logo.svg", "2.5em")
.position("fixed")
.left("3em")
.top("2em")
.top("3vh")
.zIndex(3)
// .onClick(() => {
// window.navigateTo("/")
@@ -32,9 +32,9 @@ class Home extends Shadow {
AppWindow()
AppMenu()
break
case "/app/forum":
AppWindow("Forum")
AppMenu("Forum")
case "/app/jobs":
AppWindow("Jobs")
AppMenu("Jobs")
break;
case "/app/messages":
AppWindow("Messages")
@@ -55,20 +55,17 @@ class Home extends Shadow {
a("/signout", "Sign Out")
.position("fixed")
.top("3em")
.top("5vh")
.right("2em")
.background("transparent")
.border(window.location.pathname === "/" ? "1px solid var(--tan)" : "1px solid var(--accent)")
.border(window.location.pathname === "/" ? "1px solid var(--tan)" : "1px solid var(--periwinkle)")
.color(window.location.pathname === "/" ? "var(--tan)" : "var(--accent)")
.borderRadius(5, px)
.onHover(function (hovering) {
console.log('hovering', hovering, this)
if(hovering) {
this.style.background = "var(--tan)"
this.style.color = "black"
this.style.background = "var(--green)"
} else {
this.style.background = ""
this.style.color = window.location.pathname === "/" ? "var(--tan)" : "var(--accent)"
}
})
.onNavigate(function () {
@@ -77,7 +74,7 @@ class Home extends Shadow {
this.style.border = "1px solid var(--tan)"
this.style.color = "var(--tan)"
} else {
this.style.border = "1px solid var(--accent)"
this.style.border = "1px solid var(--periwinkle)"
this.style.color = "var(--accent)"
}
})
@@ -85,4 +82,4 @@ class Home extends Shadow {
}
}
registerShadow(Home)
register(Home)