${seo.title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_63":147,"_16":-7,"_148":-5,"_17":149,"_150":151,"_29":152,"_21":153,"_23":154,"_71":-5,"_155":-5,"_156":-5,"_157":35,"_158":159,"_160":35,"_161":-5,"_162":-5,"_163":164},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":-5,"_28":-5,"_29":30,"_31":-7,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":35},"handle","jdan","name","myspaceHtml","branchName","version","project",{"_40":93,"_13":14,"_52":94,"_95":-5,"_96":51,"_97":98,"_99":98,"_100":-5,"_101":-5,"_102":103,"_104":-5,"_105":51,"_106":-5,"_107":-5,"_108":70,"_109":110,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":116,"_124":125,"_126":127,"_128":129,"_130":35},"tags",[],"counts",{"_83":70,"_84":68,"_85":70,"_86":87,"_88":89},"contents",[77,78],"readme",{"_40":65,"_13":66,"_43":67,"_45":-5,"_46":47,"_48":68,"_50":51,"_52":75,"_16":70,"_55":71,"_57":72,"_59":35,"_60":-5,"_63":76},"upstream","pull","files",[38,39],"preview","ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",{"_40":65,"_13":66,"_43":67,"_45":-5,"_46":47,"_48":68,"_50":51,"_52":69,"_16":70,"_55":71,"_57":72,"_59":35,"_60":-5,"_61":73,"_63":74},{"_40":41,"_13":42,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_16":54,"_55":56,"_57":58,"_59":35,"_60":-5,"_61":62,"_63":64},"id","682d8550-27a8-11f0-9edc-569c3dd06744","main.tsx","fileId","66f2e31a-27a8-11f0-9edc-569c3dd06744","parentId","branchId","66f06194-27a8-11f0-9edc-569c3dd06744","branchVersion",59,"latest",true,"createdAt",["D",1714306863056],58,"fileType","script","content","import { myspaceCSS } from \"https://esm.town/v/jdan/myspaceCSS\";\n\ninterface MyspaceProfileArgs {\n displayName: string;\n info: {\n imageUrl: string;\n allImagesUrl?: string;\n status: string;\n gender?: string;\n age: number;\n location: string[];\n lastLogin: string;\n };\n contact: {\n sendMessage: string;\n forwardToFriend: string;\n addToFriends: string;\n addToFavorites: string;\n };\n links: { url: string; text: string }[];\n interests: {\n general?: string;\n music?: string;\n movies?: string;\n television?: string;\n books?: string;\n heroes?: string;\n };\n details: {\n status?: string;\n hereFor?: string;\n hometown?: string;\n sign?: string;\n smokeDrink?: string;\n occupation?: string;\n };\n schools: {\n details: string[];\n start: string;\n end: string;\n }[];\n blog: {\n allPostsUrl?: string;\n posts: { title: string; url: string }[];\n };\n blurbs: {\n aboutMe: string;\n whoIdLikeToMeet: string;\n };\n top8: {\n allFriendsUrl?: string;\n friends: Friend[];\n };\n comments: {\n friend: Friend;\n timestamp: string;\n content: string;\n }[];\n seo: {\n title: string;\n description?: string;\n iconUrl?: string;\n };\n}\n\ninterface Friend {\n name: string;\n url: string;\n imageUrl: string;\n}\n\nexport function myspaceHtml(\n {\n displayName,\n links,\n info,\n contact,\n interests,\n details,\n schools,\n blog,\n blurbs,\n top8,\n comments,\n seo,\n }: MyspaceProfileArgs,\n) {\n const css = myspaceCSS();\n\n return `\n \n\n\n\t${seo.title}\n\t${seo.description ? `` : \"\"}\n\t${seo.iconUrl ? `` : \"\"}\n\t\n\t\n\t\n\t\n\n\n\n\n\n\n\n

\n\n

\n\t\n\t\t\n\t\t\t\n\t

\n\n\n

\n\n\t\n\t\t\n\t\n

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

\n ${\n links.map(({ url, text }) => ``).join(\" | \\n\")\n }\n\t\t\t\t\t

\n\t\t

\n\n\t\n\t\t\n\t\t\t\n\t \t\t\n \n \n ${comments.map(commentHtml).join(\"\")}\n \n

$\"\"$

\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n \n \n \n \n \n \n

\n\n\n\n\n\n\t\n\t\t\n\t\n\t\n

${displayName}

\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t${\n info.allImagesUrl\n ? `\n\t\t\t\n\t\t`\n : \"\"\n }\n\t

\n\n\t\t\t\t\t $\"A$ \n\n\t\t\t	$\"\"$	\n\n\t\t\t\t\"${info.status}\"\n\n\t\t\t\t \n\t\t\t\t${info.gender ? info.gender + \" \" : \"\"}\n ${info.age} years old \n ${info.location.join(\" \")}\n\t\t\t\t \n\n\t\t\t\t\t \n\n\t\t\t\t Last Login: ${info.lastLogin} \n\t\t\t
View more pics

\n
\n\n\n\n\t\n\t\n\t\n

Contacting ${displayName}

\n\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t

$\"\"$
\n \t\t\t\t $\"Send$ \n\t\t\t\t	$\"\"$	\n\t\t\t\t\t $\"Forward$ \n\t\t\t\t
$\"\"$
\n\t\t\t\t\t $\"Add$ \n\t\t\t\t	$\"\"$	\n\t\t\t\t\t $\"Add$
$\"\"$
$\"\"$

\n\t\t

\n
\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t

\n\t\t\t\t ${displayName}'s Interests\n\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\t\t\t\n ${\n interests.general\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.music\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.movies\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.television\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.books\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.heroes\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\t\t\t\t\t\t\n\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\tGeneral\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.general}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tMusic\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.music}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tMovies\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.movies}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tTelevision\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.television}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tBooks\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.books}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tHeroes\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.heroes}\n\t\t\t\t\t\t\t\t

\n\t\t\t

\n\t
\n\n\n\t\n\t\t\n\t\n\t\n\t\t\n\t\n

\n\t\t\t ${displayName}'s Details\n\t\t

\n\t\t\t\n\n\t\t\t\t\t\n\n ${\n details.status\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n \t\t\t\t${\n details.hereFor\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.hometown\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.sign\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.smokeDrink\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.occupation\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n\t\t\t

Status:	\n\t\t\t\t\t\t\t${details.status}\n\t\t\t\t\t\t
Here for:	\n\t\t\t\t\t\t\t${details.hereFor}\n\t\t\t\t\t\t
Hometown:	\n\t\t\t\t\t\t\t${details.hometown}\n\t\t\t\t\t\t
Sign:	\n\t\t\t\t\t\t\t${details.sign}\n\t\t\t\t\t\t
Smoke / Drink:	\n\t\t\t\t\t\t\t${details.smokeDrink}\n\t\t\t\t\t\t
Occupation:	\n\t\t\t\t\t\t\t${details.occupation}\n\t\t\t\t\t\t

\n\t\t

\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t

\n\t\t\t\t ${displayName}'s Schools\n\t\t\t

\n\t\t\t\n\t\t\t\t\n ${\n schools.map(({ details, start, end }) => `\n \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n `).join(\"\")\n }\n\t\t\t\t\n\t\t\t

\n ${details.join(\"
\")}\n\t\t\t\t\t\t

\n From ${start} to ${end}\n

\n\t\t

\n\t
\n\n\n\n\n\t\t\t\t\t\t

$\"\"$

\n\t\t\t\t\t\t
\n\n\n\n\n\t\n

${displayName} is in your extended network

\n\n\n\n\n\n\n\t\n\t\t\n\t\t\t\n\t\t\n\n ${\n blog.posts.map(({ title, url }) => `\n \n\t\t\t\t\n\t\t\t\n `).join(\"\")\n }\n\t

${displayName}'s Latest Blog Entry \n ${blog.allPostsUrl ? `[See all posts]` : \"\"}\n

\n\t\t\t\t\t${title}\n\t\t\t\t\t(view more)\n\t\t\t\t\t

\n\t\t\t\t

\n\n\n\n\n\n\n\n\t\n\t\t\n\t\n\t\n

Jordan's Blurbs

\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t

\n\t\t\t\t\tAbout me:
\n\t\t\t\t\t${blurbs.aboutMe}\n\t\t\t\t

\n\t\t\t\t\tWho I'd like to meet:
\n\t\t\t\t\t${blurbs.whoIdLikeToMeet}\n\t\t\t\t

\n\t

\n\n\n\n\n\n\t\n\t\t\n\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

${displayName}'s Top 8

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n ${\n top8.allFriendsUrl\n ? `\n \t\t\t\t\t\n \t\t\t\t`\n : \"\"\n }\n\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t\n ${top8FriendsHtml(top8.friends)}\n\t\t\t\t\t

\n\t\t\t\t

View All of ${displayName}'s Friends

\n\t\t

\n\n\n\n

\n \n

\n ${displayName}'s Friends Comments\n

\n\n \n

\n \n

\n \n \n \n \n \n \n \n\n\t\n

\n\n\n\n\n

\n\n

\n\n\n\n\n\n `;\n}\n\nfunction top8FriendsHtml(friends: Friend[]) {\n // Divide friends into groups of at most four\n const friendRows = [];\n for (let i = 0; i < friends.length; i += 4) {\n const row = [];\n if (friends[i]) row.push(friends[i]);\n if (friends[i + 1]) row.push(friends[i + 1]);\n if (friends[i + 2]) row.push(friends[i + 2]);\n if (friends[i + 3]) row.push(friends[i + 3]);\n friendRows.push(row);\n }\n\n return friendRows.map((friends) => {\n return `\n ${\n friends.map(({ name, url, imageUrl }) => `\n \n \n \n \n

${name}

$\"a$

\n \n `).join(\"\")\n }\n `;\n }).join(\"\");\n}\n\nfunction commentHtml(comment: {\n friend: Friend;\n timestamp: string;\n content: string;\n}) {\n const { friend, timestamp, content } = comment;\n\n return `\n \n \n ${friend.name}\n

\n \n

\n \n \n ${timestamp}

${content}\n \n \n `;\n}","deleted","label","children",[],"path",[42],"66f2fe54-27a8-11f0-9edc-569c3dd06744","README.md","66f2fee0-27a8-11f0-9edc-569c3dd06744",1,["D",1714232223525],0,"file","Migrated from folder: myspace/myspaceHtml",[],[66],["D",1714232223525],[66],{"_40":65,"_13":66,"_43":67,"_45":-5,"_46":47,"_48":68,"_50":51,"_52":81,"_16":70,"_55":71,"_57":72,"_59":35,"_60":-5,"_63":82},{"_40":41,"_13":42,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":79,"_16":54,"_55":56,"_57":58,"_59":35,"_60":-5,"_63":80},["D",1714306863056],[42],["D",1714232223525],[66],"pulls","branches","forks","envVars",{"_90":70,"_92":70},"connections",{"_90":70,"_91":70},"count","unfilledCount","emptyCount","66f01770-27a8-11f0-9edc-569c3dd06744",["D",1746226468346],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","d402a971-ec8f-4d0e-89f0-ffd768759076","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","2e4d6945-83a3-4492-bb59-6be6cab8dce3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_146":142},"org",{"_11":12,"_140":-5,"_141":142,"_102":103,"_143":144,"_145":35},"branch",{"_16":49,"_13":131,"_40":47,"_132":93,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsV0d2bDdqQTdBMGNpY2REV082Q0daSDRlcCJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_40":93,"_13":14,"_52":177,"_95":-5,"_96":51,"_97":98,"_99":98,"_100":-5,"_101":-5,"_102":103,"_104":-5,"_105":51,"_106":-5,"_107":-5,"_108":70,"_109":110,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":116,"_124":178,"_126":179,"_128":180,"_130":35},"tree",[171,172],[171,172],{"_83":70,"_84":68,"_85":70,"_86":169,"_88":170},[165,166],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":65,"_13":66,"_43":67,"_45":-5,"_46":47,"_48":68,"_50":51,"_52":81,"_16":70,"_55":71,"_57":72,"_59":35,"_60":-5,"_63":168},{"_40":41,"_13":42,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":79,"_16":54,"_55":56,"_57":58,"_59":35,"_60":-5,"_63":167},[42],[66],{"_90":70,"_92":70},{"_90":70,"_91":70},{"_40":65,"_13":66,"_43":67,"_45":-5,"_46":47,"_48":68,"_50":51,"_52":69,"_16":70,"_55":71,"_57":72,"_59":35,"_60":-5,"_61":175,"_63":176},{"_40":41,"_13":42,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_16":54,"_55":56,"_57":58,"_59":35,"_60":-5,"_61":173,"_63":174},[],[42],[],[66],["D",1746226468346],{"_11":12,"_146":142},{"_11":12,"_140":-5,"_141":142,"_102":103,"_143":144,"_145":35},{"_16":49,"_13":131,"_40":47,"_132":93,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"ctx",{"_124":-5,"_162":214,"_215":216,"_217":218,"_219":35,"_220":35,"_221":35,"_222":51,"_223":-5,"_224":-7,"_225":-7,"_226":70,"_227":35,"_228":35,"_229":-5,"_230":35,"_231":35,"_232":35,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":131,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]