${seo.title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",59,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","66f2e31a-27a8-11f0-9edc-569c3dd06744","name","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

\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\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

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

Diff · v59