adding quill logo for public pages

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

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)
}
}