${
(() =>
html.input({
id:"name",
type: "text",
placeholder: "Screen Name",
value: user.name,
bind: "user.name"
})
)()
}
${
(() =>
html.p(
"I am over 13 yrs old:",
html.label(
html.input({
name:"ofAge",
type:"radio",
title: "13 Years Old Or Over",
value: false,
checked: user.customData.ofAge==false,
bind: "user.customData.ofAge",
}),"No"),
html.label(
html.input({
name:"ofAge",
type:"radio",
title: "13 Years Old Or Over",
value: true,
checked: user.customData.ofAge==true,
bind: "user.customData.ofAge",
}),"Yes")
)
)()
}
Daily Reminder: ${(() => html.input({name:"reminder",type:"time",value:user.customData.reminder ? user.customData.reminder :'17:00:00',default:"17:00:00",bind:"user.customData.reminder"}))()}
${(() => html.div({style:"position:relative;left:-1ch"},html.toggleSwitch({name:"pushReminder",checked:user.customData.pushReminder,bind:"user.customData.pushReminder"})," Push",html.toggleSwitch({name:"emailReminder",checked:user.customData.emailReminder,bind:"user.customData.emailReminder"})," Email"))()}
Clear Memory Delete Account
Install As App
 Notifications Enabled
You can install on Android, iOS, or Windows.
Preferred AI:
${
(() => {
const ais = [
html.label({title:'Emy is focused on companionship'},html.input({type:"radio",name:"ai",value:"Emy",checked:user.customData.preferredAI==="Emy",bind:"user.customData.preferredAI"}),"Emy"),
user.email.endsWith('.edu') || !user.customData.ofAge ? html.span() : html.label({title:'Woo is focused on spiritual and mystical journey integration'},html.input({type:"radio",name:"ai",value:"Woo",checked:user.customData.preferredAI==="Woo",bind:"user.customData.preferredAI"}),"Woo"),
!location.hostname.endsWith(".dev") ? html.span() : html.label({title:'Gina is focused on companionship'},html.input({type:"radio",name:"ai",value:"Gina",checked:user.customData.preferredAI==="Gina",bind:"user.customData.preferredAI"}),"Gina"),
!location.hostname.endsWith(".dev") ? html.span() : html.label({title:'Lori is focused on companionship'},html.input({type:"radio",name:"ai",value:"Lori",checked:user.customData.preferredAI==="Lori",bind:"user.customData.preferredAI"}),"Lori"),
!location.hostname.endsWith(".dev") ? html.span() : html.label({title:'Diana is focused on companionship'},html.input({type:"radio",name:"ai",value:"Diana",checked:user.customData.preferredAI==="Diana",bind:"user.customData.preferredAI"}),"Diana"),
html.label({style:"display:${user.customData.empathyStudy ? 'normal' : 'none'};"},html.input({type:"radio",name:"ai",value:"ChatGPT",checked:user.customData.preferredAI==="ChatGPT",bind:"user.customData.preferredAI"}),"ChatGPT 4o")
];
return html.span(ais);
})()
}
Preferred Home Page:
${
html.span(
(() => {
return [
html.label(html.input({type:"radio",name:"preferredPage",value:"mesh",checked:user.customData.preferredPage!=="chat",bind:"user.customData.preferredPage"}),"Mesh"),
html.label(html.input({type:"radio",name:"preferredPage",value:"chat",checked:user.customData.preferredPage==="chat",bind:"user.customData.preferredPage"}),"Chat"),
]
})()
)
}
Chat Submit Key:
${
html.span(
(() => {
return [
html.label(html.input({type:"radio",name:"submitShortcut",value:"Ctrl+Enter",checked:user.customData.ui.submitShortcut !== "Enter",bind:"user.customData.ui.submitShortcut"}),"Ctrl+Enter"),
html.label(html.input({type:"radio",name:"submitShortcut",value:"Enter",checked:user.customData.ui.submitShortcut === "Enter",bind:"user.customData.ui.submitShortcut"}),"Enter"),
]
})()
)
}
${(() => html.div({style:"position:relative;left:-1ch"},html.toggleSwitch({name:"darkMode",checked:user.customData.ui.darkMode,bind:"user.customData.ui.darkMode",onclick() { document.body.classList.toggle("dark-mode") }})," Dark Mode"))()}
${(() => html.div({style:"position:relative;left:-1ch"},html.toggleSwitch({name:"displayAvatars",checked:user.customData.ui.displayAvatars !== false,bind:"user.customData.ui.displayAvatars"})," Display Avatars"))()}
${(() => html.div({style:"position:relative;left:-1ch"},html.toggleSwitch({name:"meshRecommendations",checked:user.customData.ui.mesh.recommendations,bind:"user.customData.ui.mesh.recommendations"})," Recommendations on Mesh"))()}
${ (() => html.div({style:"position:relative;left:-1ch"},html.toggleSwitch({name:"empathyStudy",checked:user.customData.empathyStudy,bind:"user.customData.empathyStudy"})," Participate in University Study on AI and Empathy"))()}