baratomott's Page Revisions

The following are all of baratomott's page revisions, ordered from most to least recent.

Page
Version/Date
Type
Information
#460 28 June 2023, 17:31:27 EDT
Page Updated
Length: 7653 (+466) -
{"data":{"description":null,"Nickname":"Taro","Alias":null,"Age":"43","Birthday":"July 10th","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"Japanese","Race":"Asian","Occupation":"Crime Boss","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Arrogant, Proud, Leader<\/p>\r\n<p>Kentaro comes off as an older man that has a narrow mindset, coming off crude and arrogant he can be blunt to those around him that can come off as most times offensive. Despite this Personality flaw he is secretly worrisome and looks out for those close to him, be it making food for his employees or making sure their clothed correctly for the harsh weather. Kentaro is loyal and finds decietful means such as blackmail to be dishonorable unlike his younger sister.<\/p>","EarlyLife":"<p>Kentaro was the youngest child from his father's first wife. Being the youngest he was spoiled by hus mother and was taught alot about cooking and other hobbies. he was a little chubby in his youth as well, he started to lose the weight in his preteens. Kentaro always felt he was not favored by his father due to his perfect older siblings, as he tried to keep up with his studies he found he was not as inclined and started to rebel, thus also did not work to get his attention. In his early 20s he found his half sister chitose had begun to be visited by his father more and showed more promise then him. This enraged him as he believed his half siblings shouldn't have been born to begin with as his mother was very lonely without his father around and he noticed and felt betrayed about his father having another family. Regardless he was granted a share of the family and worked alongside his father and brother. He grew even more upset when his sister did as well with the death of their youngest brother chise. They've had a rivalry and a bad relationship since and it worsened with death of their father.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Now owning his own branch of the familys line of work he has accumulated a small group of trained proffesionals to help him with his work. Located in florida with his sister they currently have the same goal, or at least that's what his sister has made him to believe. Regardless he does what he can to do right by his oldest brother.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Recently Kentaro has brought on a new member of the team, a spy by the name of&nbsp;<a href=\"https:\/\/toyhou.se\/20974780.atlas\">Atlas<\/a>&nbsp;that he can't seem to leave alone.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Kentaro is a part of&nbsp;<a href=\"https:\/\/toyhou.se\/~world\/38762.talladega-nights\/characters\">To the N<sup>th<\/sup>&nbsp;Degree<\/a>.<\/li>\r\n<li>Kentaro is&nbsp;<a href=\"https:\/\/toyhou.se\/4602182.chitose-corvette\">Chitoses<\/a>&nbsp;older brother.<\/li>\r\n<li>Likes to throw pizza partys for his coworkers.<\/li>\r\n<li>Inferiority problem concerning those better then him.<\/li>\r\n<li>Owns two cats and enjoys dressing them up.<\/li>\r\n<li>A light weight but is a happy drunk.<\/li>\r\n<\/ul>","Likes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Sweets<\/li>\r\n<li>Cats<\/li>\r\n<li>Cooking<\/li>\r\n<li>Racing<\/li>\r\n<li>Drinking<\/li>\r\n<\/ul>","Dislikes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>His sister.<\/li>\r\n<li>Promiscuous people<\/li>\r\n<li>Liars<\/li>\r\n<li>Losing an argument.<\/li>\r\n<\/ul>","people_name":null,"parsed":{"description":null,"Nickname":"Taro","Alias":null,"Age":"43","Birthday":"July 10th","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"Japanese","Race":"Asian","Occupation":"Crime Boss","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Arrogant, Proud, Leader<\/p>\r\n<p>Kentaro comes off as an older man that has a narrow mindset, coming off crude and arrogant he can be blunt to those around him that can come off as most times offensive. Despite this Personality flaw he is secretly worrisome and looks out for those close to him, be it making food for his employees or making sure their clothed correctly for the harsh weather. Kentaro is loyal and finds decietful means such as blackmail to be dishonorable unlike his younger sister.<\/p>","EarlyLife":"<p>Kentaro was the youngest child from his father's first wife. Being the youngest he was spoiled by hus mother and was taught alot about cooking and other hobbies. he was a little chubby in his youth as well, he started to lose the weight in his preteens. Kentaro always felt he was not favored by his father due to his perfect older siblings, as he tried to keep up with his studies he found he was not as inclined and started to rebel, thus also did not work to get his attention. In his early 20s he found his half sister chitose had begun to be visited by his father more and showed more promise then him. This enraged him as he believed his half siblings shouldn't have been born to begin with as his mother was very lonely without his father around and he noticed and felt betrayed about his father having another family. Regardless he was granted a share of the family and worked alongside his father and brother. He grew even more upset when his sister did as well with the death of their youngest brother chise. They've had a rivalry and a bad relationship since and it worsened with death of their father.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Now owning his own branch of the familys line of work he has accumulated a small group of trained proffesionals to help him with his work. Located in florida with his sister they currently have the same goal, or at least that's what his sister has made him to believe. Regardless he does what he can to do right by his oldest brother.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Recently Kentaro has brought on a new member of the team, a spy by the name of&nbsp;<a href=\"https:\/\/toyhou.se\/20974780.atlas\">Atlas<\/a>&nbsp;that he can't seem to leave alone.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Kentaro is a part of&nbsp;<a href=\"https:\/\/toyhou.se\/~world\/38762.talladega-nights\/characters\">To the N<sup>th<\/sup>&nbsp;Degree<\/a>.<\/li>\r\n<li>Kentaro is&nbsp;<a href=\"https:\/\/toyhou.se\/4602182.chitose-corvette\">Chitoses<\/a>&nbsp;older brother.<\/li>\r\n<li>Likes to throw pizza partys for his coworkers.<\/li>\r\n<li>Inferiority problem concerning those better then him.<\/li>\r\n<li>Owns two cats and enjoys dressing them up.<\/li>\r\n<li>A light weight but is a happy drunk.<\/li>\r\n<\/ul>","Likes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Sweets<\/li>\r\n<li>Cats<\/li>\r\n<li>Cooking<\/li>\r\n<li>Racing<\/li>\r\n<li>Drinking<\/li>\r\n<\/ul>","Dislikes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>His sister.<\/li>\r\n<li>Promiscuous people<\/li>\r\n<li>Liars<\/li>\r\n<li>Losing an argument.<\/li>\r\n<\/ul>","people_name":null}},"title":"Kentaro","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Carsona","Context: Supporting Character"]}
#459 28 June 2023, 17:28:59 EDT
Page Updated
Length: 31902 (-76) -
{"data":{"description":null,"Nickname":"Cass","Alias":null,"Age":"22","Birthday":"May 30","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"UK British","Race":"Black","Occupation":"[[12th Street Records| Record Salesman]]","Theme":"<a href=\"URL\">Feels Like I'm Dying<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":"<div class=\"container p-2\"><!--------------------RELATIONSHIP 1-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/99_121_fLZIHYKQkT86Lw1_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Adrien]]<\/strong> . Older Sister<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius admires Adrien's ambitiousness and determination. While Adrien received most of their mother's attention, Cassius has no ill will towards his sister, understanding that their circustmaces are different. He is acutely aware of how manipulative and abusive Adrien can be at times, wishing she would seek therapy, but also rationalizes that it stems from her upbringing and sometimes is too excusing of her actions. He feels guilty about not being much of any help to her health as her savior sibling, and ultimately wishes they were closer.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent euismod quam ac ligula consequat, at fringilla justo blandit. Phasellus nec mollis nisl, ac porttitor metus. Aliquam accumsan, nibh a sagittis iaculis, dui lectus feugiat sem, sit amet vulputate quam dui ac risus. Nunc non suscipit nisi, in hendrerit lectus. Duis eget dignissim ipsum, nec fringilla massa. Mauris hendrerit diam suscipit, porta ex vitae, ultricies ex. Sed metus felis, maximus nec magna a, tincidunt semper urna. Mauris eu risus mattis, accumsan massa vel, vehicula ligula. Nullam eu tellus ac nulla rutrum maximus.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 1----------------------------------------> <!--------------------RELATIONSHIP 2-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/170_197_rwlnNWCGhxdSKUI_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Angel]]<\/strong> . Friend<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met through Adrien. They are very cordial with one another, and from what Cassius has seen, he initially thinks Angel is a good match for Adrien; that his patience with her is commendable. During Adrien and Angel's multiple breakups, Cassius tries to be mediator, but eventually realizes that their dynamic may be somewhat unhealthy. Cassius feels increasingly bad for Angel as their relationship progresses, but doesn't want to overstep his boundaries to advise Angel to leave and put himself first when there's a possibility that Adrien couldn't handle Angel abandoning her.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 2----------------------------------------> <!--------------------RELATIONSHIP 3-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/20_35_Bfkj0ivujSq4hft_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Randall]]<\/strong> . [[Randall and Cassius' Relationship| It's Complicated]] <!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met after Randall was hired at a record shop that Cassius was already employed at. They had a rocky start as coworkers, but Cassius was always nice to Randall despite Randall's nasty attitude. The more they worked together, the more Randall and Cassius developed a fondness for each other, which lead to them dating. But Randall had a lot of personal issues ranging from internalized homophobia and trauma within his past relationships that made him volatile and closed off to others. Cassius tried to help Randall as much as he could, but eventually broke up with Randall, realizing that their relationship was unhealthy. A few years down the road, the two of them bump into each other and Randall, who has made a complete 180, wants to rekindle their relationship.<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<!----------ADD MORE PARAGRAPHS ABOVE HERE-----------------------><\/div>\r\n<!-------------------------Relationship Link---------------------------------------->\r\n<p><strong> Read more about Cassius and [[Randall]]'s relationship here: [[Randall and Cassius' Relationship]]<\/strong><\/p>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 3----------------------------------------> <!--------------------RELATIONSHIP 4-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/29_45_8QHErwR00cAZlGX_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Dominique]]<\/strong> . Acquaintance<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius knows Dominique as one of his sister's exes. He's only met her a hand full of times, but thought she was respectable and mature. He doesn't know much about the type of relationship Dominique and Adrien had, but from what he does know about Dominique's sharp intuition, he's not surprised the two of them didn't last long. When Adrien died, Cassius deeply appreciated Dominique checking in with him and offering to help with any arrangements.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 4----------------------------------------> <!--------------------------ADD MORE RELATIONSHIPS ABOVE THIS DIV----------------> <!--------------------END CONTAINER----------------------------------------><\/div>","DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul>\r\n<li>Is a savior sibling; birthed to treat one of&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>'s illnesses via stem cell transplant.<\/li>\r\n<li>typical gap moe archetype<\/li>\r\n<li>Has a small rescue dog named Snow that Adrein gave him.<\/li>\r\n<li>Has dabbled in spiritualism, but ultimately became an antitheist.<\/li>\r\n<li>Has self esteem issues. Was sheltered as a child, but wasn't his parents' favorite.<\/li>\r\n<li>Works at a small local record shop<\/li>\r\n<li>Does not have a British accent unlike Adrien.<\/li>\r\n<\/ul>","Likes":"<ul>\r\n<li>Puns<\/li>\r\n<li>Death metal, vinyl\/physical music collections<\/li>\r\n<li>Flowers, gardening<\/li>\r\n<li>Anthropology, humanities, arts<\/li>\r\n<\/ul>","Dislikes":"<ul>\r\n<li>Judgemental people<\/li>\r\n<li>Bugs<\/li>\r\n<li>Surprises<\/li>\r\n<li>Socks with sandals<\/li>\r\n<\/ul>","people_name":"Cassius McPherson","parsed":{"description":null,"Nickname":"Cass","Alias":null,"Age":"22","Birthday":"May 30","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"UK British","Race":"Black","Occupation":"<a href=\"https:\/\/tothenthdegree.net\/pages\/55.12th_Street_Records\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Local downtown record shop, houses a variety of music, but most notably known for it's indie and metal collection.\"> Record Salesman<\/a>","Theme":"<a href=\"URL\">Feels Like I'm Dying<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":"<div class=\"container p-2\"><!--------------------RELATIONSHIP 1-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/99_121_fLZIHYKQkT86Lw1_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/10.Adrien\" class=\"text-primary\">Adrien<\/a><\/strong> . Older Sister<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius admires Adrien's ambitiousness and determination. While Adrien received most of their mother's attention, Cassius has no ill will towards his sister, understanding that their circustmaces are different. He is acutely aware of how manipulative and abusive Adrien can be at times, wishing she would seek therapy, but also rationalizes that it stems from her upbringing and sometimes is too excusing of her actions. He feels guilty about not being much of any help to her health as her savior sibling, and ultimately wishes they were closer.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent euismod quam ac ligula consequat, at fringilla justo blandit. Phasellus nec mollis nisl, ac porttitor metus. Aliquam accumsan, nibh a sagittis iaculis, dui lectus feugiat sem, sit amet vulputate quam dui ac risus. Nunc non suscipit nisi, in hendrerit lectus. Duis eget dignissim ipsum, nec fringilla massa. Mauris hendrerit diam suscipit, porta ex vitae, ultricies ex. Sed metus felis, maximus nec magna a, tincidunt semper urna. Mauris eu risus mattis, accumsan massa vel, vehicula ligula. Nullam eu tellus ac nulla rutrum maximus.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 1----------------------------------------> <!--------------------RELATIONSHIP 2-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/170_197_rwlnNWCGhxdSKUI_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/11.Angel\" class=\"text-primary\">Angel<\/a><\/strong> . Friend<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met through Adrien. They are very cordial with one another, and from what Cassius has seen, he initially thinks Angel is a good match for Adrien; that his patience with her is commendable. During Adrien and Angel's multiple breakups, Cassius tries to be mediator, but eventually realizes that their dynamic may be somewhat unhealthy. Cassius feels increasingly bad for Angel as their relationship progresses, but doesn't want to overstep his boundaries to advise Angel to leave and put himself first when there's a possibility that Adrien couldn't handle Angel abandoning her.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 2----------------------------------------> <!--------------------RELATIONSHIP 3-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/20_35_Bfkj0ivujSq4hft_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/26.Randall\" class=\"text-primary\">Randall<\/a><\/strong> . <a href=\"https:\/\/tothenthdegree.net\/pages\/114.Randall_and_Cassius'_Relationship\" class=\"text-primary\"> It's Complicated<\/a> <!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met after Randall was hired at a record shop that Cassius was already employed at. They had a rocky start as coworkers, but Cassius was always nice to Randall despite Randall's nasty attitude. The more they worked together, the more Randall and Cassius developed a fondness for each other, which lead to them dating. But Randall had a lot of personal issues ranging from internalized homophobia and trauma within his past relationships that made him volatile and closed off to others. Cassius tried to help Randall as much as he could, but eventually broke up with Randall, realizing that their relationship was unhealthy. A few years down the road, the two of them bump into each other and Randall, who has made a complete 180, wants to rekindle their relationship.<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<!----------ADD MORE PARAGRAPHS ABOVE HERE-----------------------><\/div>\r\n<!-------------------------Relationship Link---------------------------------------->\r\n<p><strong> Read more about Cassius and <a href=\"https:\/\/tothenthdegree.net\/pages\/26.Randall\" class=\"text-primary\">Randall<\/a>'s relationship here: <a href=\"https:\/\/tothenthdegree.net\/pages\/114.Randall_and_Cassius'_Relationship\" class=\"text-primary\">Randall and Cassius' Relationship<\/a><\/strong><\/p>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 3----------------------------------------> <!--------------------RELATIONSHIP 4-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/29_45_8QHErwR00cAZlGX_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/5.Dominique\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Dominique works as a real estate agent and personal assistant for Skylar's father.\">Dominique<\/a><\/strong> . Acquaintance<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius knows Dominique as one of his sister's exes. He's only met her a hand full of times, but thought she was respectable and mature. He doesn't know much about the type of relationship Dominique and Adrien had, but from what he does know about Dominique's sharp intuition, he's not surprised the two of them didn't last long. When Adrien died, Cassius deeply appreciated Dominique checking in with him and offering to help with any arrangements.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 4----------------------------------------> <!--------------------------ADD MORE RELATIONSHIPS ABOVE THIS DIV----------------> <!--------------------END CONTAINER----------------------------------------><\/div>","DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul>\r\n<li>Is a savior sibling; birthed to treat one of&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>'s illnesses via stem cell transplant.<\/li>\r\n<li>typical gap moe archetype<\/li>\r\n<li>Has a small rescue dog named Snow that Adrein gave him.<\/li>\r\n<li>Has dabbled in spiritualism, but ultimately became an antitheist.<\/li>\r\n<li>Has self esteem issues. Was sheltered as a child, but wasn't his parents' favorite.<\/li>\r\n<li>Works at a small local record shop<\/li>\r\n<li>Does not have a British accent unlike Adrien.<\/li>\r\n<\/ul>","Likes":"<ul>\r\n<li>Puns<\/li>\r\n<li>Death metal, vinyl\/physical music collections<\/li>\r\n<li>Flowers, gardening<\/li>\r\n<li>Anthropology, humanities, arts<\/li>\r\n<\/ul>","Dislikes":"<ul>\r\n<li>Judgemental people<\/li>\r\n<li>Bugs<\/li>\r\n<li>Surprises<\/li>\r\n<li>Socks with sandals<\/li>\r\n<\/ul>","people_name":"Cassius McPherson"},"links":[{"link_id":55},{"link_id":10},{"link_id":11},{"link_id":26},{"link_id":26},{"link_id":114},{"link_id":5},{"link_id":114}]},"title":"Cassius","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Context: Supporting Character"]}
#458 28 June 2023, 17:28:20 EDT
Page Updated
Length: 31978 (+394) -
{"data":{"description":null,"Nickname":"Cass","Alias":null,"Age":"22","Birthday":"May 30","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"UK British","Race":"Black","Occupation":"[[12th Street Records| Record Salesman]]","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DQ2eLRQSbdZ4\">Feels Like I'm Dying<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":"<div class=\"container p-2\"><!--------------------RELATIONSHIP 1-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/99_121_fLZIHYKQkT86Lw1_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Adrien]]<\/strong> . Older Sister<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius admires Adrien's ambitiousness and determination. While Adrien received most of their mother's attention, Cassius has no ill will towards his sister, understanding that their circustmaces are different. He is acutely aware of how manipulative and abusive Adrien can be at times, wishing she would seek therapy, but also rationalizes that it stems from her upbringing and sometimes is too excusing of her actions. He feels guilty about not being much of any help to her health as her savior sibling, and ultimately wishes they were closer.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent euismod quam ac ligula consequat, at fringilla justo blandit. Phasellus nec mollis nisl, ac porttitor metus. Aliquam accumsan, nibh a sagittis iaculis, dui lectus feugiat sem, sit amet vulputate quam dui ac risus. Nunc non suscipit nisi, in hendrerit lectus. Duis eget dignissim ipsum, nec fringilla massa. Mauris hendrerit diam suscipit, porta ex vitae, ultricies ex. Sed metus felis, maximus nec magna a, tincidunt semper urna. Mauris eu risus mattis, accumsan massa vel, vehicula ligula. Nullam eu tellus ac nulla rutrum maximus.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 1----------------------------------------> <!--------------------RELATIONSHIP 2-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/170_197_rwlnNWCGhxdSKUI_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Angel]]<\/strong> . Friend<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met through Adrien. They are very cordial with one another, and from what Cassius has seen, he initially thinks Angel is a good match for Adrien; that his patience with her is commendable. During Adrien and Angel's multiple breakups, Cassius tries to be mediator, but eventually realizes that their dynamic may be somewhat unhealthy. Cassius feels increasingly bad for Angel as their relationship progresses, but doesn't want to overstep his boundaries to advise Angel to leave and put himself first when there's a possibility that Adrien couldn't handle Angel abandoning her.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 2----------------------------------------> <!--------------------RELATIONSHIP 3-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/20_35_Bfkj0ivujSq4hft_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Randall]]<\/strong> . [[Randall and Cassius' Relationship| It's Complicated]] <!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met after Randall was hired at a record shop that Cassius was already employed at. They had a rocky start as coworkers, but Cassius was always nice to Randall despite Randall's nasty attitude. The more they worked together, the more Randall and Cassius developed a fondness for each other, which lead to them dating. But Randall had a lot of personal issues ranging from internalized homophobia and trauma within his past relationships that made him volatile and closed off to others. Cassius tried to help Randall as much as he could, but eventually broke up with Randall, realizing that their relationship was unhealthy. A few years down the road, the two of them bump into each other and Randall, who has made a complete 180, wants to rekindle their relationship.<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<!----------ADD MORE PARAGRAPHS ABOVE HERE-----------------------><\/div>\r\n<!-------------------------Relationship Link---------------------------------------->\r\n<p><strong> Read more about Cassius and [[Randall]]'s relationship here: [[Randall and Cassius' Relationship]]<\/strong><\/p>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 3----------------------------------------> <!--------------------RELATIONSHIP 4-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/29_45_8QHErwR00cAZlGX_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong>[[Dominique]]<\/strong> . Acquaintance<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius knows Dominique as one of his sister's exes. He's only met her a hand full of times, but thought she was respectable and mature. He doesn't know much about the type of relationship Dominique and Adrien had, but from what he does know about Dominique's sharp intuition, he's not surprised the two of them didn't last long. When Adrien died, Cassius deeply appreciated Dominique checking in with him and offering to help with any arrangements.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 4----------------------------------------> <!--------------------------ADD MORE RELATIONSHIPS ABOVE THIS DIV----------------> <!--------------------END CONTAINER----------------------------------------><\/div>","DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul>\r\n<li>Is a savior sibling; birthed to treat one of&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>'s illnesses via stem cell transplant.<\/li>\r\n<li>typical gap moe archetype<\/li>\r\n<li>Has a small rescue dog named Snow that Adrein gave him.<\/li>\r\n<li>Has dabbled in spiritualism, but ultimately became an antitheist.<\/li>\r\n<li>Has self esteem issues. Was sheltered as a child, but wasn't his parents' favorite.<\/li>\r\n<li>Works at a small local record shop<\/li>\r\n<li>Does not have a British accent unlike Adrien.<\/li>\r\n<\/ul>","Likes":"<ul>\r\n<li>Puns<\/li>\r\n<li>Death metal, vinyl\/physical music collections<\/li>\r\n<li>Flowers, gardening<\/li>\r\n<li>Anthropology, humanities, arts<\/li>\r\n<\/ul>","Dislikes":"<ul>\r\n<li>Judgemental people<\/li>\r\n<li>Bugs<\/li>\r\n<li>Surprises<\/li>\r\n<li>Socks with sandals<\/li>\r\n<\/ul>","people_name":"Cassius McPherson","parsed":{"description":null,"Nickname":"Cass","Alias":null,"Age":"22","Birthday":"May 30","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"UK British","Race":"Black","Occupation":"<a href=\"https:\/\/tothenthdegree.net\/pages\/55.12th_Street_Records\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Local downtown record shop, houses a variety of music, but most notably known for it's indie and metal collection.\"> Record Salesman<\/a>","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DQ2eLRQSbdZ4\">Feels Like I'm Dying<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":"<div class=\"container p-2\"><!--------------------RELATIONSHIP 1-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/99_121_fLZIHYKQkT86Lw1_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/10.Adrien\" class=\"text-primary\">Adrien<\/a><\/strong> . Older Sister<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius admires Adrien's ambitiousness and determination. While Adrien received most of their mother's attention, Cassius has no ill will towards his sister, understanding that their circustmaces are different. He is acutely aware of how manipulative and abusive Adrien can be at times, wishing she would seek therapy, but also rationalizes that it stems from her upbringing and sometimes is too excusing of her actions. He feels guilty about not being much of any help to her health as her savior sibling, and ultimately wishes they were closer.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent euismod quam ac ligula consequat, at fringilla justo blandit. Phasellus nec mollis nisl, ac porttitor metus. Aliquam accumsan, nibh a sagittis iaculis, dui lectus feugiat sem, sit amet vulputate quam dui ac risus. Nunc non suscipit nisi, in hendrerit lectus. Duis eget dignissim ipsum, nec fringilla massa. Mauris hendrerit diam suscipit, porta ex vitae, ultricies ex. Sed metus felis, maximus nec magna a, tincidunt semper urna. Mauris eu risus mattis, accumsan massa vel, vehicula ligula. Nullam eu tellus ac nulla rutrum maximus.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 1----------------------------------------> <!--------------------RELATIONSHIP 2-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/170_197_rwlnNWCGhxdSKUI_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/11.Angel\" class=\"text-primary\">Angel<\/a><\/strong> . Friend<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met through Adrien. They are very cordial with one another, and from what Cassius has seen, he initially thinks Angel is a good match for Adrien; that his patience with her is commendable. During Adrien and Angel's multiple breakups, Cassius tries to be mediator, but eventually realizes that their dynamic may be somewhat unhealthy. Cassius feels increasingly bad for Angel as their relationship progresses, but doesn't want to overstep his boundaries to advise Angel to leave and put himself first when there's a possibility that Adrien couldn't handle Angel abandoning her.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 2----------------------------------------> <!--------------------RELATIONSHIP 3-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/20_35_Bfkj0ivujSq4hft_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/26.Randall\" class=\"text-primary\">Randall<\/a><\/strong> . <a href=\"https:\/\/tothenthdegree.net\/pages\/114.Randall_and_Cassius'_Relationship\" class=\"text-primary\"> It's Complicated<\/a> <!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>The two met after Randall was hired at a record shop that Cassius was already employed at. They had a rocky start as coworkers, but Cassius was always nice to Randall despite Randall's nasty attitude. The more they worked together, the more Randall and Cassius developed a fondness for each other, which lead to them dating. But Randall had a lot of personal issues ranging from internalized homophobia and trauma within his past relationships that made him volatile and closed off to others. Cassius tried to help Randall as much as he could, but eventually broke up with Randall, realizing that their relationship was unhealthy. A few years down the road, the two of them bump into each other and Randall, who has made a complete 180, wants to rekindle their relationship.<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-faded px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.<\/p>\r\n<!----------ADD MORE PARAGRAPHS ABOVE HERE-----------------------><\/div>\r\n<!-------------------------Relationship Link---------------------------------------->\r\n<p><strong> Read more about Cassius and <a href=\"https:\/\/tothenthdegree.net\/pages\/26.Randall\" class=\"text-primary\">Randall<\/a>'s relationship here: <a href=\"https:\/\/tothenthdegree.net\/pages\/114.Randall_and_Cassius'_Relationship\" class=\"text-primary\">Randall and Cassius' Relationship<\/a><\/strong><\/p>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 3----------------------------------------> <!--------------------RELATIONSHIP 4-------------------------------------------->\r\n<div class=\"row no-gutters\">\r\n<div class=\"px-md-2 \"><!-- IMAGE-->\r\n<div class=\"float-md-left pt-3 pr-3 pb-1\">\r\n<div class=\"card p-1 mx-auto\" style=\"width: 150px;\"><!-- insert img below, always square & will expand to fill space -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/29_45_8QHErwR00cAZlGX_th.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- END IMAGE --><\/div>\r\n<!-- TEXT -->\r\n<div class=\"pb-2 pt-3\"><!-- header --> <strong><a href=\"https:\/\/tothenthdegree.net\/pages\/5.Dominique\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Dominique works as a real estate agent and personal assistant for Skylar's father.\">Dominique<\/a><\/strong> . Acquaintance<!-- end header --> <!-- horizontal line -->\r\n<div class=\"d-flex\"><hr class=\"w-100 mt-2\" \/><\/div>\r\n<!-- end horizontal line --> <!-- info --> <!-- for styling: <b>bold text<\/b>, <span class=\"text-primary\">fake links<\/span>, <a href=\"#\">real links<\/a> -->\r\n<p>Cassius knows Dominique as one of his sister's exes. He's only met her a hand full of times, but thought she was respectable and mature. He doesn't know much about the type of relationship Dominique and Adrien had, but from what he does know about Dominique's sharp intuition, he's not surprised the two of them didn't last long. When Adrien died, Cassius deeply appreciated Dominique checking in with him and offering to help with any arrangements.<\/p>\r\n<\/div>\r\n<!-------------------------Relationship Link End----------------------------------------><\/div>\r\n<\/div>\r\n<hr \/><!--------------------END RELATIONSHIP 4----------------------------------------> <!--------------------------ADD MORE RELATIONSHIPS ABOVE THIS DIV----------------> <!--------------------END CONTAINER----------------------------------------><\/div>","DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul>\r\n<li>Is a savior sibling; birthed to treat one of&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>'s illnesses via stem cell transplant.<\/li>\r\n<li>typical gap moe archetype<\/li>\r\n<li>Has a small rescue dog named Snow that Adrein gave him.<\/li>\r\n<li>Has dabbled in spiritualism, but ultimately became an antitheist.<\/li>\r\n<li>Has self esteem issues. Was sheltered as a child, but wasn't his parents' favorite.<\/li>\r\n<li>Works at a small local record shop<\/li>\r\n<li>Does not have a British accent unlike Adrien.<\/li>\r\n<\/ul>","Likes":"<ul>\r\n<li>Puns<\/li>\r\n<li>Death metal, vinyl\/physical music collections<\/li>\r\n<li>Flowers, gardening<\/li>\r\n<li>Anthropology, humanities, arts<\/li>\r\n<\/ul>","Dislikes":"<ul>\r\n<li>Judgemental people<\/li>\r\n<li>Bugs<\/li>\r\n<li>Surprises<\/li>\r\n<li>Socks with sandals<\/li>\r\n<\/ul>","people_name":"Cassius McPherson"},"links":[{"link_id":55},{"link_id":10},{"link_id":11},{"link_id":26},{"link_id":26},{"link_id":114},{"link_id":5},{"link_id":114}]},"title":"Cassius","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Context: Supporting Character"]}
#457 28 June 2023, 17:27:46 EDT
Page Updated
Length: 2251 (+486) -
{"data":{"description":null,"Nickname":null,"Alias":"Atlas","Age":"30","Birthday":"April 6","Height":"5'7\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"Russian\/ Chinese","Race":"White\/ Asian","Occupation":"[[Informant]]","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Something something something<\/p>","EarlyLife":"<p>Something something something<\/p>","Present":"<p>Something something something<\/p>","RelationshipInformation":"<p>Something something something<\/p>","DesignNotes":"<p>Something something something<\/p>","Style":null,"Inspiration":null,"TriviaInformation":"<p>Something something something<\/p>","Likes":"<p>Something something something<\/p>","Dislikes":"<p>Something something something<\/p>","people_name":"Alexei","parsed":{"description":null,"Nickname":null,"Alias":"Atlas","Age":"30","Birthday":"April 6","Height":"5'7\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":{"1":"1"},"Nationality":"Russian\/ Chinese","Race":"White\/ Asian","Occupation":"<a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/Informant\" class=\"text-danger\">Informant<\/a>","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Something something something<\/p>","EarlyLife":"<p>Something something something<\/p>","Present":"<p>Something something something<\/p>","RelationshipInformation":"<p>Something something something<\/p>","DesignNotes":"<p>Something something something<\/p>","Style":null,"Inspiration":null,"TriviaInformation":"<p>Something something something<\/p>","Likes":"<p>Something something something<\/p>","Dislikes":"<p>Something something something<\/p>","people_name":"Alexei"},"links":[{"title":"Informant"}]},"title":"Atlas","is_visible":"1","summary":null,"utility_tag":["wip"],"page_tag":["Context: Supporting Character"]}
#456 28 June 2023, 17:26:57 EDT
Page Updated
Length: 7975 (+254) -
{"data":{"description":null,"Nickname":null,"Alias":null,"Age":"26","Birthday":"April 2","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":["1"],"Nationality":"American & Argentinian","Race":"White Hispanic","Occupation":"Ballet Dancer\/Instructor","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DaetZC3Hwdkw\">Bitter<\/a> \/ <a href=\"www.youtube.com%2Fwatch%3Fv%3Dub3JG7LHxlE\">Gone Already<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/3iUPbU9t0GThdkTQ6Of8jC?si=ea7bcea433c64062\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Ballet Blues<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Melancholy, Pretentious, Reserved<\/p>\r\n<p>Was born a bit sad<\/p>","EarlyLife":"<p>Angel is an ex-ballet dancer and ex-boyfriend to both [[Adrien]] and [[Dominique]]. Angel had a very standard childhood. His parents were well off and supported him in whatever endeavors he wanted to peruse. He was a rather composed child, and rarely had any outbursts, but was still spoiled; his parents replaced their presence with money. He excelled in gymnastics and ballet, and ended up dedicating much of his time towards dancing as he wanted to make a career out of it. When Adrien transferred into the facility he attended, he didn't pay her much mind. He thought it would be better not to get involved with her since she seemed to be standoffish. But when the two of them were paired to dance, he found Adrien too overbearing since he was used to more passive partners. They would criticize each other often, but Angel noticed that Adrien was having a hard time making friends, so he would let her have the final word. And she would come to appreciate him putting up with her.<\/p>\r\n<p>Angel and Adrien eventually started to date as teenagers. He considered Adrien to be his first love. He liked her bad temper, he would try to take care of her when she was fatigued. He felt that he wanted to help her more than anything. Especially when her health got worse. Even after she caused him to hurt his ankle during an argument they were having. Angel couldn't be mad at her. When she offered to quit dancing as an exchange for hurting him, he declined because watching her dance was one of the things he enjoyed the most.<\/p>\r\n<p>As they got older, and Adrien got sicker, the two of them argued more. Angel agreed to add a third person to their relationship in the hopes that it would make her happy. He knew she was just acting out due to the fact that she was dying. But he was unhappy himself and ended up leaving the relationship. Though, through some advice from Dominique, both Angel and Adrien decided they should work on their relationship. And so they traveled together, made music and danced together until Adrien was too weak to do much of anything. But Angel didn't mind.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Used to be a professional ballet dancer before sustaining an accidental career-ending injury in an altercation with&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>.<\/li>\r\n<li>Started a cover band after his injury; does vocals and plays guitar.<\/li>\r\n<li>Is Adrien's childhood friend and first love. The two used to be in an exclusive relationship off and on over the years.<\/li>\r\n<li>Used to be in a polyamorous relationship with both Adrien and Dominique, though only went along with it since it was Adrien's idea. Was the first to break away from the relationship due to being unhappy.<\/li>\r\n<\/ul>","Likes":null,"Dislikes":null,"people_name":"Angel Alejandres","parsed":{"description":null,"Nickname":null,"Alias":null,"Age":"26","Birthday":"April 2","Height":"5'11\"","Species":"Human","Gender":{"1":"1","6":"1"},"Sexuality":["1"],"Nationality":"American & Argentinian","Race":"White Hispanic","Occupation":"Ballet Dancer\/Instructor","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DaetZC3Hwdkw\">Bitter<\/a> \/ <a href=\"www.youtube.com%2Fwatch%3Fv%3Dub3JG7LHxlE\">Gone Already<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/3iUPbU9t0GThdkTQ6Of8jC?si=ea7bcea433c64062\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Ballet Blues<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Melancholy, Pretentious, Reserved<\/p>\r\n<p>Was born a bit sad<\/p>","EarlyLife":"<p>Angel is an ex-ballet dancer and ex-boyfriend to both <a href=\"https:\/\/tothenthdegree.net\/pages\/10.Adrien\" class=\"text-primary\">Adrien<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/5.Dominique\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Dominique works as a real estate agent and personal assistant for Skylar's father.\">Dominique<\/a>. Angel had a very standard childhood. His parents were well off and supported him in whatever endeavors he wanted to peruse. He was a rather composed child, and rarely had any outbursts, but was still spoiled; his parents replaced their presence with money. He excelled in gymnastics and ballet, and ended up dedicating much of his time towards dancing as he wanted to make a career out of it. When Adrien transferred into the facility he attended, he didn't pay her much mind. He thought it would be better not to get involved with her since she seemed to be standoffish. But when the two of them were paired to dance, he found Adrien too overbearing since he was used to more passive partners. They would criticize each other often, but Angel noticed that Adrien was having a hard time making friends, so he would let her have the final word. And she would come to appreciate him putting up with her.<\/p>\r\n<p>Angel and Adrien eventually started to date as teenagers. He considered Adrien to be his first love. He liked her bad temper, he would try to take care of her when she was fatigued. He felt that he wanted to help her more than anything. Especially when her health got worse. Even after she caused him to hurt his ankle during an argument they were having. Angel couldn't be mad at her. When she offered to quit dancing as an exchange for hurting him, he declined because watching her dance was one of the things he enjoyed the most.<\/p>\r\n<p>As they got older, and Adrien got sicker, the two of them argued more. Angel agreed to add a third person to their relationship in the hopes that it would make her happy. He knew she was just acting out due to the fact that she was dying. But he was unhappy himself and ended up leaving the relationship. Though, through some advice from Dominique, both Angel and Adrien decided they should work on their relationship. And so they traveled together, made music and danced together until Adrien was too weak to do much of anything. But Angel didn't mind.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Used to be a professional ballet dancer before sustaining an accidental career-ending injury in an altercation with&nbsp;<a href=\"https:\/\/toyhou.se\/4073106.adrien\">Adrien<\/a>.<\/li>\r\n<li>Started a cover band after his injury; does vocals and plays guitar.<\/li>\r\n<li>Is Adrien's childhood friend and first love. The two used to be in an exclusive relationship off and on over the years.<\/li>\r\n<li>Used to be in a polyamorous relationship with both Adrien and Dominique, though only went along with it since it was Adrien's idea. Was the first to break away from the relationship due to being unhappy.<\/li>\r\n<\/ul>","Likes":null,"Dislikes":null,"people_name":"Angel Alejandres"},"links":[{"link_id":10},{"link_id":5}]},"title":"Angel","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Context: Supporting Character"]}
#455 28 June 2023, 17:26:17 EDT
Page Updated
Length: 11854 (+386) -
{"data":{"description":null,"Nickname":null,"Alias":null,"Age":"25 <font color=\"#FF0000\">(Deceased at 27)<\/font>","Birthday":"August 3","Height":"5'10\"","Species":"Human","Gender":{"0":"1","7":"1"},"Sexuality":{"6":"1"},"Nationality":"UK British","Race":"Black","Occupation":"Ex Ballet Dancer","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DRnBT9uUYb1w\">In the Name of Love<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Charming, Ambitious, Self-Serving<\/p>\r\n<p>Adrien is known to put on a tough front to protect herself from being hurt. Purposefully manipulative at times, she believes that it is better to push others away, not at their own fault, but under the reasoning that she doesn't believe she deserves to be loved. Her childhood irrational fear of burdening people causes her to distance herself from people who genuinely care about her in cruel ways, especially when her health starts to deteriorate. She has a permanent chip on her shoulder, and her moods can be unpredictable. When she's in good spirits, she's overly kind and generous, but when she's having a low, she can be self-sabotaging and cold, wishing she was dealt a different hand in life. She always regrets her misplaced frustrations, but she finds it hard to change her behavior after being so guarded for so long.<\/p>","EarlyLife":"<p>Adrien is an ex ballet dancer and ex-girlfriend of both [[Dominique]] and [[Angel]]. She grew up with an authoritarian mother and emotionally absent father. She had many high expectations placed on her by her parents to excel academically and athletically, to which she did. She was always one of the upper level dancers in her ballet groups, but when she developed a chronic childhood illness she could no longer endure hour of standard practice.<\/p>\r\n<p>Her parents were disappointed, and she felt rejected by them and would act out in school and during her dance practices. After multiple health scares and ineffective treatments, Adrien grew resentful with many things in her life as a teenager. After transferring into a new dance company, she found it hard to make friends; many of the children were too pretentious for her liking, but her bad attitude did not help, especially when dealing with some of the underlying bullying and discrimination in the department. There she met Angel, one of the popular boys in the group. The two of them didn't get along at first, but were paired to dance together for performances due to their similar skill levels. Eventually the two of them started to develop feelings for each other and dated for most of their teenagerhood.<\/p>\r\n<p>But as Adrien got older, her health got worse, and she was almost always emotionally volatile; she didn't think it was fair that she was so limited in the things she could do. Her relationship with Angel became strained, and they took breaks from each other, especially after an altercation between them resulted in Angel tripping in the studio and hurting his leg. She felt extremely guilty, and didn't think she deserved the grace he was giving her. She didn't think she deserved any of Angel's kindness anymore, so she started trying to push him away by being selfish and dating other people, including Dominique. Eventually, after dating on and off, traveling together and refusing further treatment for her illness, Angel was still there for her when she died because he felt he understood her enough to know that she was just scared.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Her original last name is Cox, but it changed when her mother and father divorced and her mother changed her last name to her maiden name.<\/li>\r\n<li>Used to be a professional ballet dancer before falling ill at 24. Dies from progressive lung disease\/cancer.<\/li>\r\n<li>Has Chromesthesia\/Sound-to-Color Synesthesia, so she enjoys music. Plays the guitar in&nbsp;<a href=\"https:\/\/toyhou.se\/4073104.angel\">Angel<\/a>'s cover band.<\/li>\r\n<li>Has Chromesthesia\/Sound-to-Color Synesthesia, so she enjoys music.<\/li>\r\n<li>Is Adrien's childhood friend and first love. The two used to be in an exclusive relationship off and on over the years. She was in a polyamorous relationship with both&nbsp;<a href=\"https:\/\/toyhou.se\/4073104.angel\">Angel<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/toyhou.se\/1156754.dominique\">Dominique<\/a>&nbsp;at one point in time.<\/li>\r\n<li>Her younger brother, [[Cassius]] is a savior sibling; birthed to treat one of her illnesses via stem cell transplant.<\/li>\r\n<li>Still has some of her british accent dispite living in America for a decade or so.<\/li>\r\n<li>Most likely has Thanatophobia (anxiety surrounding death), BPD and sufferes from&nbsp;<a href=\"https:\/\/toyhou.se\/~r?q=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMortality_salience\">mortality salience<\/a>.<\/li>\r\n<\/ul>","Likes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Cold Weather<\/li>\r\n<li>Acts of service, buying gifts for others<\/li>\r\n<li>Learning new crafts, new challenges, healthy amounts of stress<\/li>\r\n<li>Partying, networking, meeting new people<\/li>\r\n<\/ul>","Dislikes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Rules, overbearing people, people who take themselves too seriously, know-it-alls<\/li>\r\n<li>Closed spaces<\/li>\r\n<li>Strong perfume<\/li>\r\n<\/ul>","people_name":"Adrien McPherson","parsed":{"description":null,"Nickname":null,"Alias":null,"Age":"25 <font color=\"#FF0000\">(Deceased at 27)<\/font>","Birthday":"August 3","Height":"5'10\"","Species":"Human","Gender":{"0":"1","7":"1"},"Sexuality":{"6":"1"},"Nationality":"UK British","Race":"Black","Occupation":"Ex Ballet Dancer","Theme":"<a href=\"www.youtube.com%2Fwatch%3Fv%3DRnBT9uUYb1w\">In the Name of Love<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Charming, Ambitious, Self-Serving<\/p>\r\n<p>Adrien is known to put on a tough front to protect herself from being hurt. Purposefully manipulative at times, she believes that it is better to push others away, not at their own fault, but under the reasoning that she doesn't believe she deserves to be loved. Her childhood irrational fear of burdening people causes her to distance herself from people who genuinely care about her in cruel ways, especially when her health starts to deteriorate. She has a permanent chip on her shoulder, and her moods can be unpredictable. When she's in good spirits, she's overly kind and generous, but when she's having a low, she can be self-sabotaging and cold, wishing she was dealt a different hand in life. She always regrets her misplaced frustrations, but she finds it hard to change her behavior after being so guarded for so long.<\/p>","EarlyLife":"<p>Adrien is an ex ballet dancer and ex-girlfriend of both <a href=\"https:\/\/tothenthdegree.net\/pages\/5.Dominique\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Dominique works as a real estate agent and personal assistant for Skylar's father.\">Dominique<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/11.Angel\" class=\"text-primary\">Angel<\/a>. She grew up with an authoritarian mother and emotionally absent father. She had many high expectations placed on her by her parents to excel academically and athletically, to which she did. She was always one of the upper level dancers in her ballet groups, but when she developed a chronic childhood illness she could no longer endure hour of standard practice.<\/p>\r\n<p>Her parents were disappointed, and she felt rejected by them and would act out in school and during her dance practices. After multiple health scares and ineffective treatments, Adrien grew resentful with many things in her life as a teenager. After transferring into a new dance company, she found it hard to make friends; many of the children were too pretentious for her liking, but her bad attitude did not help, especially when dealing with some of the underlying bullying and discrimination in the department. There she met Angel, one of the popular boys in the group. The two of them didn't get along at first, but were paired to dance together for performances due to their similar skill levels. Eventually the two of them started to develop feelings for each other and dated for most of their teenagerhood.<\/p>\r\n<p>But as Adrien got older, her health got worse, and she was almost always emotionally volatile; she didn't think it was fair that she was so limited in the things she could do. Her relationship with Angel became strained, and they took breaks from each other, especially after an altercation between them resulted in Angel tripping in the studio and hurting his leg. She felt extremely guilty, and didn't think she deserved the grace he was giving her. She didn't think she deserved any of Angel's kindness anymore, so she started trying to push him away by being selfish and dating other people, including Dominique. Eventually, after dating on and off, traveling together and refusing further treatment for her illness, Angel was still there for her when she died because he felt he understood her enough to know that she was just scared.<\/p>","Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Her original last name is Cox, but it changed when her mother and father divorced and her mother changed her last name to her maiden name.<\/li>\r\n<li>Used to be a professional ballet dancer before falling ill at 24. Dies from progressive lung disease\/cancer.<\/li>\r\n<li>Has Chromesthesia\/Sound-to-Color Synesthesia, so she enjoys music. Plays the guitar in&nbsp;<a href=\"https:\/\/toyhou.se\/4073104.angel\">Angel<\/a>'s cover band.<\/li>\r\n<li>Has Chromesthesia\/Sound-to-Color Synesthesia, so she enjoys music.<\/li>\r\n<li>Is Adrien's childhood friend and first love. The two used to be in an exclusive relationship off and on over the years. She was in a polyamorous relationship with both&nbsp;<a href=\"https:\/\/toyhou.se\/4073104.angel\">Angel<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/toyhou.se\/1156754.dominique\">Dominique<\/a>&nbsp;at one point in time.<\/li>\r\n<li>Her younger brother, <a href=\"https:\/\/tothenthdegree.net\/pages\/12.Cassius\" class=\"text-primary\">Cassius<\/a> is a savior sibling; birthed to treat one of her illnesses via stem cell transplant.<\/li>\r\n<li>Still has some of her british accent dispite living in America for a decade or so.<\/li>\r\n<li>Most likely has Thanatophobia (anxiety surrounding death), BPD and sufferes from&nbsp;<a href=\"https:\/\/toyhou.se\/~r?q=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FMortality_salience\">mortality salience<\/a>.<\/li>\r\n<\/ul>","Likes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Cold Weather<\/li>\r\n<li>Acts of service, buying gifts for others<\/li>\r\n<li>Learning new crafts, new challenges, healthy amounts of stress<\/li>\r\n<li>Partying, networking, meeting new people<\/li>\r\n<\/ul>","Dislikes":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Rules, overbearing people, people who take themselves too seriously, know-it-alls<\/li>\r\n<li>Closed spaces<\/li>\r\n<li>Strong perfume<\/li>\r\n<\/ul>","people_name":"Adrien McPherson"},"links":[{"link_id":5},{"link_id":11},{"link_id":12}]},"title":"Adrien","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Context: Supporting Character"]}
#454 28 June 2023, 17:22:33 EDT
Page Updated
Length: 1852 (+470) -
{"data":{"description":null,"Nickname":"Monica","Alias":null,"Age":"21","Birthday":"March 3","Height":"5'6\"","Species":"Human","Gender":{"3":"1","5":"1"},"Sexuality":["1"],"Nationality":"US American","Race":"Black","Occupation":"College Student","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Soft spoken, determined, caring<\/p>","EarlyLife":null,"Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Is currently attending university to obtain a Vet Tech Degree<\/li>\r\n<\/ul>","Likes":null,"Dislikes":null,"people_name":"Demonica Carter","parsed":{"description":null,"Nickname":"Monica","Alias":null,"Age":"21","Birthday":"March 3","Height":"5'6\"","Species":"Human","Gender":{"3":"1","5":"1"},"Sexuality":["1"],"Nationality":"US American","Race":"Black","Occupation":"College Student","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":"<p>Soft spoken, determined, caring<\/p>","EarlyLife":null,"Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":"<ul class=\"m-0 pl-5 py-2 text-muted\">\r\n<li>Is currently attending university to obtain a Vet Tech Degree<\/li>\r\n<\/ul>","Likes":null,"Dislikes":null,"people_name":"Demonica Carter"}},"title":"Demonica","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Minor Character"]}
#453 28 June 2023, 17:21:00 EDT
Page Updated
Length: 1429 (+508) -
{"data":{"description":null,"Nickname":null,"Alias":null,"Age":null,"Birthday":null,"Height":null,"Species":null,"Gender":{"0":"1","5":"1"},"Sexuality":null,"Nationality":null,"Race":null,"Occupation":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":null,"Likes":null,"Dislikes":null,"people_name":null,"parsed":{"description":null,"Nickname":null,"Alias":null,"Age":null,"Birthday":null,"Height":null,"Species":null,"Gender":{"0":"1","5":"1"},"Sexuality":null,"Nationality":null,"Race":null,"Occupation":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","toyhouse":"<a href=\"URL\"><i class=\"fa fa-home\" aria-hidden=\"true\"><\/i> Profile<\/a>","PersonalityInformation":null,"EarlyLife":null,"Present":null,"RelationshipInformation":null,"DesignNotes":null,"Style":null,"Inspiration":null,"TriviaInformation":null,"Likes":null,"Dislikes":null,"people_name":null}},"title":"Rosa","is_visible":"1","summary":null,"utility_tag":null,"page_tag":["Minor Character","Gen2"]}
#452 28 June 2023, 17:09:29 EDT
Page Updated
Length: 78131 (-6) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#451 28 June 2023, 17:09:13 EDT
Page Updated
Length: 78137 (+6) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic, Currently Ongoingggg","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic, Currently Ongoingggg","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#450 28 June 2023, 17:08:50 EDT
Page Updated
Length: 78131 (-72) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#449 28 June 2023, 05:16:55 EDT
Page Updated
Length: 78203 (-10) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#448 28 June 2023, 05:14:30 EDT
Page Updated
Length: 78213 (+36) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>\r\n<p>&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#447 28 June 2023, 05:14:04 EDT
Page Updated
Length: 78177 (-1528) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#446 28 June 2023, 05:11:46 EDT
Page Updated
Length: 79705 (+7946) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget tellus purus. In consequat convallis arcu suscipit convallis. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/images\/31302716_8HMAjRWeBKE00tr.png\" \/><\/a>\r\n<div class=\"p-1 text-muted\">\r\n<p>Short Caption<\/p>\r\n<\/div>\r\n<\/div>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.&nbsp;<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#445 28 June 2023, 04:58:09 EDT
Page Updated
Length: 71759 (-122) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------> <!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#444 28 June 2023, 04:53:33 EDT
Page Updated
Length: 71881 -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\">&nbsp;<\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\">&nbsp;<\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#443 28 June 2023, 04:53:31 EDT
Page Updated
Length: 71881 (+34) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\">&nbsp;<\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\">&nbsp;<\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<p>&nbsp;<\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#442 28 June 2023, 04:48:27 EDT
Page Updated
Length: 71847 (+1444) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
#441 28 June 2023, 04:46:46 EDT
Page Updated
Length: 70403 (-1408) -
{"data":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"[[Pierce]], [[Charles]]","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>","parsed":{"description":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo integer malesuada nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Pharetra sit amet aliquam id diam maecenas ultricies mi. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Tellus molestie nunc non blandit massa enim nec dui. Neque vitae tempus quam pellentesque nec nam aliquam. Massa eget egestas purus viverra accumsan in nisl. Facilisi morbi tempus iaculis urna. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Ut consequat semper viverra nam libero justo laoreet sit amet. At lectus urna duis convallis convallis. Id interdum velit laoreet id donec ultrices tincidunt. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Id porta nibh venenatis cras sed felis. Magna sit amet purus gravida quis blandit turpis cursus in. Ornare lectus sit amet est placerat in egestas erat imperdiet. At risus viverra adipiscing at in tellus.<\/p>\r\n<p>Habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat. Lobortis mattis aliquam faucibus purus in massa tempor nec. Ornare aenean euismod elementum nisi quis. Ac turpis egestas maecenas pharetra convallis posuere morbi. Arcu felis bibendum ut tristique. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Ornare massa eget egestas purus viverra accumsan in nisl. Molestie nunc non blandit massa. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Enim ut sem viverra aliquet eget sit amet tellus. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam. Fames ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur. Nunc sed id semper risus in. Interdum varius sit amet mattis vulputate enim. Nulla facilisi morbi tempus iaculis. Volutpat consequat mauris nunc congue nisi. Dui nunc mattis enim ut tellus elementum sagittis vitae. Pellentesque massa placerat duis ultricies lacus sed turpis.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/1.Pierce\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Pierce works as an automotive technician and mechanic at a local car shop. He has a habit of being too optimistic for his own good.\">Pierce<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/2.Charles\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Charles (CC) works as a hitman at night and has an office job cover during the day. Skilled in many areas, he\u2019s not one to be trifled with.\">Charles<\/a>","Relationtype":"Romantic","Status":"Ongoing","Age":"4 years","Height":"4 inches","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\"https:\/\/open.spotify.com\/playlist\/2nZ3y5ATjh1XhZwxJgoUyR?si=85TWdgWuRoO1LJzX4-hkWw\" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> Cars and Kisses<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\"><!-- --------------------------------CHARACTER ONE--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- -----------------AVATAR---------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- --------------------------CHARACTER 1 END--------------------------- --> <!-- HEIGHT\/AGE DIFFERENCE ------------------------------------>\r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\"><!-- Age Difference ------------------->\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Age -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- End Age Difference ------------------>\r\n<div class=\"col-12 p-1 hidden-xs-down\"><hr \/><\/div>\r\n<!--Height Difference ------------------>\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n<!-- P1 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n<!-- P2 | Height -->\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<!-- End Height Difference ------------------><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--END HEIGHT\/AGE DIFFERENCE ------------------------------------> <!-- --------------------------------CHARACTER TWO--------------------------------- -->\r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\"><!-- ------------- AVATAR-------------- -->\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/><!-- --------------------------BASICS----------------------- -->\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!----------------------------------END CHARACTER TWO--------------------------------- --><\/div>\r\n<\/div>\r\n<\/div>\r\n<!--------------------------END SECTION------------------------>\r\n<p>&nbsp;<\/p>","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\"><!-- insert image below, will always be square & fitted -->\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\">&nbsp;<\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla.&nbsp;<\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong>&nbsp;semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\">&nbsp;<\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\">&nbsp;<\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------STAT BARS----------------------------------------> <!------------COLUMN ONE--------------------------->\r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\"><!-- Big Spoon | Little spoon -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Lends clothes | Borrows clothes ------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Doesn't use pet names | Uses pet names ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Introvert | Extrovert ----------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Affection through words | Affection through actions ----------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Confesses first | Waits for confession ------------------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Screams about the bugs | Squashes bugs with a shoe ------------------------------------------------------------>\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Drives the car | Can't drive ---------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Can't cook | Makes dinner ------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dislikes PDA | Loves PDA -------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Overprotective | Chill ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN ONE END----------------------------------------> <!------------COLUMN TWO---------------------------------------->\r\n<div class=\"col-12 col-md-6\"><!-- Has more relationship experience | Has no relationship experience --------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Dense | Sensitve ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Impulsive | Premeditated ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Love at first sight | Slow-Burn ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Flustered | Stoic ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Anxious | Secure ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Communication ---------------------------------------------------------------------------------------->\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\"><!-- P1 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\">&nbsp;<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<!------------COLUMN TWO END----------------------------------------><\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":"<ul>\r\n<li>Pierce's first romantic and sexual relationship was with Charles. Upon meeting, he gave Charles the nickname \"CC\".<\/li>\r\n<li>Since CC was new to the area, Pierce wanted to be friends with him so he wouldn't be lonely, a feeling he was used to for most of his life. CC thought that Pierce's persistence was bothersome at first, but kept him around since he needed to make connections in the city to blend in for his job.<\/li>\r\n<li>Over time, Charles developed feelings for Pierce due to Pierce's overly friendly nature, but tried to deny his feelings and convince himself it would be safer if he didn't get involved with pierce.<\/li>\r\n<li>When Pierce learned that Charles was a hitman and had no choice but to complete his assignments, he felt sorry for CC and concerned for his safety. It took time for him to work through his fear of CC, but he still wanted to be his friend and eventually came to the realization that he wanted them to be more than friends.<\/li>\r\n<li>When the two of them become romantically involved, CC teaches Pierce self-defense due to the nature of his job as a hitman. CC is always concerned about Pierce's safety and is very possessive of him. Despite that, Pierce eventually wants to help CC with his work and is willing to get his hands dirty in the hopes that he can get a glimpse into CC's world and the burdens he shoulders.<\/li>\r\n<li>The two of them get engaged on CC's birthday (January 1) as a new years gift to one another.<\/li>\r\n<li>Charles is always willing to spend money on Pierce when Pierce is having trouble with bills or wants something that's not in his budget.<\/li>\r\n<\/ul>","NSFW":"<h5><strong>NSFW Trivia<\/strong><\/h5>\r\n<ul>\r\n<li>Pierce has a horizontal frenum penis piercing.<\/li>\r\n<li>Pierce was a virgin upon meeting CC. CC had the opportunity to teach Pierce the ropes and let Pierce explore his preferences. Pierce enjoys topping but will bottom most of the time since CC prefers to top.<\/li>\r\n<li>CC has a smell fetish and he learned to like the cheap cologne and laundry detergent Pierce uses.<\/li>\r\n<li>Pierce enjoys kissing and is an aggressive kisser even though he's bad at it. He prefers positions where he and CC are face to face for this exact reason.<\/li>\r\n<li>CC is good at BJs, but bad at hand jobs. He's not good at controlling how much pressure he's using and his hands are calloused. Pierce likes to give BJs because he likes seeing CC's face from that angle.<\/li>\r\n<li>Pierce has red pubic hair :(<\/li>\r\n<li>As the two of them get older, they explore different kink categories and BDSM practices, but are still rather vanilla save for the occasional rough sex.<\/li>\r\n<\/ul>"},"links":[{"link_id":1},{"link_id":2}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
485 results found.