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

Styling

Browse Source
This commit is contained in:
metacryst
2025-11-24 01:29:20 -06:00
parent 6299e80268
commit fd08d13bee
5 changed files with 49 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/public/pages/Home.js
View File

@@ -26,20 +26,24 @@ class Home extends Shadow {
case "/":
img("/_/images/knight.png", "29vmax")
.position("absolute")
.left(50, vw).top(50, vh)
.left(50, vw).top(isMobile() ? 50 : 53, vh)
.center()
p("H   Y   P   E   R   I   A")
.x(50, vw).y(50, vh)
p("H   Y   P   E   R   I   A  ")
.x(50, vw).y(isMobile() ? 50 : 53, vh)
.textAlign("center")
.center()
.color("var(--gold)")
.fontSize(5, vw)
.fontSize(isMobile() ? 6 : 5, vw)
.maxWidth(isMobile() ? 0.8 : 100, em)
p("A CLASSICAL CHRISTIAN ASSOCIATION")
.x(50, vw).yBottom(3, vh)
let text = "A Classical Christian Association"
p(isMobile() ? text : text.toUpperCase())
.x(50, vw).yBottom(isMobile() ? 1 : 3, vh)
.center()
.letterSpacing(0.3, em)
.width(100, vw)
.width(isMobile() ? 80 : 100, vw)
.fontSize(isMobile() ? 0.8 : 1, em)
.textAlign("center")
break;
case "/why":

3
ui/public/pages/SIgnIn.js
View File

@@ -17,11 +17,14 @@ class SignIn extends Shadow {
form(() => {
input("Email")
.attr({name: "email", type: "email"})
.margin(1, em)
.styles(this.inputStyles)
input("Password")
.attr({name: "password", type: "password"})
.margin(1, em)
.styles(this.inputStyles)
button("Submit")
.margin(1, em)
})
.attr({action: "/login", method: "POST"})
.x(50, vw).y(50, vh)

5
ui/public/pages/Why.js
View File

@@ -12,8 +12,9 @@ class Why extends Shadow {
<br><br> -- Sam Russell, Founder
`)
.x(50, vw).y(55, vh)
.center()
.marginTop(window.isMobile() ? 20 : 30, vh)
.marginHorizontal(window.isMobile() ? 10 : 20, vw)
.marginBottom(20, vh)
}
}