adding quill logo for public pages
This commit is contained in:
@@ -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)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user