Misc. Page ・ Relationship Pages
CC and Pierce's Relationship : History
Version/Date
User
Type
Information
Page Updated
Length: 78203 (+102) - Show Raw Data
{"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;\">pierce<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>25<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>February<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'9\"'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Bi<\/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:\/\/tothenthdegree.net\/images\/pages\/0\/5_5_0tsaMMtJswYGYR7_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/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\">4<\/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;\">25<\/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;\">29<\/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\">3\"<\/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;\">5'9\"<\/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;\">6'0\"<\/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:\/\/tothenthdegree.net\/images\/pages\/0\/618_784_5QaPHNdfbWvdxYZ_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/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;\">cc<\/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>29<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>January 1st<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>6'0\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 90%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 45%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 20%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 65%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 20%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Quicker to Anger<\/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;\">pierce<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>25<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>February<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'9\"'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Bi<\/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:\/\/tothenthdegree.net\/images\/pages\/0\/5_5_0tsaMMtJswYGYR7_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/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\">4<\/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;\">25<\/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;\">29<\/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\">3\"<\/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;\">5'9\"<\/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;\">6'0\"<\/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:\/\/tothenthdegree.net\/images\/pages\/0\/618_784_5QaPHNdfbWvdxYZ_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/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;\">cc<\/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>29<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>January 1st<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>6'0\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 90%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 45%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 20%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 65%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 20%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Quicker to Anger<\/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}
Page Updated
Length: 78101 - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 0%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 0%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78101 (-30) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 0%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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>CC<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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>Pierce<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 60%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 65%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 80%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 30%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 40%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 70%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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: 0%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78131 (-6) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78137 (+6) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78131 (-72) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78203 (-10) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78213 (+36) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/p>\r\n<p> <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 78177 (-1528) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 79705 (+7946) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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%;\"> <\/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. <\/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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71759 (-122) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71881 - Show Raw Data
{"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;\"> <\/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\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71881 (+34) - Show Raw Data
{"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;\"> <\/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\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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\"> <\/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;\"> <\/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> <\/p>\r\n<!--------------------------END SECTION------------------------>\r\n<p> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71847 (+1444) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 70403 (-1408) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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%;\"> <\/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%;\"> <\/div>\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}
Page Updated
Length: 71811 (+192) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\"> <\/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;\"> <\/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;\"> <\/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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71619 (-138) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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":"<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\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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":"<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\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71757 (-188) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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> 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\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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}
Page Updated
Length: 71945 (-64) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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?<\/strong> 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><br \/><strong>Included below is a visual representation of some of the characteristics of [[NAME]] and [[NAME]]'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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?<\/strong> 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><br \/><strong>Included below is a visual representation of some of the characteristics of <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a> and <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a>'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\"> <\/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;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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":"NAME"},{"title":"NAME"}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
Page Updated
Length: 72009 (+486) - Show Raw Data
{"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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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?<\/strong> 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><br \/><strong>Included below is a visual representation of some of the characteristics of [[NAME]] and [[NAME]]'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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;\"> <\/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;\"> <\/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> <\/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%;\"> <\/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. <\/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?<\/strong> 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><br \/><strong>Included below is a visual representation of some of the characteristics of <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a> and <a href=\"https:\/\/tothenthdegree.net\/special\/create-wanted\/NAME\" class=\"text-danger\">NAME<\/a>'s relationship.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/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;\">\r\n<p><strong>CHARACTER A<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/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;\">\r\n<p><strong>CHARACTER B<\/strong><\/p>\r\n<\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/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\"><!-- 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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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%;\"> <\/div>\r\n<\/div>\r\n<!-- P2 -->\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\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":"NAME"},{"title":"NAME"}]},"title":"CC and Pierce's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}
52
results found.