Files
Hyperia/ui/site/components/Home.js
2025-10-29 00:06:59 -05:00

53 lines
1.3 KiB
JavaScript

import "./AppWindow.js"
import "./AppMenu.js"
import "./ProfileButton.js"
import "./InputBox.js"
import "./Sidebar.js"
css(`
#divider.minimized {
display: none;
}
`)
class Home extends Shadow {
render() {
ZStack(() => {
div()
.width(100, vw)
.height(100, vh)
.margin("0px")
.backgroundImage("url('_/images/the_return.webp')")
.backgroundSize("cover")
.backgroundPosition("48% 65%")
.backgroundRepeat("no-repeat")
AppWindow()
ProfileButton()
.zIndex(1)
.cursor("default")
.position("fixed")
.top("5.5vh")
.right("4.5vw")
img("_/icons/logo.svg", "3.5em")
.position("fixed")
.left("3em")
.top("2em")
AppMenu()
img("_/images/divider.svg", "40vw")
.attr({"id": "divider"})
.position("fixed")
.bottom("2em")
.left("50vw")
.transform("translateX(-50%)")
})
}
}
registerShadow(Home)