sam/frm.so
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding quill logo for public pages

Browse Source
This commit is contained in:
metacryst
2026-01-14 09:18:34 -06:00
parent 237bbfedd4
commit e81d9e6584
5 changed files with 50 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,11 +8,11 @@ class Home extends Shadow {
MainContent() {
return VStack(() => {
HStack(() => {
img("/_/icons/quill.svg", "6em")
img("/_/icons/quill.svg", "6vmax")
p("PARCHMENT")
.fontFamily("Nabla")
.fontSize(6.5, em)
.fontSize(6, vmax)
.marginLeft(1, rem)
.color("var(--accent)")
})

12
ui/public/pages/SignIn.js
View File

@@ -8,11 +8,13 @@ class SignIn extends Shadow {
render() {
ZStack(() => {
if(window.location.search.includes("new")) {
p("Welcome to Hyperia! You may now log in.")
.x(50, vw).y(40, vh)
.center()
}
img("/_/icons/quill.svg", "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)
.onClick((done) => {
window.navigateTo("/")
})
form(() => {
input("Email")

55
ui/public/pages/SignUp.js
View File

@@ -1,30 +1,41 @@
class SignUp extends Shadow {
render() {
VStack(() => {
h2("$50 / Month Subscription")
.color("var(--quillred)")
p(" - Access to Parchment Online and Parchment Desktop")
p(" - Ability to Create Networks")
p(" - Up to 5GB Storage Space")
button("Buy")
.color("var(--quillred")
.border("1px solid var(--quillred)")
.marginLeft("auto")
.fontSize(1.1, em)
.onClick(async function() {
this.innerText = "Loading..."
const res = await fetch("/create-checkout-session", { method: "POST" });
const data = await res.json();
window.location = data.url;
ZStack(() => {
img("/_/icons/quill.svg", "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)
.onClick((done) => {
window.navigateTo("/")
})
.marginTop(2, em)
VStack(() => {
h2("$50 / Month Subscription")
.color("var(--quillred)")
p(" - Access to Parchment Online and Parchment Desktop")
p(" - Ability to Create Networks")
p(" - Up to 5GB Storage Space")
button("Buy")
.color("var(--quillred")
.border("1px solid var(--quillred)")
.marginLeft("auto")
.fontSize(1.1, em)
.onClick(async function() {
this.innerText = "Loading..."
const res = await fetch("/create-checkout-session", { method: "POST" });
const data = await res.json();
window.location = data.url;
})
.marginTop(2, em)
})
.x(50, vw).y(50, vh).center()
.border("1px solid var(--red)")
.padding(1, em)
})
.x(50, vw).y(50, vh).center()
.border("1px solid var(--red)")
.padding(1, em)
}
}

8
ui/public/pages/SignupForm.js
View File

@@ -11,6 +11,14 @@ class SignupForm extends Shadow {
render() {
ZStack(() => {
img("/_/icons/quill.svg", "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)
.onClick((done) => {
window.navigateTo("/")
})
form(() => {
VStack(() => {