• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Realistic or Modern rose-colored glasses [CHARACTERS]

laburnum gold

you know ;)



  • tumblr_pcgi511qM61tw4buoo1_400.jpg

    ROSE-COLORED GLASSES.
    — cs

 
Last edited:
[class=border] --main-color: #70829e; --image-1: url(https://i.pinimg.com/originals/5e/51/dd/5e51dd8936d6bbc63852832a9e2179b7.png); --image-2: url(https://i.pinimg.com/originals/07/c6/e4/07c6e4e9d7a4701303b842376962d821.jpg); --image-3: url(https://i.pinimg.com/originals/0b/cd/b6/0bcdb610f275b961939b58a18f6b5e3f.png); --image-4: url(https://66.media.tumblr.com/41334a1183325e31c52ef13eb70d6f97/tumblr_ntmyebTzfm1uz2rdoo1_400.jpg); --image-5: url(https://i.pinimg.com/originals/8c/9d/3f/8c9d3f68805bd37ba67b6510d064a75f.jpg); --image-6: url(https://i.pinimg.com/originals/fd/71/1b/fd711b68220817ca61f91a9cc8885be0.jpg); --image-7: url(https://i.pinimg.com/originals/1d/4c/5d/1d4c5d4fd97d206201c57199ccb23d95.png); --image-8: url(https://66.media.tumblr.com/e7637925d2b285ab3db2b573f6c585b8/tumblr_nusoqh3kKX1strldbo1_400.jpg); --image-9: url(https://66.media.tumblr.com/f95753764bf4fddef69ae7a96bdb817b/cc73bf3379dbc382-75/s250x400/417fb302bd6099bb64c8911a360192f36d9390cc.png); [/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div] [div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div] [div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]about[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]backstory[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div] [div class=border3][div class=contents] [div class="tabContents tabContents1 show"]
[div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div] [div class=role style="top: 30px; left: 50px;"]figure[/div] [div class=role style="top: 65px; left: 115px;"]skater[/div][/div] [div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] amber jacqueline kennedy [div class=tag]nickname/s[/div] just amber. [div class=tag]age[/div] 18 [div class=tag]gender[/div] cis-female [div class=tag]sexuality[/div] heterosexual [div class=tag]nationality[/div] french-american [div class=tag]talent[/div] figure skating [div class=tag]major[/div] doubling in political science (pre-law) and journalism [div class=tag]height + weight[/div] 5'7" 116 lbs (def on the taller side in the world of figure skating) [div class=tag]eyes[/div] baby blue [div class=tag]hair[/div] dirty blonde that falls in layers framing her face; waist length and wavy [div class=tag]build[/div] thin and fit, toned from a rigorous practice schedule, slight curves and proportionally long legs [div class=tag]attire[/div] preppy and expensive; closet consists of lots of plaid skirts, off the shoulder tops, cashmere sweaters, and thigh high boots [div class=tag]distinguishing features[/div] sharp jawline, piercing blue eyes, high cheekbones[/div][/div] [div class="tabContents tabContents3"][div class=scroll][div class=tag]persona[/div] on the outside, amber is a social butterfly. although her calm and confident aura comes off as quite cold and intimidating, it makes her pretty intriguing. people find her quite alluring and are generally drawn to her. once you approach her, she's friendly and sweet (at least upfront), outgoing, and attractive, making it easy for her to charm the pants off of just about anyone. she's admired amongst her peers, and sure, maybe she can be a bit vain, but she's never goes of of the way to make others feel inferior. she's competitive, ambitious and driven, being taught to always strive for the best and to come out at the top, expecting nothing less. it's made her stubborn and very independent. she doesn't settle for less and always puts 110% into everything. whether it is at school, in figure skating, or in front of high society, she's seen as a leader and is admired and respected for her accomplishments, in which she credits her dedication, hard work, determination, and ability to get along with most people (which also includes her sly manipulation shhhh). and even if she can be bitchy and opinionated, she's been groomed to have the perfect manners, so amber knows how to keep it to herself and put on a bright smile, always saying the right things and making just the right connections. she's only ever shows her cold and bitchy side when she needs to defend herself or her friends (whom she's absolutely loyal to). with her intelligence and the ability to connect and understand many people, she has a knack for getting people to open up to her, so she knows how to use it to her advantage, getting away with it innocently of course. she knows how to use her clever words to get whatever she wants, and she'll do whatever it takes to stay at the top. amber definitely knows how to keep a clean and perfect reputation, being groomed to be the poised and perfect, but it's a hard job to pull off, and it's become increasingly more difficult. however, this is something she'll only reveal to her closest friends, and she doesn't plan on crumbling underneath all the stress and pressure. [div class=tag]likes[/div] sharpened skates, matcha, lattes, freshly laid ice, warm weather (despite practicing on ice all day), dancing, cozy sweaters, alcohol, skirts, traveling, old hollywood classics, the city, flirting [div class=tag]dislikes[/div] the country side, rain, cold weather, mayo, spiders, country music, pigeons, cakey foundation, feeling unproductive, lazy people, kiss-ups, obnoxious people, the smell of weed, sugary coffee [div class=tag]strengths[/div] loyal, intelligent, charismatic, poised, driven, hardworking, athletic, creative, confident [div class=tag]flaws[/div] blunt, cold, stubborn, easily irritated, manipulative, promiscuous, vain, impatient, untrusting[/div][/div] [div class="tabContents tabContents4"][div class=scroll][div class=tag]history[/div] amber grew up in a cold, unloving home surrounded by the wealth, glamour, and corruption of new york society. from the outside, it seemed like she had everything she could ever need, a trust, old money, connections, good looks, and most importantly, filthy rich parents, but that was far from the truth. her father was a yale bred celebrity attorney (and a kennedy descendant) who had met amber's mother, at law school, and together, they painted out their family image to be perfectly spotless. everyone saw what they the world was supposed to see. amber's life was truly picture perfect, or so it seemed. she'd like to say, they were filthy rich and squeaky clean, like their reputation. but of course, no matter how glamorous their facade was, it still couldn't fix up a broken home, but it could be a band-aid to cover up the truth. from as early on as she could remember, her father had pushed her to be the best, to uphold their family image. he handed amber her first pair of skates at the ripe age of 3. she quickly fell in love with the sport, and by the age of 6, it became clear that she had a talent for it. her father quickly signed her up for private lessons with retired olympians as her personal coaches, and she would train daily at the crack of dawn before going to attend some of new york's elite private schools. at school, she was pressured to succeed and constantly be at the top of her class. amber always did what she was told and accomplished everything her parents needed of her, craving their approval and affection. in return, they'd show her off to the rest of society, and brag about her achievements as if it were theirs, but they never returned any love or affection. it didn't matter that she won national titles, received sponsorships, or was internationally ranked. they wanted more from her, and they never once told her that they were proud. she eventually stopped trying to win their love and affection and began doing things for herself. she stopped taking things that were handed to her, determined to make a name for herself without the help of her family. she declined a full ride scholarship to yale, angering her parents' who wanted to continue their legacy, and decided that iris and candor was a better fit for herself. while attending icu, she hopes to continue figure skating, with hopes of making it to the olympics sometime soon. currently amber hopes to double major in political science and journalism, hoping it won't interfere with her practice schedule. she thinks she wants to become a lawyer (a non corrupt one, unlike her father), but she's also quite interested in exploring the field of journalism, inspired to be a news anchor or to write exposes.[/div][/div] [div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=border] width: 650px; height: 400px; margin: auto; [/class] [class=border2] position: absolute; width: 650px; height: 400px; [/class] [class=home] position: relative; width: 250px; height: 400px; left: 200px; transition: 2s; transition-delay: 3s; z-index: 2; [/class] [class=homeimage] width: 250px; height: 400px; background: var(--image-1); background-size: cover; background-position: center; filter: grayscale(100%); transition: 1s ease-in-out; [/class] [class=square1] position: absolute; top: -10px; left: -10px; transition: 1s ease-in-out; border: 1px solid #000; width: 248px; height: 398px; [/class] [class=square2] position: absolute; top: 10px; left: 10px; transition: 1s ease-in-out; opacity: 1; border: 1px solid var(--main-color); width: 248px; height: 398px; [/class] [class=ba] position: absolute; top: 10px; left: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bb] position: absolute; top: 10px; left: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bc] position: absolute; bottom: 10px; right: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bd] position: absolute; bottom: 10px; right: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=line] position: absolute; top: 50px; left: 60px; transition: 1s ease-in-out; width: 5px; height: 0px; background: white; transition-delay: 1.5s; [/class] [class=tab] position: absolute; left: 100px; transition: 1s ease-in-out; border-bottom: 5px solid white; font: 14px/120% Chivo; color: white; text-transform: uppercase; opacity: 0; [/class] [class=leftpic] float: left; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=rightpic] float: right; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=contents] position: absolute; z-index: 1; height: 400px; width: 400px; background: #fff; top: 0px; left: -250px; opacity: 0; transition: 3s; transition-delay: 4s; border: 1px solid #e1e1e1; [/class] [class=tabContents] position: absolute; height: 370px; width: 385px; opacity: 0; padding: 15px 0 15px 15px; overflow: hidden; white-space: pre-line; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; font-size: 12px; [/class] [class=border3] position: absolute; width: 402px; height: 402px; top: -1px; left: 250px; overflow: hidden; [/class] [class=role] position: absolute; text-align: center; font: 22px Chivo; background: var(--main-color); padding: 10px 5px 3px 5px; writing-mode: vertical-rl; text-orientation: upright; color: #fff; text-transform: uppercase; [/class] [class=roleline] position: absolute; height: 75px; background: var(--main-color); top: 0; width: 2px; [/class] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=tag] display: inline; padding: 3px 5px; margin-right: 2px; background: var(--main-color); color: white; font-size: 9px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; font-family: Chivo; [/class] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-style: italic; transition: 1s; [/class] [class=chosentab] font-style: italic; transition-delay: 0s; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [script class=home on=mouseenter] addClass b1 square1 addClass b2 square2 addClass bh ba addClass bw bb addClass bh bc addClass bw bd addClass blur homeimage addClass linemove line addClass appear tab addClass homeslide home addClass contentslide contents [/script] [class=b1] top: 0; left: 0; border: 1px solid var(--main-color); [/class] [class=b2] top: 0; left: 0; background: var(--main-color); opacity: 0.4; [/class] [class=bh] height: 380px; [/class] [class=bw] width: 230px; [/class] [class=blur] filter: grayscale(100%) blur(0.5px); [/class] [class=linemove] height: 300px; [/class] [class=appear] opacity: 1; [/class] [class=homeslide] left: 0; [/class] [class=contentslide] left: 0px; opacity: 1; [/class]
 
Last edited:
[class=border] --main-colour: #A0C9C9; --main-image: url(https://i.pinimg.com/564x/f2/4b/df/f24bdf62420f1a243dc0573035084f28.jpg); --image-1: url(https://i.pinimg.com/564x/04/0f/b1/040fb1428e35e1e6e64bff4eaf949f91.jpg); --image-2: url(https://i.pinimg.com/564x/d9/b3/c6/d9b3c69c713b2c8a609cf3cb7d9e7f97.jpg); [/class]
[div class=container][div class=border][div class=sborder2][div class=shape2][div class=imagea]
[div class=imageb][/div] [div class=tabs][div class="tab tab1 chosen"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class=banner]camilla rossi[/div][/div][/div] [div class=sborder1][div class=shape1][div class="tabContents tabContents1 show"][div class=mainimage][/div][/div] [div class="tabContents tabContents2"][div class=header]01. BASICS[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]full name.[/div] camilla dafne rossi [div class=tag]nicknames.[/div] none [div class=tag]age.[/div] 18 [div class=tag]birthdate.[/div] may 10 [div class=tag]place of birth.[/div] florence, italy
[div class=tag]ethnicity.[/div] italian [div class=tag]gender.[/div] female [div class=tag]sexuality.[/div] bisexual [div class=tag]talent.[/div] polyglot- speaks several different languages [div class=tag]major.[/div] linguistics [/div][/div][/div] [div class="tabContents tabContents3"][div class=header]02. LOOKS[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]height.[/div] 5'7 [div class=tag]weight.[/div] 125 lbs [div class=tag]body.[/div] ectomorph [div class=tag]hair.[/div] brown [div class=tag]eyes.[/div] blue [div class=tag]dist. marks.[/div] freckles across nose [div class=tag]faceclaim.[/div] carolina porqueddu [/div][/div][/div] [div class="tabContents tabContents4"][div class=header]03. PERSONA[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]personality.[/div] if sunshine was a person, it would be camilla. she is warm and inviting, a comfort to her friends. she is genuinely kind and treats others as if they were her equal. above all she loves to communicate, which is was led to her interest in languages. though sunshine may be warm and inviting, it can still burn you. camilla has quite a temper. she struggles holding back her silver tongue when she feels the need to lash out. her stubborn streak can make it difficult to admit her wrongdoings and apologize for her actions, but she truly does feel terrible if she hurts anyone (just admitting it is hard). she can be a bit uptight at times, especially when it comes to her studies and living situations. [div class=tag]likes.[/div] travel, learning, sunshine, fresh fruits and veggies, film photography, movies, soft blankets, coffee, candles, peaches [div class=tag]dislikes.[/div] rain, ignorance, fast food, mushrooms, not getting enough sleep, being late, running, silence, overbearing perfumes, disorganization [div class=tag]strengths.[/div] intelligent, confident, empathetic, outgoing, driven, responsible, organized, reliable [div class=tag]flaws.[/div] stubborn, quick-tempered, blunt, nosy, impulsive, finicky, dramatic, sensitive [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]04. HISTORY[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]childhood.[/div] camilla is the second child of marcello and giulia rossi. she was born four and a half years after her brother, luca, completing the family. marcello is an english professor and giulia is a cardiothoracic surgeon. honestly, camilla’s childhood was largely uneventful and normal. she grew up in florence, italy, and spent her time following her brother around. she was raised speaking english in addition to italian, as her father felt like it was important. this introduced a love for languages. camilla even began learning spanish when she began her schooling. however, her happy and typical childhood was interrupted when she was diagnosed with leukemia three weeks after her tenth birthday. the treatments were grueling and uncomfortable. she had stopped going to school and was homeschooled. she really delved into language learning at the time taking on the rest of the romance languages- french, portuguese, and even a little bit of romanian. when she was feeling up to it, her family would take weekend trips to these places so she was able to practice in a real setting and experience new things. [div class=tag]teens.[/div] despite a few occasions where her prognosis seemed very poor, camilla was officially declared in remission when she was 14 and returned to school shortly after. she was ahead of her peers academically due to her homeschooling, but she desperately missed socializing and being with people her own age, so she rejoined school at the grade level she would have been if she didn’t stop going to school. she still adored learning languages and began on german next. though now, she was learning at a slower pace now that she was spending more time with friends and had less free time to study on her own. she finished her schooling and graduated with honors. [div class=tag]adulthood.[/div] camilla knew she wanted to continue her education (and her parents would most definitely insist on her going to university). she wanted to experience a new culture and go somewhere she had never been, so she decided to study in the united states. there were so many universities she considered, applying to thirteen of them. her ten acceptances did not help make her choice any easier. however, she ultimately decided on iris & candor university. she can’t wait to begin a new chapter in her life and broaden her horizons. [/div][/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=container] width: 700px; height: 400px; margin: auto; [/class] [class=border] position: absolute; width: 700px; height: 400px; [/class] [class=sborder1] position: absolute; top: -1px; left: 124px; height: 402px; width: 452px; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); background: #eee; z-index: 1; [/class] [class=sborder2] position: absolute; top: -1px; right: 124px; height: 402px; width: 452px; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); background: #eee; [/class] [class=shape1] position: absolute; z-index: 1; top: 1px; left: 1px; height: 400px; width: 450px; background: #fff; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=shape2] position: absolute; top: 1px; right: 1px; height: 400px; width: 450px; background: var(--main-colour); background-image: url(https://www.transparenttextures.com/patterns/ag-square.png); -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=slideright] right: -1px; transition: 1s all; [/class] [class=slideleft] left: -1px; transition: 1s all; [/class] [script class=border on=mouseenter] addClass slideleft sborder1 addClass slideright sborder2 [/script] [class=mainimage] position: absolute; top: 5px; right: 5px; height: 390px; width: 440px; background: var(--main-image); background-size: cover; background-position: top center; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=imagea] position: absolute; top: 25px; right: 105px; height: 120px; width: 120px; -webkit-clip-path: inset(0 0 0 0 round 30% 5%); clip-path: inset(0 0 0 0 round 30% 5%); background: var(--image-1); background-size: cover; background-position: center; [/class] [class=imageb] position: absolute; top: 165px; right: 105px; height: 120px; width: 120px; -webkit-clip-path: inset(0 0 0 0 round 30% 5%); clip-path: inset(0 0 0 0 round 30% 5%); background: var(--image-2); background-size: cover; background-position: center; [/class] [class=banner] position: absolute; bottom: 45px; right: 105px; height: 40px; width: 230px; background: white; border-radius: 0 90px 5px 0; text-align: right; line-height: 40px; padding-right: 25px; font-size: 14px; color: var(--main-colour); text-transform: uppercase; letter-spacing: .5px; box-shadow: 0px 0px 50px 0px #fff; font-weight: 600; [/class] [class=tabs] position: absolute; top: 20px; right: 20px; width: 50px; height: 230px; background: transparent; display: flex; flex-direction: column; justify-content: space-evenly; border: 1px solid transparent; [/class] [class=tab] width: 35px; height: 35px; background: #fff; color: var(--main-colour); font-size: 15px; border-radius: 10px; line-height: 33px; text-align: center; transition: 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; box-shadow: 0px 0px 50px 0px #fff; [/class] [class=tabContents] position: absolute; height: 100%; width: 100%; opacity: 0; transition: all 1.5s; [/class] [class name=tab state=hover] background: #333; color: #fff; transition: 0.5s ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosen tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosen tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosen tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosen tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosen tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 [/script] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: black; text-transform: lowercase; font-size: 12px; [/class] [class=textbox] font-family: Manrope; font-size: 12px; position: absolute; bottom: 25px; left: 30px; height: 250px; width: 360px; overflow-x: hidden; color: #333; white-space: pre-line; [/class] [class=line] position: absolute; width: 420px; height: 1px; background: #eee; bottom: 300px; left: 15px; [/class] [class=header] position: absolute; top: 20px; right: 20px; text-transform: uppercase; font-size: 50px; width: 400px; text-align: right; font-family: Manrope; letter-spacing: 1px; color: var(--main-colour); [/class] [class=tag] text-transform: uppercase; display: inline; font-size: 12px; letter-spacing: 1px; text-align: left; font-weight: 600; color: var(--main-colour); [/class] [class=chosen] color: white; background: #333; [/class]
 
Last edited:
[class=variables] --accent: #6E82A6; --image: url('https://i.ibb.co/NCQ7kCY/bruh.png'); --rimage1: url('http://cohenwoodworking.com/wp-content/uploads/2016/09/image-placeholder-500x500.jpg'); --rimage2: url('http://cohenwoodworking.com/wp-content/uploads/2016/09/image-placeholder-500x500.jpg'); --rimage3: url('http://cohenwoodworking.com/wp-content/uploads/2016/09/image-placeholder-500x500.jpg'); --rimage4: url('http://cohenwoodworking.com/wp-content/uploads/2016/09/image-placeholder-500x500.jpg'); --rimage5: url('http://cohenwoodworking.com/wp-content/uploads/2016/09/image-placeholder-500x500.jpg'); [/class] [div class=variables] [div class=bkg] [div class=img][div class=top]Isaac
Vargas[div class=topline][/div][/div] [div class=bottom] [div class=bottomline][/div][/div][div class=filter][/div][/div] [div class=flexbox][div class=itab][/div][div class="tab tab1" style="margin-top: 5px;"]basics[/div][div class="tab tab2"]looks[/div][div class="tab tab3"]persona[/div][div class="tab tab4"]bio[/div][div class="tab tab5"]relations[/div][div class=itab][/div][/div] [div class="content content1 select"][div class=scroll] [div class=tag]Name[/div]Isaac Vargas

[div class=tag]Age[/div]18

[div class=tag]Gender[/div]Cis Male

[div class=tag]sexuality[/div]Heterosexual

[div class=tag]nationality[/div]American



[div class=tag]talent[/div]Hacking

[div class=tag]major[/div]Computer Science

[/div][/div] [div class="content content2" style="top: -1522px;"][div class=scroll] [div class=tag]faceclaim[/div]Benjamin Wadsworth

[div class=tag]height[/div]5’9

[div class=tag]weight[/div]150 lbs



[div class=tag]eye color[/div]Brown

[div class=tag]hair color[/div]Dark Brown

[div class=tag]distinguishing features[/div]Dark circles under eyes

[/div][/div] [div class="content content3" style="top: -2043px;"][div class=scroll] [div class=tag]personality[/div] Much like the computers he loves, Isaac is wired. Running on paranoia and nervous energy, he always has to be doing something, whether that be coding, playing video games, or even just pacing and fidgeting. He’s usually stressing out about at least five things at any given time, but hides it under a mask of irritation and snark. This anxiety essentially rules Isaac’s life, and he has trouble forming meaningful relationships because of his fear of being hurt. He’s also an extremely private person, and will lash out at someone if they try prying too deep into his activities.

Isaac is an extremely diligent worker, and can focus on one project for days on end. Unfortunately, this can be to his detriment, as when he gets “in the zone” he often forgets to eat or sleep. This passion especially extends to his hacking work. He has a strong sense of justice, and if something sketchy is going on and he’s in a position to do something about it, he can’t stop himself.

[div class=tag]likes[/div]computers, energy drinks, rock music, horror movies, when people put “password” as their password, strategy games

[div class=tag]dislikes[/div]Apple devices, mainstream social media, harsh sunlight, vegetables, people who believe in astrology, anime



[div class=tag]strengths[/div]hard worker, focused, intelligent, strong sense of justice, independent

[div class=tag]flaws[/div]anxious, obsessive, guarded, impolite, judgemental, paranoid, moody

[/div][/div] [div class="content content4" style="top: -2564px;"][div class=scroll] [div class=tag]history[/div] Isaac was born to an ordinary middle of the middle class family somewhere in rural Arizona. From an early age, he was fond of computers. Starting from when he discovered 3D Space Cadet Pinball on his parent’s PC, he fell in love with the possibilities computers offered, and would spend his time tinkering around with the various software instead of playing outside like the other kids. While his parents supported their eccentric son and his interests, the other kids were less understanding. Isaac was ostracized by his classmates, and had very few friends. While the rejection from his peers was painful, Isaac pretended that it didn’t bother him, and instead focused his energy on taking his interest in computers to the next level by learning how to program.

In highschool, Isaac was one of those kids who never needed to study to pass a test, and academically speaking, he breezed through with minimal effort, yet mediocre grades. His teachers would just sigh and wonder why such a bright boy wouldn’t apply himself more. His classmates, while no longer finding entertainment in actively harassing him, were still kind of weirded out by the nervous looking boy who had a faraway look in his eyes.

What people didn’t know is that Isaac had something of a side gig. In his spare time, he had taken to hacking. It started out as just a hobby, something he did to flex his programmer muscles a bit. He never did anything malicious, he just liked poking around confidential documents. Was it wrong? Yeah, probably, but Isaac never really thought much about it, and saw it as just a fun challenge to do when he was bored. But, one day, that perception suddenly shattered.

One day on a whim, he decided to snoop on a popular vlogger who had been enjoying a massive burst in popularity lately. While searching through the guy’s DM’s he came across something disturbing. A group of relatively well known male influencers had a group chat where they were drooling over pictures sent to them by female fans. Some of which were underage. Isaac’s blood boiled. While he wasn’t so naive to think this kind of thing could never happen, seeing play out right in front of him was something else entirely. He knew he couldn’t let it slide.

Isaac spent gathering up as much evidence and personal information on these people as he could. He then put it all in a ZIP file and posted it everywhere he could get away with under the pseudonym “tartarus_inc.”. The leak soon blew up into a huge scandal. The influencers involved were publicly shamed, legal action was taken, it was a circus. And at the center of it all was the mysterious vigilante who brought these creeps to justice.

From there, Isaac continued to expose those he felt needed exposing, and had developed something of a following of people eager to see who got “busted” next. While it was a bit of an ego boost, he was mostly concerned with not being caught, as what he was doing was certainly not legal.

Upon graduation, Isaac applied for Iris & Candor University largely by his parent’s request. While he had zero belief he’d actually get in due to his grades, he sighed and figured it wouldn’t hurt. Shockingly enough, he was quickly accepted with generous financial aid.

It’d be stupid of him to say no to that, right?



[/div][/div] [div class="content content5" style="top: -3085px;"][div class=scroll] [div class=columncont][div class=rimage][/div][div class=rcontent] [div class=scroll][div class=rtag]relationship name here[/div] relationship information here [/div][/div][/div] [div class=columncont][div class=rimage style="background: var(--rimage2); background-size: cover;"][/div][div class=rcontent] [div class=scroll][div class=rtag]relationship name here[/div] relationship information here [/div][/div][/div] [div class=columncont][div class=rimage style="background: var(--rimage3); background-size: cover;"][/div][div class=rcontent] [div class=scroll][div class=rtag]relationship name here[/div] relationship information here [/div][/div][/div] [div class=columncont][div class=rimage style="background: var(--rimage4); background-size: cover;"][/div][div class=rcontent] [div class=scroll][div class=rtag]relationship name here[/div] relationship information here [/div][/div][/div] [div class=columncont][div class=rimage style="background: var(--rimage5); background-size: cover;"][/div][div class=rcontent] [div class=scroll][div class=rtag]relationship name here[/div] relationship information here [/div][/div][/div]
[/div][/div] [/div] [/div] [class=bkg] height: 500px; width: 750px; background: #ededed; margin: auto; border: 1px solid #c5c5c5; overflow: hidden; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; [/class] [class=img] height: 500px; width: 200px; background-image: var(--image); background-size: cover; background-position: center center; transition: all 1s; [/class] [class=flexbox] height: 500px; width: 100px; position: relative; background: #f5f5f5; display: flex; flex-direction: column; justify-content: center; top: -500px; left: 200px; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; [/class] [class=tab] height: 20px; font-family: Manrope; text-align: center; font-size: 12px; color: var(--accent); width: 80px; position: relative; left: 10px; text-transform: uppercase; border: 1px solid #c5c5c5; margin-bottom: 10px; font-weight: bold; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; transition: all 1s; letter-spacing: 1px; [/class] [class=itab] height: 30px; font-family: Manrope; text-align: center; font-size: 25px; color: var(--accent); width: 80px; position: relative; left: 10px; margin-bottom: 15px; [/class] [class=top] width: 200px; height: 80px; position: relative; padding-top: 40px; color: var(--accent); font-family: Manrope; text-transform: uppercase; font-size: 25px; line-height: 20px; font-weight: bold; text-align: center; letter-spacing: 3px; top: -120px; transition: all 1s; z-index: 5; pointer-events: none; [/class] [class=topline] height: 1px; background: var(--accent); width: 160px; position: relative; left: 20px; top: 25px; [/class] [class=bottom] width: 200px; height: 80px; position: relative; padding-top: 40px; color: var(--accent); font-family: Manrope; text-transform: uppercase; font-size: 12px; line-height: 20px; text-align: center; top: 380px; transition: all 1s; z-index: 5; pointer-events: none; [/class] [class=filter] height: 500px; width: 200px; background: black; opacity: 0; transition: all 1s; position: relative; top: -240px; [/class] [class=bottomline] height: 0.5px; background: var(--accent); width: 160px; position: relative; left: 20px; top: -65px; [/class] [class=content] height: 501px; width: 450px; position: relative; top: -1001px; left: 300px; transition: all 1s; opacity: 0; overflow: hidden; font-family: Manrope; color: black; font-size: 12px; padding: 10px; [/class] [class=tag] color: var(--accent); font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; [/class] [class=scroll] overflow-y: scroll; overflow-x: hidden; padding-right: 30px; width: 100%; height: 100%; [/class] [class=columncont] height: 150px; width: 430px; position: relative; overflow: hidden; margin-bottom: 10px; [/class] [class=rimage] height: 150px; width: 150px; background: var(--rimage1); background-size: cover; [/class] [class=rcontent] height: 150px; width: 270px; position: relative; left: 160px; top: -150px; font-family: Manrope; font-size: 12px; color: black; text-align: justify; [/class] [class=rtag] color: var(--accent); font-size: 17px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; background: #ededed; position: sticky; top: 0px; [/class] [class=down] top: 0px; [/class] [class=up] top: 260px; [/class] [class=select] opacity: 1; z-index: 5; [/class] [script class=img on=mouseenter] addClass up bottom addClass down top [/script] [script class=img on=mouseleave] removeClass up bottom removeClass down top [/script] [class name=filter state=hover] opacity: 0.3; [/class] [class name=tab state=hover] background: var(--accent); color: white; [/class] [script class=tab1 on=click] addClass select content1 removeClass select content2 removeClass select content3 removeClass select content4 removeClass select content5 [/script] [script class=tab2 on=click] addClass select content2 removeClass select content1 removeClass select content3 removeClass select content4 removeClass select content5 [/script] [script class=tab3 on=click] addClass select content3 removeClass select content2 removeClass select content1 removeClass select content4 removeClass select content5 [/script] [script class=tab4 on=click] addClass select content4 removeClass select content2 removeClass select content3 removeClass select content1 removeClass select content5 [/script] [script class=tab5 on=click] addClass select content5 removeClass select content2 removeClass select content3 removeClass select content4 removeClass select content1 [/script]
 
Last edited:
[class=tag] color: #000; padding: 0px 4px 3px 4px; background: #c73d32; display: inline; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #000; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #fff; text-align: center; transition: .7s all ease-in-out; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 35px; float: left; font-family: Montserrat-Bold; font-weight: bold; text-transform: lowercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 11px; line-height: 26px; background: #fff; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
basics
[div class="tab tab2"]
looks
[div class="tab tab3"]
psyche
[div class="tab tab4"]
history
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]Fatima Khatri
[div class="heading heading1"]basics[/div] [div class="heading heading2"]looks[/div] [div class="heading heading3"]psyche[/div] [div class="heading heading4"]history[/div] [div class="heading heading5"]gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
Fatima Khatri
[div class=tag]nickname[/div] Poppy | due to her Instagram handle and how her favorite color is poppy red
Squirrel | Call her this if you have a death wish
[div class=tag]age[/div] Eighteen
[div class=tag]gender[/div] Cis-Female
[div class=tag]sexuality[/div] Bisexual
[div class=tag]nationality[/div] Indian
[div class=tag]talent[/div] Debate / Psychology
[div class=tag]major[/div] Political Science (wants to go into the criminal justice field)
[div class=tag]minor[/div] Psychology
[div class=tag]playlist[/div]
&burn by Billie Eilish & Vince Staples
Bad at Love by Halsey
Blood Diamond by VERIDIA
Calm Down by Krewella
Dirty Car by Studio Killers
Feed the Animal by VERIDIA
Finest Hour (feat. Abir) by Cash Cash
I Can Only. (feat. Alessia Cara) by JoJo
Ideas by Au/Ra
Jenny by Studio Killers
Kicks (Acoustic) by Au/Ra
Midnight by Caravan Palace
Nightmare by Halsey
No Coming Down (feat. Alex Wiley & Sky Montique) by NGHTMRE
The Outsider by Marina and the Diamonds
Shut Up by New Years Day
Sloth by Mili
Swan Song by Dua Lipa
[/div][/div] [div class="tabContents tabContents02"]
[div class=tag]height
5’3” | Whatever you do, do not call her short. She will find a way to prove you guilty in the eyes of the court.
[div class=tag]weight[/div] 129 lbs
[div class=tag]eyes[/div] Dark Brown
[div class=tag]hair[/div] Currently her hair is a dark brown, though she has dyed it many colors before (including one of her favorites: blonde). It would not be a surprise if she ended up with blonde hair once again. Style-wise, her hair is currently shoulder length, though sometimes she makes an effort to grow it out… only to cut it again directly after. Long hair is too much work, anyways.
[div class=tag]distinguishing features[/div] None, but are you really surprised?
[div class=tag]face claim[/div] @bbyg6rl
[div class=tag]attire[/div] Fashion? Don’t know her. Fatima’s wardrobe is an actual warzone. She does not have a set style, so expect a surprise for every time someone sees her. [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]positive traits

+ Adaptable / Flexible / Malleable | An attorney has to be able to properly adjust to their situation, whether it may be a surprise to them or not. Seldom is Fatima ever shocked by something, but her ability to fine-tune her behavior to better match the circumstances aids her in maintain composure. In a way, it also assists her in not “losing her balance” in an argument or debate if her opponent were to say something with the purpose of catching her off guard. In the rare moments where she is cut off guard, a more vulnerable Fatima reveals herself; a side of herself she would rather hide away from prying eyes.
+ Decisive / Earnest / Resolute | Fatima is quick on her feet when she finds herself in a less-than-pleasant state of affairs. Within seconds she can fire out numerous possible solutions to problems and, as a whole, speaks very fast when she is in the “zone.” After all, a true attorney must be clearsighted and firm with their decisions if they wish to succeed in the world of law.
+ Meticulous / Diligent / Thorough | Regardless of how painstakingly slow it may be to fully examine the “little details,” Fatima is naturally a very finicky person and does not mind the sluggish process. Sometimes, seeing the small details rather than the whole picture will prove to be more beneficial depending on the circumstances. She sees everything as a puzzle, each situation has its missing pieces that contribute to the entire image. She makes it her mission to find those small pieces, or else understanding the big picture would be more of an uphill battle.
+ Enthralling / Charming / Beguiling | Perhaps it may be the way she carries herself with dignity, the way she talks fluently without a a single pause, or maybe it is her velvety soft voice? Who knows, Fatima sure doesn’t. Whenever she notices that she seems to have enchanted those who are listening to her, she is beyond confused. Then again, she does acknowledge the positives of this, being that persuading people now became much easier.
[div class=tag]neutral traits[/div]
= Honest / Frank / Candid | As one of her more neutral traits, this can go either one way or the other. On the positive side, Fatima will tell the truth. On the negative side, Fatima will tell the truth, no matter how rude, blunt, or insensitive it may be.
= Persuasive / Influential / Credible | To practice law also means to practice the art of persuasion, the more plausible your answers the more likely you will win the judge’s approval. Fatima can easily talk herself out of trouble, but she can’t say the same for the people she considers as her acquaintances. Depending on if she values them beyond being a tool for future use, she will aid them in their endeavors to escape trouble. However, with her silver tongue, she can also get them in trouble quite easily. In other words, pissing off the squirrel will not be very advantageous for them.
= Analytical / Calculating / Logical | If the situation calls for a more rational way of thinking, Fatima is your girl. In fact, she approaches everything in a systematic manner and is investigative as well. Though, the cold and calculating stereotype is a mold she fits in quite nicely. This trait of hers renders her unable to make jokes, but in the case she does, it will be very dry and dark at best.
[div class=tag]negative traits[/div]
- Argumentative / Confrontational / Critical | Fatima is not exactly the most unassuming person to exist, she is actually the complete opposite. “Quarrelsome” is a word that describes her perfectly as she will make sure someone knows how disappointing they are in her eyes. If she feels “off” in a location, she will ensure that everyone knows and will fix it, because Fatima will give them no choice otherwise. In a way, her complaining can take a nagging tone, especially if she does truly care about a person. This trait also does its part in emphasizing her strict character.
- Mysterious / Peculiar / Enigmatic | No one is entitled to know every aspect about her life, according to her. If Fatima would rather keep something secret than let the whole world know, then she will. At times she will even speak in riddles, which only serves to exemplify her mysteriousness and overall weirdness. She is known as the “weird” girl, often times engaging in questioning behaviors and staring at someone for no reason at all.
- Arrogant / Haughty / Egotistic | She is not a sore loser… per se. If she knows she is losing the battle, she will not continue to fight when she is clearly at a disadvantage. However, she does believe that what she says is right, and everyone else is wrong. Of course, not saying that she does not occasionally see why she may be wrong; it is more of a 50/50 chance that she will acknowledge her mistakes.
- Domineering / Dictatorial / Interventionist | When conversing with others, Fatima had a tendency to be authoritarian and bossy. She will tell someone to leave her alone and expect to be listened to and not disobeyed. Sometimes, her friends (or acquaintances, as Fatima says) would tease her that she would likely be a dictator in another universe. The scary thing is that Fatima did not agree or disagree with that statement.
[div class=tag]likes[/div] : Debate | Learning About Law | Criminal Investigation Shows (aka. Forensic Files) | Spring (surprisingly) | Reading | Psychology | Horror Movies | Spicy Foods | Dark Humor | Courtrooms (she sees them as her battlefield) | Winning debate competitions (she has a total of 12 trophies, from both small competitions to large, national competitions) | Listening to Music | Cats | Snakes
[div class=tag]dislikes[/div] Excessive Physical Affection (she can deal with a two-second-long hug but not cuddling, though you could trap her, she just won’t be happy about it... and she'll probably hiss at you) | Spiders | Wasps | Loud People | Being Challenged | Getting Teased (but let’s be honest, teasing an angry squirrel is really entertaining) | Losing / Being Proved Wrong | Exploitation (more so on her side) | Sour Candy | Superhero Comic Books (a guilty pleasure of hers)
[div class=tag]strengths[/div] : Debating | Being Persuasive | Solving Problems / Puzzles | Investigation | Quick Learner | Adapting
[div class=tag]flaws[/div] Is Weak (Physically) | Her Ego | Picky | Can Be Narrow-Minded | Critical (of herself and others) | Complains often [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]Family & Relations

Mother | Raagavi Khatri |FC: Sarita Choudhury
A strict mother and housewife, Ms. Khatri strives for her children to make it to the big leagues (whether that be becoming successful businessmen/woman, a doctor, or another career that brings just as much honor. Unlike Mr. Khatri, Raagavi prides herself in being the future mother of three intelligent children. At times, when she voices her true intentions, Raagavi is seen as a mother who cares very little about her children and instead lives through her children’s projected success. However, Madura, Fatima, and Gajab would proudly disagree with that statement. Raagavi, though she truly cares about her children prospering, is one of the most caring and attentive mothers there are. Her strictness is easily overshadowed by the constant praise and attention she gives to her children. At the moment, though Raagavi will not say it aloud, Fatima is currently her favorite (having gotten into the college that Madura could not). Such favoritism shows as well, with how Raagavi does not let a day pass by without calling and checking up on her daughter.

Father | Aabheer Khatri | FC: Sanjeev Bhaskar
Mr. Khatri could not give a single shit about what and what not his children do, as long as they are healthy and mentally sane, he will love them all the same. With the incessant grooming his wife does in order for their children to do well academically, Aabheer has taken a liking to being in the sidelines when parenting. He does get some backlash for refusing to uphold the same values that his wife does, but does he care? No.
He believes that the kids should be kids and not waste away their childhood with the laborious studying they do on a daily-basis.

Older Sister | Madura Khatri | FC: Eesha Rebba
Madura will not openly say that she is envious of her little sister, but by being the “disappointment” of the family, she wished she could switch places with Fatima. However, Madura is very intelligent and after being admitted to Duke University, she thought she would be held in high regard. Little did she know, Duke did not meet Raagavi’s expectations. Now that she is on the track to become a surgeon, Madura tries her hardest to push back the guilt she feels whenever she thinks about “what could have been.”

Younger Brother | Gajab Khatri | FC: Karan Brar
A young boy whose heart is bigger than his brain, unfortunately for his mother Raagavi. Gajab is not motivated to become something “big” in the world. Rather, he would want a more humble life with a small family and funds he could manage (instead of having to keep track of a 6-figure salary). He is also very stubborn about his dream and can withstand the attempts by his mother to change his mind about such wishes. Of course, he still looks up to his older sisters, but for him to mirror their success is unlikely.

Best Friend | Demetria Holland / @BadB!sh | FC: Cindy Kimberly
A girl who has done the impossible: befriend Fatima. Through hard work and patience, Demetria has tamed the angry squirrel and has become a person who Fatima will take a bullet for. Even though they are complete opposites of each other, with Demetria being a natural extravert (and Fatima, an introvert), their friendship was bound to crash and burn. Yet, year after year passed in high school and they still managed to stay strong through countless arguments and mishaps. Fatima still keeps in touch with Demetria, who goes to Caltech, via Instagram and text.
[div class=tag]History[/div]
Childhood (0-10) ||
  • Fatima was prepped and groomed the instant she came into the world. Both Raagavi (her mother) and Aabheer (her father) were quick to get her a tutor as soon as she was old enough to attend school. Due to this extra help “bestowed” upon her (as her mother would remark), Fatima would excel in school, passing her classes with ease and diligence. Madura, being 12 at the times, joined the debate club at their school, and at this time was when Fatima developed her interest in debate and law. Though she did not initially understand the slew of information Madura would tell their mother and father, Fatima still remained fascinated at the new terms and information she would intake. However, Madura was only able to bring back a silver medal from a local debate competition and immediately withdrew from the club (having not been taught to lose). She then turned to the medical field and focused on thriving in that career path. Fatima, on the other hand, was determined to take over what Madura had given up on. She would engage in research, trying to find all she could know about law before diving into what could be her future. The more she found, the more she felt inclined to learn about law. Despite not understanding half of the advanced vocabulary on these websites and without the guidance of a teacher, Fatima would watch a multitude of videos (of which many showed the debate competitions that Fatima would later dominate in).
Adolescence (11-14) ||
  • Once Fatima was able to take part in the debate competitions, she was beyond ecstatic. Fatima did not have the ability and skill to continue on to nationals quite yet, but the basic stages used in these competitions was enough to elicit her excitement. She, like her sister, also won the silver medal in her first debate competition. Nevertheless, she continued to push on without the sickening feeling of loss shattering her pride. Instead, she was quick to pick herself back up and promise herself a trophy following her first competition. Throughout middle school, all Fatima received was bronze medals and silver medals, not once receiving a trophy for her accomplishments. There was always someone better, someone more composed than her who would leave her speechless during the competition. Every loss was a punch to her ego, and yet like a drug for her perseverance. She still passed her classes with honors and straight A’s, but having not shown the same results for debate club, she felt slightly defeated.
Teenage Years / Present (15-18) ||
  • In high school, was when she finally saw the countless hours of studying and learning bear the fruit of triumph. During these next four years, Fatima would win competition after competition and soon the difficult she experienced in her adolescent years was nonexistent. The “magic” of debate competition did not fully dissipate but the power it had to excite Fatima weakened after every trophy.
  • Fatima was clear to her fellow classmates that looking for friends was not a priority of hers, thence why focusing on winning her competition meant sacrificing any social skills she could have developed. She did not willingly engage in conversation with people, and when she would express a desire to, she would fail in connecting with her peers. Demetria was one of the few people who endured Fatima’s defensive tactics and refused to go away when commanded to. Soon enough, Fatima fell victim to Demetria’s charismatic personality and the two ended up becoming a somewhat well-known duo at the school.
  • Madura, when learning about who admitted her and who did not, was saddened to know that ICU rejected her admission to the college. Albeit getting into Duke and even some ivy schools, Madura’s future plans at ICU was thwarted by their dissatisfaction with her resume. ICU was not exactly Fatima’s dream school and she did not make an effort to apply to the college until her mother’s endless obstinacy forced Fatima to complete an application.
  • She did not try at all on her application, in fact, she was sure that her application had typos and grammatical errors that practically radiated with her carelessness. Still, ICU seemed to have overlooked over typo within her application since they proudly sent her back an acceptance letter. Raagavi was on the verge of fainting after opening the letter and Madura, who was in her senior year of college was both surprised and disheartened at how her sister (yet again) did what she could not. Fatima did not have a choice in the matter and her mother insisted on watching her accept the offer on her laptop. Fatima did not even research anything about the school and was very ignorant of their values, classes, etc. Much to her satisfaction, she realized they had a strong law school within the college, which in return, improved the image of the college in her eyes. Perhaps this would not be as bad as Fatima had originally thought, or was Fatima getting herself into something much more complicated than the study of law?
[/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
The Attorney
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
Last edited:
[class=bkgd] --border-color: #fff; --color1: #4074a5; --color2: #3b0056; --color3: #4e004f; --color4: #4d0037; --color5: #630000; --text-color: #fff; position: relative; width: 280px; height: 385px; margin-right: auto; margin-left: auto; background: url(https://66.media.tumblr.com/d852e931d47b8f7ba80c751087de4ab8/tumblr_od9aiaVDGo1vc9rugo1_400.jpg); background-size: 100%; background-position: 0% 70%; border: 1px solid var(--border-color); overflow: visible; margin-top: 40px; cursor: url('https://i.imgur.com/FMvuswx.png'), auto; [/class] [class=name] position: absolute; top: -35px; height: 25px; width: 259px; text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 20px; line-height: 25px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; [/class] [class=role] position: absolute; top: 183px; left: -212px; height: 18px; width: 365px; transform: rotate(-90deg); text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 13px; line-height: 18px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; [/class] [class=back] position: absolute; top: 22px; left: 265px; height: 12px; width: auto; transform: rotate(90deg); text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 8px; line-height: 12px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; letter-spacing: 0px; [/class] [class=tab] position: absolute; border: 1px solid var(--border-color); transition-duration: 0.3s; color: var(--text-color); text-transform: uppercase; [/class] [class=tabs] height: 65px; width: 10px; border: 1px solid var(--border-color); left: 260px; font-size: 8px; line-height: 10px; writing-mode: vertical-rl; text-orientation: mixed; text-align: center; letter-spacing: 2px; [/class] [class name=tab state=hover] background-color: var(--border-color); transition-duration: 0.3s; color: #000; [/class] [class=tab1] top: 10px; [/class] [class=tab2] top: 85px; [/class] [class=tab3] top: 160px; [/class] [class=tab4] top: 235px; [/class] [class=tab5] top: 310px; [/class] [class=col1] background-color: var(--color1); [/class] [class=col2] background-color: var(--color2); [/class] [class=col3] background-color: var(--color3); [/class] [class=col4] background-color: var(--color4); [/class] [class=col5] background-color: var(--color5); [/class] [class=header] position: absolute; width: auto; height: 27px; left: 12px; top: 12px; color: var(--text-color); font-size: 15px; line-height: 30px; text-align: left; text-transform: uppercase; padding: 0px 10px 0px 10px; [/class] [class=headerbar] position: absolute; width: 240px; height: 30px; left: 10px; border: 1px solid var(--border-color); top: 10px; [/class] [class=headerline] position: absolute; width: 96%; height: 1px; background-color: var(--border-color); top: 15px; [/class] [class=textcontainer] position: absolute; width: 240px; height: 325px; left: 10px; border: 1px solid var(--border-color); top: 50px; overflow: hidden; [/class] [class=text] position: relative; width: 225px; height: 310px; color: var(--text-color); overflow: auto; font-size: 10px; line-height: 12px; text-align: justify; text-transform: lowercase; padding: 10px 22px 5px 10px; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid var(--border-color); font-size: 9px; text-align: center; margin-right: 3px; padding: 1px 3px 1px 3px; text-transform: uppercase; color: var(--text-color); font-weight: 400; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [class=hidden] display: none; [/class] [class=breaks] white-space: pre-wrap; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} collapse) (fadeIn 400 tabsContent0) if (eq ${currentTab} basics) (fadeIn 400 tabsContent1) if (eq ${currentTab} app) (fadeIn 400 tabsContent2) if (eq ${currentTab} persona) (fadeIn 400 tabsContent3) if (eq ${currentTab} history) (fadeIn 400 tabsContent4) if (eq ${currentTab} misc) (fadeIn 400 tabsContent5) [/script] [div class=bkgd] [div class="name col1"]Molly Hart.[/div] [div class="role col5"]"She just has that thing."[/div] [div class="back tab col2"]collapse[/div] [div class="tab tabs tab1 col1"]basics[/div] [div class="tab tabs tab2 col2"]app[/div] [div class="tab tabs tab3 col3"]persona[/div] [div class="tab tabs tab4 col4"]history[/div] [div class="tab tabs tab5 col5"]misc[/div] [div class="headerbar col1 hidden tabsContent tabsContent1"][div class=headerline][/div][/div] [div class="headerbar col2 hidden tabsContent tabsContent2"][div class=headerline][/div][/div] [div class="headerbar col3 hidden tabsContent tabsContent3"][div class=headerline][/div][/div] [div class="headerbar col4 hidden tabsContent tabsContent4"][div class=headerline][/div][/div] [div class="headerbar col5 hidden tabsContent tabsContent5"][div class=headerline][/div][/div] [div class="header col1 hidden tabsContent tabsContent1"]basics[/div] [div class="header col2 hidden tabsContent tabsContent2"]appearance[/div] [div class="header col3 hidden tabsContent tabsContent3"]persona[/div] [div class="header col4 hidden tabsContent tabsContent4"]history[/div] [div class="header col5 hidden tabsContent tabsContent5"]misc[/div] [div class="textcontainer col1 hidden tabsContent tabsContent1 breaks"][div class=text][div class=tag]name[/div] molly hart. [div class=tag]age[/div] 18. [div class=tag]gender[/div] cisfemale. [div class=tag]sexuality[/div] pansexual. [div class=tag]nationality[/div] american. [div class=tag]talent[/div] dance. [div class=tag]major[/div] fine arts. [/div][/div] [div class="textcontainer col2 hidden tabsContent tabsContent2 breaks"][div class=text][div class=tag]faceclaim[/div] elle fanning. [div class=tag]height[/div] 5'7". [div class=tag]weight[/div] 121lbs. [div class=tag]eye colour[/div] pale blue. [div class=tag]hair colour[/div] blonde. [div class=tag]distinguishing features[/div] her flawless, milky skin is mostly unblemished apart from a few freckles dotting her face and body. [/div][/div] [div class="textcontainer col3 hidden tabsContent tabsContent3 breaks"][div class=text][div class=tag]personality[/div]Molly could simply be summed up as a deer-in-headlights; with a constant look of confusion, bewilderment and surprise. Oddly possessing an aura of elegance and poise which cannot be feigned. There is just something about her she's always been told; her beauty, the way she carries herself and how she floats around the room. Her youth and beauty prove irresistible to everyone she encounters and considered an 'It Girl' without even lifting a finger. This whiff of effortlessness surrounds Molly with everything she does. Molly is friendly enough, being soft-spoken, impressionable, meek with a sense of humility. Molly can be detached and distant emotionally and physically at times; being hard to understand and her psyche shrouded in mystery. Often all these qualities can be seen as a lack of interest in her craft which easily infuriates people in the art world for seemingly taking her natural talent for granted that people would kill for. Despite Molly's demeanour, she craves the spotlight and relishes in it. A beacon of purity, innocence and naivety; yet below the surface, there is something dark slowly brewing. [div class=tag]likes[/div] being praised, music, dancing, painting, raw meat, observing art and watching old movies. [div class=tag]dislikes[/div] being ignored, fading into the background, criticism, over the top personalities and being treated like a child. [div class=tag]strenghths[/div] effortless in everything she does, fast-learner, poised, observant and humility. [div class=tag]flaws[/div] distant, detached, naive, attention-seeker and impressionable. [/div][/div] [div class="textcontainer col4 hidden tabsContent tabsContent4 breaks"][div class=text][div class=tag]history[/div] one may see molly hart's story as nothing more than a cliche — small-town girl with big dreams — yet there are a few exceptions. molly grew up in a small town within Arizona, to a pair of childhood sweethearts that were ready to start a loving family in their hometown. No one thought in the unassuming, peaceful town a double-homicide would occur — in the Hart household nonetheless. The deaths of both parents left the close-knit community stricken; why did misery always strike the innocent? It left a bigger question though, what to do with little molly? aged four at the time, rumours claim that Molly not only witnessed the murders but sat by their side for over eight hours until police arrived. molly became the town's daughter but was raised by the local pastor, Owen Morley a widower. Pastor Morley raised her in his catholic household along with his biological daughter, Astrid. He treated her like his own, instilling the necessary virtues within her while steering the impressionable girl away from sin. high school was a breeze for molly, she effortlessly made her way through, garnering attention from teachers and peers for the way she carried herself and her beauty. Astrid, however, didn't see the appeal, in fact, she was frustrated by the amount of focus and attention molly received for barely lifting a finger. even her father garnered all of his attention, leaving Astrid to become bitter and jealous considering how hard she tried. Astrid was a dancer, she had been since she could walk; a childhood full of non-stop practice, injuries, hard work and criticism. It was her dream, yet it was swiftly taken away from her. Molly and her father were watching her once during practice, a board representative for Iris and Candor University was in town, scouting for talent. This was Astrid's chance, all the blood, sweat and tears would be worth it. She had honed her craft, she danced like her life depended on it. After practice, the representative approached her father to speak about Astrid. Yet the representative seemed oddly focused on Molly, asking her if she danced. Molly politely declined, yet he persuaded her. Astrid rolled her eyes as Molly walked into the centre of the room; she hadn't danced a day in her life. Once the music began, she commanded the room; possessing a natural, raw and enchanting talent that was unrefined yet effortless, only adding to the allure. The representative insisted she applied for Iris and Candor University, having their full endorsement. Everyone surrounded Molly, praising her, while Astrid stood in the corner, seething. The representative left shortly after but Astrid chased after them, demanding answers in a flurry of rage. The representative merely replied, "She just has that thing." [div class=tag style="display: block;"]relationships[/div]
  • owen morley: the pastor for their small town, molly was raised by him after the murder of her parents. he is a caring and gentle man who adores and coddles molly to try to compensate for her tragic past.
  • astrid morley: molly has nothing bad to say about Astrid, but she has everything bad to say about her. Astrid despises molly, believing she stole her dream. she didn't even care about dance, molly said that herself. now she was going to her dream school, leaving Astrid depressed, but mostly furious. she knows there is something off about molly and she isn't going to rest until everyone else sees that.
[/div][/div] [div class="textcontainer col5 hidden tabsContent tabsContent5"][div class=text] [div class=tag]theme song[/div] concrete - poppy


[div class=tag style="display: block;"]gallery[/div]
24NEON-jumbo.jpg
4bffb765bdcbe4f5f96a912546ce437b.png
04a1937ee1ae8f72d6983e00d02cdbeb.jpg
[/div][/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:
[class name=container] margin: auto; height: 250px; width: 400px; [/class] [class name=containercont] height: 240px; width: 390px; [/class] [class name=chapterpic] background:URL(https://66.media.tumblr.com/a15aea34efe3684b7780538e9ef91973/6796dbde221508e0-58/s400x600/f27892516cff940fe4981686e93a6de8b0a3dc57.gif); float: left; height: 240px; width: 190px; background-size: cover; [/class] [class name=scroll] float: right; height: 240px; width: 190px; overflow: hidden; margin-left: 5px; [/class] [class name=scrollbox] height: 98%; width: 100%; overflow-y: scroll; padding-right: 17px; [/class] [class name=text] font-size: 10px; text-align: justify; [/class] [class name=title] font-size: 18px; text-align: center; letter-spacing: -1px; color: #b7c7d4; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"][div class="chapterpic"][/div] [div class="scroll"][div class="scrollbox"][div class="title”]orey reinhardt.[/div][div class="text”]"he was a planet without an atmosphere."

his full name is orey augustus reinhardt—one of those obnoxiously rare names that just reeks of prestige, legacy, and old money. he doesn’t go by any nicknames.

orey is nineteen years old, born on new year’s eve (making him a capricorn) in new york city, new york, usa. oh, and he likes to remind people he’s from soho, manhattan.

he identifies as a cisgender man. his sexuality, however, is “amorphous,” “undefined,” and “none of your business.” most people think he’s bisexual, but he's notoriously, frustratingly private about his love life.

if the last name wasn’t enough of a clue, orey is almost entirely german.

he does have a way with people, doesn't he? this young man is remarkably well-spoken and dignified, easy-going and conversational with an arsenal of the most interesting topics ready at his fingertips. an ideal dinner party guest. not to mention as bright as they come - orey graduated as his competitive high school's valedictorian.

always ambitious, orey plans to double major in art history and classics. he's debating whether or not to pick up a minor.


orey, without his money to dress him up, is somewhat plain: he doesn't have many distinguishing features, other than being somewhat attractive and well-dressed. his hair is medium-brown and often cut artfully short and professional. he has hazel eyes that are mostly green, with some brown closer towards his pupils. he is farsighted and wears either glasses (his usual choice to prevent headaches) or contact lenses (more formal events or when he knows his picture is going to be taken) to correct his vision.

although he is about as white as they come, orey manages a healthy tan all year long—frequent vacations to st. kitts and st. barts during school breaks have a way of keeping him from getting too pale. his skin is dewy and unblemished. what else would you expect from someone who can pay for the best skincare and acne remedies?

orey stands at just under six feet tall and weighs roughly one hundred and sixty pounds. his build is slim, but not exceptionally muscular.

oh, his wardrobe. that would be the most defining aspect of his appearance. it is deep and extensive as the library of alexandria was fabled to be. orey dresses almost exclusively in designer brands, but does so in a way that purposefully doesn't flash any logos or names (most of the time). his style is refined, subdued, and classic, usually opting for beautiful knit sweaters, finely tailored pants, cashmere, cardigans, and blazers. his shoe collection is immense, and he loves a good wool coat.

his faceclaim is ansel elgort.


inherited from his long lineage of powerful men who talk too much, orey has the gift of the gab. in the words of f. scott fitzgerald, his "elaborate formality of speech just missed being absurd," especially for someone his age. but being surrounded by adults from a young age has a way of forcing that out of someone, doesn't it? he does have a persuasive manner and a natural way with people that is entirely his own, though. his communication skills are excellent, both verbal and written.

virtues: tenacious, high social i.q., witty, intelligent, dignified, calm, extremely generous, & well-mannered.

vices: cynical, lazy, easily bored, insecure, self-destructive, self-loathing, self-isolating, pessimistic, & somewhat hedonistic.

likes: fine wine, champagne, delicious food (italian is his favorite), cashmere, cats, books, fast cars, fine art, & visiting museums.

dislikes: oppressive authority, himself, his privilege, his family, politics, the concept of romantic love, & false attempts at friendship solely on the basis of money.

has a deep fear of one day running out of money and having to face his inadequacies head-on. is that deeper than you expected from him? yeah. sometimes he likes to portray himself as a shallow, empty-minded rich airhead. but orey unfortunately has a lot going for him and facing it, truly realizing his potential to do something great outside of the comfort of his name, is terrifying.

ailments: major depressive disorder (takes antidepressants), frequent nightmares (which lead to poor sleep, more often than not), farsightedness, & a nicotine addiction.


this isn't a sob story, but it is something quietly kind of tragic. the only child of his parents, orey's father is a very, very successful businessman (in charge of finances, works in some place on wall street), and his mother does not work. orey barely has a relationship with his father, as he was absent so much during his early childhood and, quite frankly, doesn't care to have much of a connection with him. his mother showed him the ropes to new york socialite society: shopping, luncheons, dinner parties, massages, facials, exquisite food, and museums. she also struggles with substance abuse, but manages to clean up very well. his mother and father have been on the brink of divorce for almost as long as he can remember. the reinhart house is cold and quiet, filled with money and tension and lots and lots of things unsaid.

he can get his hands on alcohol exceptionally easily, despite not being of legal drinking age. he also experiments with psychoactive drugs, and can get trusted friends whatever they ask him for. he is notoriously horrible at texting: he's the type that will disappear mid-conversation because he either forgot to reply or didn't want to. other times, it may take him days to get back to you.

his theme song is thursday girl by mitski.

[/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 
Last edited:
[class=border] --main-color: #A0C9C9; --main-image: url(https://66.media.tumblr.com/9027bb78735d2e420127669c8ef902b4/tumblr_inline_ohdejnp5vK1rifr4k_500.gif); --image-1: url(https://66.media.tumblr.com/734751218ac62f96986b0b1ce7d9cb13/tumblr_pj19fuDL9i1s0v7b0o3_400.png); --image-2: url(https://66.media.tumblr.com/6046c8aab38f6b8fd04cc4689ebbdbd7/tumblr_pj19fuDL9i1s0v7b0o2_400.png); --image-3: url(https://66.media.tumblr.com/4dd64dd376393ebbcef5a7e8bbe70222/tumblr_pj19fuDL9i1s0v7b0o4_400.png); --image-4: url(https://66.media.tumblr.com/80f70ee2316c544199f5e27711c080b7/tumblr_pj19fuDL9i1s0v7b0o5_400.png); --image-5: url(https://66.media.tumblr.com/c0703f5c41fa9af32d30d8f20e2cee3e/tumblr_pj19fuDL9i1s0v7b0o6_400.png); [/class]
[div class=container][div class=border] [div class=main][div class=mainimage]
[div class=textbox][div class=scroll][div class=tag]name.[/div] sylvester frazier [div class=tag]nickname.[/div] number one drama queen. [div class=tag]age.[/div] eighteen. [div class=tag]gender.[/div] genderfluid (accepts he/they pronouns) [div class=tag]sexuality.[/div] "I like me best." [div class=tag]nationality.[/div] canadian, french, english, italian. [div class=tag]talent.[/div] fashion stylist. [div class=tag]major.[/div] fashion design. [/div][/div][/div] [div class=mone][div class=outsidetb][div class=insidetb][div class=tabContents][div class=scroll][div class=tag]height.[/div] towers over many with the height of six feet but is practically a monster once he dons the additional one or two inches with heels. [div class=tag]weight.[/div] weighs about 159 lbs, his body carefully crafted to have enough muscle to be considered fit and athletic but avoids becoming too bulky. [div class=tag]eyes.[/div] bright hazel eyes, tends to wear faux non-prescription glasses for the sake of fashion. [div class=tag]hair.[/div] his hair is long and often usually styled to his preference, it remains soft and bouncy due to frequent hair treatments. [div class=tag]body modifications.[/div] pierced earlobes. [div class=tag]distinctive features.[/div] chiseled jaw, defined cheekbones, always fashionable, the occasional bright red lipstick, good-looking 24/7 365 days a year. [div class=tag]faceclaim.[/div] ezra miller. [/div][/div] [div class=tabContents][div class=scroll][div class=tag]persona.[/div] sylvester's most defining characteristic is his narcissism. he is vain, selfish and egoistical. his number one priority is always himself and after which is his physical appearance. he thrives in being the center of attention, both the good and the bad. some might even say, he is a very optimistic individual as he tends to focus on the bright side. his bright side. in his case, he is unable to see fault within himself. if anything were to go wrong, then clearly the blame lied in others. with a soul of an artist, it wasn't surprising that he landed in the creatives. it had nothing to do with his poor academic performance. mind you. superficial as he seems, having a strong regard for the physical appearances of other people- he acknowledges inner beauty but considers it futile if one does not bring it out externally. not all is fun and games for sylvester, having a serious side when it comes to his work. he accepts nothing but perfection when handling any task. a person without any fear, however has one weakness- sylvester cannot handle any association of any kind to things that should not exist with the world (ghosts, supernaturals, aliens). any mention of the following would easily have his face blanching in seconds. [div class=tag]likes.[/div] Himself, first and foremost and second and third, you get the picture. Fashion, Shopping, Making Clothes, Mirrors, Beautifying himself, Things of Beauty, Being the Center of Attention. [div class=tag]dislikes.[/div] Individuals not willing to put effort on themselves, Horrible Fashion, His appearance being ruined, being restricted, repetitive work, School Work, Ghost Stories, Supernatural Stories and Horror Films. [div class=tag]strengths.[/div] confident, sociable, charismatic, high eq, optimistic, keen eye (for fashion). [div class=tag]flaws.[/div] narcissistic, vain, selfish, materialistic, low iq, impulsive, perfectionist, loud. [/div][/div] [div class=tabContents][div class=scroll][div class=tag]history.[/div] slyvester was born to a family of artists so it wasn't surprising that became one too. his mother is a tormented author that primarily dabbles in horror literature. her career had seen ups and down. her most popular book series has managed to be adapted into a film, which she continues to receive royalties up until today. however, she struggles in meeting the same success in her succeeding books. meanwhile, his father is a beautician who mainly works as a make-up artist. the two met through common friends and were introduced in the party that celebrated the success of the film which was based on her book. while most moms read their children bedtime stories, sylvester had front-row seats in being introduced to his mother's drafts and ideas. his fairytales weren't the same as everyone else, since they were using the uncensored version- any sort of fantasy had been lost to sylvester and turned into nightmares instead. needless to say, it is a scar he carries up until today and the cause of his lack of tolerance to anything related towards it. he was exposed to both of his parent's field of work, frequently going with them. his father had been the one to taught him the importance in caring for one's physical beauty which he took all to well. it had also helped in fueling his interests in clothing. from a young age, sylvester has always been fussy on the type of clothes that he had wanted to wear. his parents were not one to mind his interests in wearing heels, nor skirts. they strongly believed in the art of self-expression. any interests in doing make-up was in fact, even encouraged by his father. it slowly began with him doing modifications on his clothing until he started making clothes of his own. things slowly changed when sylvester began uploading pictures of himself in his own clothing in social media which lead to start a small online shop that sells his clothes. he eventually evolved from daily clothing into seeking out to make a name for himself as a designer in haute culture. he would draw drafts of his design then proceed to do a large-scale projects of bringing the design to life. he had begun building a name for himself entering his designs in small runways, each stage becoming bigger than the rest until he becomes a more internationally acknowledged younger international designers today. he named his brand: belle âme which translates to beautiful soul. it is because what slyvester seeks is the perfect harmonization between inner and outer beauty, that the clothes he's made were to be worthy and capable enough to showcase or bring out the beautiful souls that's within them. it is belief that all those who wear his creations would become beautiful inside and out and his work is to further enhance what is concealed. [/div][/div] [div class=tabContents][div class=scroll][div class=tag]relationship one.[/div]
[div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue, libero et sollicitudin iaculis, est risus tempus quam, eu dictum elit odio vel nibh. Pellentesque laoreet purus nec pretium faucibus.
[/div]
[div class=tag]relationship two.[/div]
[div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue, libero et sollicitudin iaculis, est risus tempus quam, eu dictum elit odio vel nibh. Pellentesque laoreet purus nec pretium faucibus.
[/div]
[div class=tag]relationship three.[/div]
[div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue, libero et sollicitudin iaculis, est risus tempus quam, eu dictum elit odio vel nibh. Pellentesque laoreet purus nec pretium faucibus.
[/div]
[/div][/div][/div][/div][/div] [div class=mtwo][div class=galleryimage][div class=sshow1][/div] [div class=sshow2][/div] [div class=sshow3][/div] [div class=sshow4][/div] [div class=sshow5][/div][/div][/div] [div class=mthree][div class=charname]sylvester frazier[/div] [div class=therole]the fashion designer[/div][/div] [div class=mfour][div class="tab tab1 chosen"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div][/div] [/div][/div]
coded by constellation.
[/div] [class=container] width: 800px; height: 450px; margin: auto; [/class] [class=border] position: absolute; width: 800px; height: 450px; [/class] [class=main] position: absolute; top: 0; left: 0; background: white; border-radius: 25px; width: 250px; height: 450px; border-left: 10px solid #eee; border-right: 10px solid #eee; box-sizing: border-box; [/class] [class=mone] position: absolute; top: 0; left: 290px; width: 290px; height: 290px; background: white; border-radius: 25px; border: 1px solid #eee; box-sizing: border-box; [/class] [class=mtwo] position: absolute; top: 0px; left: 590px; width: 210px; height: 230px; background: white; border-radius: 25px; border: 1px solid #eee; box-sizing: border-box; [/class] [class=mthree] position: absolute; bottom: 0; left: 290px; width: 510px; height: 150px; background: white; border-radius: 25px; border: 1px solid #eee; box-sizing: border-box; [/class] [class=mfour] position: absolute; top: 245px; right: 0; width: 210px; height: 50px; display: flex; flex-direction: row; justify-content: space-evenly; [/class] [class=tab] width: 35px; height: 35px; color: #bebebe; font-size: 20px; line-height: 35px; text-align: center; transition: 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=galleryimage] position: absolute; left: 9px; bottom: 9px; height: 210px; width: 190px; border-radius: 25px; overflow: hidden; [/class] [class=sshow1] position: absolute; height: 100%; width: 100%; background: var(--image-1); background-size: cover; background-position: top center; animation: {post_id}fade1 10s infinite; border-radius: 25px; [/class] [class=sshow2] position: absolute; height: 100%; width: 100%; background: var(--image-2); background-size: cover; background-position: top center; animation: {post_id}fade2 10s infinite; border-radius: 25px; [/class] [class=sshow3] position: absolute; height: 100%; width: 100%; background: var(--image-3); background-size: cover; background-position: top center; animation: {post_id}fade3 10s infinite; border-radius: 25px; [/class] [class=sshow4] position: absolute; height: 100%; width: 100%; background: var(--image-4); background-size: cover; background-position: top center; animation: {post_id}fade4 10s infinite; border-radius: 25px; [/class] [class=sshow5] position: absolute; height: 100%; width: 100%; background: var(--image-5); background-size: cover; background-position: center; animation: {post_id}fade5 10s infinite; border-radius: 25px; [/class] [animation=fade1] [keyframe=0]opacity: 1;[/keyframe] [keyframe=20]opacity: 0;[/keyframe] [keyframe=40]opacity: 0;[/keyframe] [keyframe=60]opacity: 0;[/keyframe] [keyframe=80]opacity: 0;[/keyframe] [keyframe=100]opacity: 1;[/keyframe] [/animation] [animation=fade2] [keyframe=0]opacity: 0;[/keyframe] [keyframe=20]opacity: 1;[/keyframe] [keyframe=40]opacity: 0;[/keyframe] [keyframe=60]opacity: 0;[/keyframe] [keyframe=80]opacity: 0;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation] [animation=fade3] [keyframe=0]opacity: 0;[/keyframe] [keyframe=20]opacity: 0;[/keyframe] [keyframe=40]opacity: 1;[/keyframe] [keyframe=60]opacity: 0;[/keyframe] [keyframe=80]opacity: 0;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation] [animation=fade4] [keyframe=0]opacity: 0;[/keyframe] [keyframe=20]opacity: 0;[/keyframe] [keyframe=40]opacity: 0;[/keyframe] [keyframe=60]opacity: 1;[/keyframe] [keyframe=80]opacity: 0;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation] [animation=fade5] [keyframe=0]opacity: 0;[/keyframe] [keyframe=20]opacity: 0;[/keyframe] [keyframe=40]opacity: 0;[/keyframe] [keyframe=60]opacity: 0;[/keyframe] [keyframe=80]opacity: 1;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation] [class=mainimage] position: absolute; position: absolute; top: 10px; left: 10px; border-radius: 25px; width: 210px; height: 210px; background: var(--main-image); background-position: center; background-size: cover; [/class] [class name=tab state=hover] color: var(--main-color); transition: 0.5s ease-in-out; [/class] [class=charname] position: absolute; top: 25px; width: 510px; font-family: Bitter; font-size: 40px; text-transform: uppercase; color: #fafafa; font-weight: 900; text-align: center; text-shadow: 1px 1px 0px var(--main-color), -1px -1px 0 var(--main-color), -1px 1px 0 var(--main-color), 1px -1px 0 var(--main-color); letter-spacing: 4px; [/class] [class=therole] position: absolute; bottom: 40px; width: 510px; font-family: Bitter; font-size: 20px; text-transform: uppercase; color: #333; font-weight: 200; text-align: center; letter-spacing: 2px; [/class] [class=chosen] color: var(--main-color); [/class] [class=outsidetb] position: absolute; top: 15px; left: 15px; width: 260px; height: 260px; overflow: hidden; [/class] [class=insidetb] position: absolute; left: 0px; height: 260px; width: 1080px; [/class] [class=tabContents] float: left; width: 270px; height: 260px; overflow: hidden; [/class] [class=textbox] position: absolute; top: 235px; left: 15px; width: 215px; height: 200px; overflow: hidden; [/class] [class=one] left: 0px; transition: 1.5s; [/class] [class=two] left: -270px; transition: 1.5s; [/class] [class=three] left: -540px; transition: 1.5s; [/class] [class=four] left: -810px; transition: 1.5s; [/class] [script class=tab1 on=click] addClass one insidetb addClass chosen tab1 removeClass two insidetb removeClass three insidetb removeClass four insidetb removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 [/script] [script class=tab2 on=click] addClass two insidetb addClass chosen tab2 removeClass one insidetb removeClass three insidetb removeClass four insidetb removeClass chosen tab1 removeClass chosen tab3 removeClass chosen tab4 [/script] [script class=tab3 on=click] addClass three insidetb addClass chosen tab3 removeClass one insidetb removeClass two insidetb removeClass four insidetb removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab4 [/script] [script class=tab4 on=click] addClass four insidetb addClass chosen tab4 removeClass one insidetb removeClass two insidetb removeClass three insidetb removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 [/script] [class=tag] text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-family: Bitter; text-align: left; color: var(--main-color); [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; white-space: pre-line; font-size: 12px; font-family: Manrope; [/class]
 
Last edited:
mettacha-demo.regular.png

[class=bkgd] --dec-color: #fff; --accent-color: #f28fa6; --dark-color: #251e3d; position: relative; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 5px; width: 300px; height: 400px; background: url(https://i.pinimg.com/474x/09/92/06/0992068cc10bd696e1653b44b2eaa21d.jpg); background-size: 150%; background-position: 100% 60%; overflow: visible; border-radius: 10px; cursor: url('https://i.ya-webdesign.com/images/cursor-png-small-6.png'), auto; [/class] [class=bkgdtrace] position: absolute; width: 300px; height: 400px; border: 1px solid var(--dec-color); border-radius: 20px; overflow: visible; [/class] [class=star] position: absolute; width: 100px; height: 100px; color: var(--dec-color); overflow: visible; font-size: 15px; left: 190px; top: 10px; text-shadow: 2px 2px 0px var(--dark-color); [/class] [class=pic] position: absolute; width: 80px; height: 80px; left: 200px; top: 20px; background: url(https://i.pinimg.com/originals/58/bc/1b/58bc1b4ef5a49d6667430fd47ea7d358.jpg); background-size: 100%; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--dec-color); box-shadow: 2px 2px 0px var(--accent-color); [/class] [class=picdec] position: absolute; width: 95px; height: 65px; left: 192px; top: 28px; border: 1px solid var(--dec-color); border-radius: 100%; transform: rotate(10deg); [/class] [class=spinny] animation: {post_id}spin 10s linear infinite; [/class] [class=name] position: absolute; width: 100%; height: auto; color: var(--dec-color); overflow: visible; font-size: 30px; left: 30px; top: 10px; text-transform: lowercase; text-shadow: 2px 2px 0px var(--dark-color); [/class] [class=role] position: absolute; width: 130px; height: auto; color: var(--accent-color); overflow: visible; font-size: 20px; line-height: 15px; left: 60px; top: 45px; text-transform: lowercase; text-shadow: 1px 1px 0px var(--dark-color); [/class] [class=tab] position: absolute; left: 260px; font-size: 20px; color: var(--dec-color); transition-duration: 0.3s; text-shadow: 1px 1px 0px var(--dark-color); text-align: center; [/class] [class name=tab state=hover] color: var(--accent-color); transition-duration: 0.3s; text-shadow: 1px 1px 0px var(--dark-color); [/class] [class=textcontainer] position: absolute; width: 220px; height: 250px; overflow: hidden; left: 35px; top: 120px; [/class] [class=text] position: relative; width: 210px; height: 250px; color: var(--dec-color); overflow: auto; font-size: 10px; line-height: 12px; text-transform: lowercase; text-align: justify; padding-right: 40px; [/class] [class=hidden] display:none; [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; color: var(--accent-color); text-transform: lowercase; margin-right: 5px; text-decoration: underline; font-weight: 700; font-size: 12px; text-shadow: 0.5px 0.5px 0px var(--dark-color); [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.2; [/class] [class=accentcolor] color: var(--accent-color); text-shadow: 0.5px 0.5px 0px var(--dark-color); display: inline; [/class] [class=header] position: absolute; color: var(--dec-color); width: 200px; height: auto; line-height: 21px; top: 86px; left: 35px; font-size: 22px; text-transform: lowercase; text-shadow: 1px 1px 0px var(--dark-color); [/class] [class=tabstar] position: absolute; width: 30px; height: 30px; color: var(--dec-color); overflow: visible; font-size: 3px; left: 255px; text-shadow: 1px 1px 0px var(--dark-color); [/class] [class=tabspinny1] animation: {post_id}spin 20s linear infinite; [/class] [class=tabspinny2] animation: {post_id}spin 15s linear infinite; [/class] [class=tabspinny3] animation: {post_id}spin 25s linear infinite; [/class] [class=tabspinny4] animation: {post_id}spin 10s linear infinite; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (fadeIn 500 tabsContent1) if (eq ${currentTab} 2) (fadeIn 500 tabsContent2) if (eq ${currentTab} 3) (fadeIn 500 tabsContent3) if (eq ${currentTab} 4) (fadeIn 500 tabsContent4) [/script] [animation=spin] [keyframe=0]transform: rotate(0deg);[/keyframe] [keyframe=100]transform: rotate(360deg);[/keyframe] [/animation] [div class=bkgd] [div class=bkgdtrace style="transform: rotate(-2deg);"][/div] [div class=bkgdtrace style="transform: rotate(2deg);"][/div] [div class=bkgdtrace style="border: 0px solid white;"] [div class="star spinny"][/div] [div class=pic][/div] [div class=picdec][/div] [div class=name]soraya[/div] [div class=role]unleash hell[/div] [div class="tabstar tabspinny1" style="top:140px;"][/div] [div class="tabstar tabspinny2" style="top:200px;"][/div] [div class="tabstar tabspinny3" style="top:260px;"][/div] [div class="tabstar tabspinny4" style="top:320px;"][/div] [div class=tab style="top:140px;"]
1
[/div] [div class=tab style="top:200px;"]
2
[/div] [div class=tab style="top:260px;"]
3
[/div] [div class=tab style="top:320px;"]
4
[/div] [div class="star tabsContent tabsContent1 tabsContent2 tabsContent3 tabsContent4" style="top: 94px; left: 20px; font-size: 8px; color: var(--accent-color);"][/div] [div class="header tabsContent tabsContent1"]basics[/div] [div class="header tabsContent tabsContent2 hidden"]persona[/div] [div class="header tabsContent tabsContent3 hidden"]background[/div] [div class="header tabsContent tabsContent4 hidden"]miscellaneous[/div] [div class="textcontainer tabsContent tabsContent1"][div class=text] [div class=tag]name:[/div] soraya fae rush

[div class=tag]nickname:[/div] soybean, sora, ray, slushie, ya-ya

[div class=tag]age:[/div] 18

[div class=tag]gender:[/div] female

[div class=tag]sexuality:[/div] bi-sexual

[div class=tag]talent:[/div] glass-blowing, glass crafts & ceramics

[div class=tag]d.o.b:[/div] november 15

[div class=tag]height:[/div] 5"8

[div class=tag]weight:[/div] 118lbs

[div class=tag]hair color:[/div] ranges from all colors of the rainbow and below

[div class=tag]eye color:[/div] blue-green

[div class=tag]dist. marks:[/div] hidden assorted scars

[div class=tag]body mods:[/div] double lobe piercings, triple ring cartilage piercings, a colored lotus tattoo behind her left ear, a tattoo of a spiral galaxy on her sternum
[/div][/div] [div class="textcontainer tabsContent tabsContent2 hidden"][div class=text] [div class=tag]vices:[/div] erratic, risky in behavior, unnecessarily prickly, tactless, somewhat "off", promiscuous, explosive, reserved, has pretentious moments, morbid, easily shuts down, combative, jealous

[div class=tag]virtues:[/div] creative, humorous, bold, adventurous, curious, skilled [like everyone else here], persuasive, passionate, protective, loyal, ambitious

[div class=tag]strengths:[/div] medically informed, great at climbing, animal knowledge, archery, haggling, multi-tasking, carpentry, knowledge of astronomy, strangely intense sense of smell, butchering and preparing animals for eating

[div class=tag]weaknesses:[/div] terrible swimmer, socially adept at times, sucks at cooking, unorganized, can be lazy

[div class=tag]fears:[/div] being tracked down, bears, leeches, parasites, sudden loud noises, people in masks

[div class=tag]ambitions:[/div] still paving her way through life unsure

[div class=tag]likes:[/div] babies, rabbit stew, alone time, people watching, feeling productive, playing video games, cleaning carpets, spending time outside

[div class=tag]dislikes:[/div] hot weather, the feeling of hair touching her neck, moose, people who hate children, people who front being incredibly knowledgeable

[div class=tag]habits/quirks:[/div] compulsively picks at her scalp - which she doesn't admit, chews ice, picks all food into teeny tiny pieces, taps things with her nails, sleeps without a pillow

[div class=tag]ailments:[/div] BPD, eating disorders, extreme gluten allergy
[/div][/div] [div class="textcontainer tabsContent tabsContent3 hidden"][div class=text] [div class=tag]family:[/div] mom - haven rush - deceased dad - devon rush - alive - non-existent relationship older brother - jay rush - alive - horrific relationship younger sister - denni may rush - deceased

[div class=tag]residence:[/div] a dorm, now

[div class=tag]history:[/div] her parents had her by mistake when jay was 6. her older brother exhibited concerning qualities from a young age, and a majority of their attention was fixated on reversing the path he seemed to trek down from the start. soraya couldn't help growing in jealousy at the amount of care placed onto jay, unable to comprehend through the years why they always seemed so fussed over him. gradually she began to see the signs. he killed things. he started to pick on her, and it escalated. the entire family was afraid of him. when soraya hit age 10, her mother became pregnant again with a little girl. jay's neurotic behavior intensified, but became more internalized and mysterious. he copied emotions. he pretended he was able to feel. their father was convinced he'd overcome his 'phase', but their mother was more skeptical. after denni was born, haven was tremendously cautious with her. despite jay consistently pleading to be able to take her places, haven refused. soraya lived in constant fear, tension, and confusion. soon enough, devon began to spend a majority of his free time with jay in attempts to keep him 'centered'. jay took advantage of his optimism, twisting him around his finger. one afternoon, his father was working, and soraya was in school. jay stayed home that day with a flu. she returned to find her mother and baby sister vanished, and jay acting strikingly emotional over it. after weeks, their bodies turned up in the woods. her father confessed to their murder, and was thrust behind bars. jay gained custody of soraya, having hit 18 when things settled. to this day, soraya is certain it was jay who killed them, and her pathetic father was covering his ass. she emancipated herself as soon as possible, cutting ties with jay. after living homeless for a year, she got back up on her feet and built herself a foundation on her own.

[div class=tag]relationships:[/div]
  • [div class=accentcolor]xxx:[/div] to be announced
[/div][/div] [div class="textcontainer tabsContent tabsContent4 hidden"][div class=text] [div class=tag]theme song:[/div] bottom of the deep blue sea - missio

[div class=tag]mbti type:[/div] intj

[div class=tag]gallery:[/div] ↓

b0144154f4612f59d3d66fbfde0b510f.jpg
Photo-credit-@miss.sugar_.peach-Reposted-with-@pla.jpeg
33396422_579495302411575_4118266998503243776_o.jpg
61b3d7c1f0dcdd949660c0a3d76ad559.jpg
50e9382716ea44897329052bf9b62f1a.jpg
[/div][/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:
[div class=variables][div class=container] [div class=colourflex][div class=flex1][/div][div class=flex2][/div][/div] [div class=tabcontents] [div class=contentcontainer] [div class="content content1 show"]
general
information
[div class=tag1]full name.
[div class=tag2]he zitian | 何子忝
[div class=tag1]age
[div class=tag2]18.
[/div]
[div class=tag1]gender
[div class=tag2]cis. female[/div] [/div]
[div class=tag1]ethnicity
[div class=tag2]han chinese[/div] [/div]
[div class=tag1]nationality
[div class=tag2]chinese-singaporean[/div] [/div] [/div]
[div class=tag1]talent
[div class=tag2]chess & mathematics
[/div]
[div class=tag1]major
[div class=tag2]pure mathematics[/div] [/div]
[div class=tag1]sexuality
[div class=tag2]demisexual biromantic[/div] [/div]
[div class=tag1]p.o.b
[div class=tag2]beijing, china[/div] [/div]
[div class=tag1]face claim
[div class=tag2]eleanor lee[/div] [/div] [/div]
[/div]
if truth is beauty and beauty is truth, then surely mathematics is the most beautiful of all.
[/div] [/div] [div class="content content2"]
appearance
information
[div class=tag4]height
5'3"
[div class=tag4]weight
105 lbs
[div class=tag4]hair colour
chestnut brown
[div class=tag4]eye colour
dark brown [/div] [/div]
[div class=tag4]physical description
[div class=indent] standing at a staggering height of 5'3, zitian isn't exactly what you'd an intimidating figure. her petite build and baby face make it very easy for her pass as a grade school student (something she fully takes advantage of; after all, who wouldn't want discounted train tickets?) nevertheless, behind her seemingly innocuous and bubbly facial expressions, is a sharp mind.

[div class=tag4]distinguishing features[/div] [div class=indent] youthful appearance, short [/div]
[div class=tag4]wardrobe[/div] [div class=indent] zitian usually goes for a classy but casual fashion style. her clothes, while not outrageously expensive, are in the higher end of the middle price range. she's a sucker for turtleneck sweaters, pencil skirts and flow-y, elegant dresses. [/div]
[div class=tag4]body modifications[/div] [div class=indent] both earlobes are pierced. [/div] [/div] [/div] [/div] [/div] [/div] [div class="content content3"]
persona
information
[div class=tag4]positive traits
[div class=indent] - excellent memory. zitian is able to absorb and process a lot of information in a very short amount of time. once she's learned, seen or heard something, it cannot be mentally undone or blocked out. (both a blessing and a curse). her recall abilities are not innate. they were painstakingly taught to her by a teacher, carefully selected by her parents. it took a good several years for her to fully adapt to the strict regimen of practicing hours upon hours everyday, memorizing numerical sequences, shuffled card decks, etc. her memory serves her well in chess, where she can analyze each play her opponent makes and compare it according to their past moves in previous matches.
- adaptive. part of the principle of mathematics is flexible, somewhat abstract thinking. it's the ability to see patterns, make analogies and meticulously distill it into a "formula" or set of rules that pertain to not only the problem it was built around, but many other similar scenarios. in that way, mathematics is a highly creative field, revolutionized by out-of-the-box thinkers. zitian is often able to see the bigger picture, approaches things with an open mind and enthusiastically inquisitive. (perhaps a little too much, for that matter). she likes seeing things in a different angle.

[div class=tag4]neutral traits
[div class=indent] - bubbly. perhaps when one thinks of a "mathematician," a young, energetic (and somewhat annoying) girl isn't the first thing that pops into mind. indeed, zitian is in the minority of math majors; people generally thought to be glasses-wearing, reserved nerds. her optimistic, happy-go-lucky attitude sometimes isn't well-received by her peers, who often scrutinize her credibility. and zitian may claim she doesn't particularly care about those comments, a little part of her doubts her own abilities whenever someone else questions them.
- obsessive. when zitian gets into something, she gets into it. that thing becomes her life; she will literally live and breathe it until she a) gets bored of it or, b) does a deep, thorough encyclopedic dive on the subject. of course, it does tend to annoy her friends/acquaintances when all she will talk about is her current obsession. [/div]
[div class=tag4]negative traits[/div] [div class=indent] - naive. want a quick rundown on the fundamental theorem of homomorphisms? zitian is your girl. of course, obscure mathematical formulas, theorems and chess game play strategies aside, zitian is nearly clueless. the concept of "leaving the nest" might've sounded fun at first, but it gets brutal real fast when you don't know how to drive, cook, clean and preform other seemingly menial tasks adequately. trust her to drive and she'll navigate you off a cliff; trust to her cook and kiss your house goodbye.
- sensitive. as mentioned before, zitian likes to put up a carefree, "i don't care what others think of me" facade. in reality, she's constantly worried about making a good impression, getting people to like her and making "true" friends. her emotional vulnerability made her a prime target for bullies in grade school. (years she'd rather not remember). ever the optimist, she's hopeful that her college experience will differ. zitian (perhaps foolishly) believes that everyone has a bit of good to offer the world, no matter how rough they may seem. she's a very empathetic person and will unabashedly tear up at sad animal shelter commercials every time they pop up on T.V. [/div] [/div]
[div class=tag3]likes
euler's identity, palindromes, category theory, game theory, encyclopedias, existential philosophy, fantasy novels, spring, sunny weather, impressionist era classical music, piano, cacti (mostly because she cannot keep other plants alive).

[div class=tag3]dislikes
pretentiousness, arrogance, being underestimated, loud noises, yelling, overly violent movies, character deaths, cliffhangers, driving, the dark, cold weather, thunder.
[/div]
[div class=tag3]hobbies
reading books, messing with unsolved math problems, dominating online chess games, playing piano, board games.
[/div]
[div class=tag3]talents
being able to think creatively/logically, synthesizing information, research.
[/div]
[div class=tag3]quirks
laughs (excessively) when nervous, stress-eats sweets, walking hotbed of emotional volcanic doom.
[/div]
[div class=tag3]fears
being alone, being forgotten/left behind, spiders, storms, drowning.
[/div]
[div class=tag3]mental ailments
undiagnosed social anxiety.
[/div]
[div class=tag3]memorable quotes
"I (x^2 + y^2 - 1)^3 - x^2y^3 = 0 you."
[/div] [/div] [/div] [/div] [/div] [div class="content content4"]
background
information
[div class=tag4]birth & infancy
[div class=indent] he zitian was born on september 12th in beijing (china's bustling capital), to a family of scholars. her father (he funan) taught electrical engineering at peking university while her mother (zhang kexin) was a researcher, specializing in cancer pharmaceuticals at a prominent biotech company. the couple moved to singapore shortly after her birth. her mother's home country. there, kexin continued working in pharmaceuticals. funan struggled to gain a tenure as a professor and remained unemployed for some time. to make the best of the situation, he pulled zitian from the public system and began homeschooling her. zitian, aged five, had an uncanny ability to detect patterns and a strong affinity with numbers. under her father's tutelage, she blossomed in a haven of mathematical and scientific inquiry.

[div class=tag4]pre-teen years
[div class=indent] after much struggle, funan managed to land a tenureship at nus (national university of singapore). while the girl, then aged 10, was happy for her father, his new job meant that he wouldn't be able to continue homeschooling her. so, it was goodbye to safe mathematical haven and hello public school. to say that the transition was rough would be the understatement of the century. the excitement of finally having friends quickly turned to sheer horror as she witnessed the torture that was middle school. all teachers taught to the test; there was no learning for the sake of learning itself. her peers shied away from interaction and lunch became a rather tragic affair. as the final cherry on top, some classmates thought it would be entertaining to start teasing the "homeschooled freak." the teasing soon escalated from name-calling to full-blown bullying by the end of her first year. zitian, not wanting to trouble her parents, sent an anonymous email to her school's guidance department, pleading for help. while they emailed her back, writing that they'd investigate her claims, no action was ever taken and zitian was forced to return for her second year pretending nothing was wrong. like a lamb to the slaughterhouse. it was only she started coming home with unexplained bruises and scrape marks did her parents notice something was wrong. after a few strongly-worded email exchanges and one-on-one sessions with the principle, zitian was subsequently withdrawn. [/div]
[div class=tag4]teenage years[/div] [div class=indent] after her horrendous experience with public schooling, zitian's parents decided to give online schooling a go. which, worked out as a much better alternative. with her newfound freedom and time, zitian discovered a new hobby: chess. she began with online tournaments, learning the basics of game play and strategy and quickly rose through the ranks. her parents supported her hobby vehemently; even providing a tutor to help boost her strategy and memory skills to give her game play an edge. she transitioned from online tournaments to official ones when she was 14. although she shied away at the idea of physically facing someone at first, zitian quickly got used to it and began gaining momentum. after a few wins (some with opponents twice her age), the media published a few articles about her, dubbing her a "child prodigy." (a title which slightly irks her, as she believes it wasn't a matter of talent, but hard work). her big "break" was when she placed fifth in the youth division of a national chess competition. since then, life has been fairly kind. she graduated high school with top grades, multiple chess wins under her belt and came out of it all with a smile. icu (iris & candor university) was her top choice and she was beyond thrilled at her acceptance. [/div] [/div] [/div] [/div] [/div] [div class="content content5"]
relationship
information
father.
he funan.
zitian and her father are very close. he's the one that ignited her passion for mathematics, patiently answering to every "why" and "what if" question the girl could come up with. in many ways, her father is her role model and person she looks up to the most. all in all, it's going to be a very teary goodbye at the airport come freshmen year.
mother.
zhang kexin.
while zitian might not be as close with her mother as she is with her father, the pair have always been affectionate. kexin is very proud of her daughter for pursuing a STEM major. due to the fact that she was almost always working in zitian's childhood years (to compensate for her funan's unemployment), they never really got the chance to see each other very often.
relationship
character name.
relationship info here.
[/div] [/div] [div class=tabs] [div class="tab selectedTab tab1"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div] [/div] [/div] [div class="title showtitle"]何子忝 | He Zitian[/div]
[div class="subtitle showtitle"]Mathematician.[/div] [div class=image][/div] [/div][/div] https://www.rpnation.com/threads/❀-—-𝘵𝘩𝘦-𝘤𝘰𝘥𝘦-𝘨𝘢𝘳𝘥𝘦𝘯.466575/[/div] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color1: #222; --color2: #92D6AC; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class] [class=tag1] background: var(--color2); font-weight: bold; color: #fff; font-size: 13px; text-transform: uppercase; padding: 4px 8px 4px 8px; box-sizing: border-box; width: 40%; margin-right: 2%; [/class] [class=tag2] color: #222; text-align: right; padding: 4px 8px 4px 8px; box-sizing: border-box; width: 58%; [/class] [class=tag3] color: var(--color2); font-weight: bold; text-transform: uppercase; width: 30%; margin-right: 5%; [/class] [class=tag4] color: var(--color2); font-weight: bold; text-transform: uppercase; [/class] [class=indent] padding-left: 20px; text-align: justify; [/class] [class=container] height: 550px; width: 900px; overflow: hidden; margin: auto; background: #f6f6f6 [/class] [class=colourflex] display: flex; flex-direction: row; justify-content: space-evenly; transform: rotate(20deg); height: 2000px; width: 1200px; position: relative; top: -450px; left: -800px; z-index: 1; transition: 1s ease; transition-delay: 1.5s; [/class] [class=flex1] background: var(--color1); height: 100%; width: 100%; [/class] [class=flex2] background: var(--color2); height: 100%; width: 100%; [/class] [class=slideflex] left: -230px; transition: 1.5s ease; transition-delay: 1.5s; [/class] [class=tabcontents] height: 490px; width: 840px; margin: auto; position: relative; top: -2500px; z-index: 2; display: flex; flex-direction: row; justify-content: space-evenly; font-family: Montserrat; transition: 1.5s ease; [/class] [class=contentcontainer] width: 790px; height: 490px; background: #fff; margin-right: 20px; [/class] [class=content] width: 790px; height: 490px; background: #fff; opacity: 0; position: absolute; font-size: 12px; line-height: 22px; color: #555; transition: 1.5s ease; [/class] [class=tabs] height: 490px; width: 30px; display: flex; flex-direction: column; justify-content: space-evenly; box-sizing: border-box; padding-top: 280px; [/class] [class=tab] width: 30px; height: 30px; border-radius: 100%; box-sizing: border-box; border: 1px solid #fff; text-align: center; font-size: 16px; display: flex; color: var(--color2); flex-direction: column; justify-content: space-evenly; transition: .5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #fff; transition: 0.5s ease-in-out; [/class] [class=selectedTab] color: var(--color1); background: #fff; transition: 0.5s ease-in-out; [/class] [class name=selectedTab state=hover] color: var(--color1); background: #fff; transition: 0.5s ease-in-out; [/class] [class=slidedown] top: -1970px; transition: 1.5s ease; transition-delay: 3s; [/class] [class=title] font-family: Abril Fatface; color: var(--color1); background: #fff; font-size: 40px; display: inline-block; padding: 20px 30px 20px 30px; position: relative; top: -2260px; left: 200px; z-index: 1; text-transform: uppercase; opacity: 0; transition: 1.5s ease-in-out; [/class] [class=subtitle] font-family: Montserrat; color: #fff; font-size: 20px; display: inline-block; letter-spacing: 3px; position: relative; top: -2420px; left: 200px; z-index: 1; text-transform: uppercase; opacity: 0; transition: 1.5s ease-in-out; [/class] [class=image] width: 465px; height: 560px; background: url(https://i.imgur.com/tEgn0kZ.jpg); background-size: cover; background-position: -10% 0%; position: relative; top: -2640px; left: 220px; margin: auto; [/class] [class=showtitle] opacity: 1; transition-delay: 2.5s; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=container on=mouseenter] if (eq ${open} 0) (addClass slideflex colourflex) if (eq ${open} 0) (addClass slidedown tabcontents) if (eq ${open} 0) (removeClass showtitle title) if (eq ${open} 0) (removeClass showtitle subtitle) [/script] [script class=container on=mouseleave] if (eq ${open} 0) (removeClass slideflex colourflex) if (eq ${open} 0) (removeClass slidedown tabcontents) if (eq ${open} 0) (addClass showtitle title) if (eq ${open} 0) (addClass showtitle subtitle) [/script] [script class=tab1 on=click] addClass show content1 removeClass show content2 removeClass show content3 removeClass show content4 removeClass show content5 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show content2 removeClass show content1 removeClass show content3 removeClass show content4 removeClass show content5 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show content3 removeClass show content2 removeClass show content1 removeClass show content4 removeClass show content5 addClass selectedTab tab3 removeClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show content4 removeClass show content2 removeClass show content3 removeClass show content1 removeClass show content5 addClass selectedTab tab4 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab5 [/script] [script class=tab5 on=click] addClass show content5 removeClass show content2 removeClass show content3 removeClass show content4 removeClass show content1 addClass selectedTab tab5 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab1 [/script]
 
Last edited by a moderator:
[class=twitterpage] position: relative; box-sizing: border-box; background: #E5E5E5; width: 808px; height: 700px; background-color: rgba(255,255,255,1); overflow: hidden; margin: auto; padding: 0; cursor: url(https://imgur.com/5ex8RXq.png), auto; [/class] [class=tweetsmedia] position: absolute; overflow: visible; width: 400px; height: 34px; left: 194px; top: 385px; font-family: Open Sans; line-height: 23px; font-size: 12px; color: #707070; [/class] [class=tweetpanel] position: relative; overflow: auto; width: 415px; height: 305px; top: 0px; left: 0px; background: #fff; [/class] [class=tweetpanelcontainer] position: absolute; overflow: hidden; width: 398px; height: 290px; left: 195px; top: 412px; background: #fff; border: 1px solid #CECECE; [/class] [class=twtribbon] position: absolute; overflow: visible; width: 400px; height: 42px; left: 194px; top: 48px; background: #fff; border: 1px solid #CECECE; [/class] [class=ribbon] position: absolute; overflow: visible; width: 809px; height: 48px; left: 0px; top: 0px; background: #b3b3b3; [/class] [class=url] position: absolute; overflow: visible; width: 715px; height: 23px; left: 76px; top: 13px; background: #fff; border: 1px solid #fff; border-radius: 15px; font-family: Open Sans; line-height: 23px; font-size: 10px; color: #707070; [/class] [class=leftpanel] position: absolute; overflow: visible; width: 194px; height: 652px; left: 0px; top: 48px; background: #fff; border: 1px solid #CECECE; [/class] [class=rightpanel] position: absolute; overflow: visible; width: 215px; height: 652px; left: 594px; top: 48px; background: #fff; border: 1px solid #CECECE; [/class] [class=header] position: absolute; overflow: visible; width: 400px; height: 132px; left: 195px; top: 90px; background-image: url(https://i.imgur.com/PyuCSXe.png); background-size: 100%; background-position: 50% 60%; [/class] [class=pfp] position: absolute; overflow: visible; width: 97px; height: 97px; left: 204px; top: 174px; background-image: url(https://i.imgur.com/RS2mU4Z.jpg); border: 3px solid #fff; border-radius: 50%; background-size: 100%; background-position: 50% 0%; [/class] [class=twticon] position: absolute; overflow: visible; width: 40px; height: 40px; left: 9px; top: 9px; background-image: url(https://cdn2.iconfinder.com/data/icons/minimalism/512/twitter.png); background-size: 100%; background-position: 50% 0%; [/class] [class=description] position: absolute; overflow: visible; width: 381px; height: 29px; left: 204px; top: 322px; color: #000; font-size: 11px; font-family: Open Sans; line-height: 14px; [/class] [class=menu] position: absolute; overflow: visible; width: 194px; height: 388px; left: 0px; top: 58px; background-image: url(https://imgur.com/OyQfYvR.png); background-size: 100%; background-position: 50% 0%; [/class] [class=writetweet] position: absolute; overflow: visible; width: 159px; height: 36px; left: 18px; top: 455px; background: #1DA1F2; border-radius: 25px; color: #fff; line-height: 35px; font-size: 14px; font-family: Source Sans Pro; text-align: center; [/class] [class=name] position: absolute; overflow: visible; width: 239px; height: 13px; left: 204px; top: 283px; color: #000; font-size: 16px; font-family: Source Sans Pro; [/class] [class=handle] position: absolute; overflow: visible; width: 239px; height: 13px; left: 204px; top: 303px; color: #707070; font-size: 11px; font-family: Open Sans; [/class] [class=follow] position: absolute; overflow: visible; width: 68px; height: 23px; left: 517px; top: 234px; border: 1px solid #1DA1F2; border-radius: 25px; color: #1DA1F2; line-height: 22px; font-size: 10px; font-family: Source Sans Pro; text-align: center; [/class] [class=searchbar] position: absolute; overflow: visible; width: 181px; height: 28px; left: 16px; top: 7px; background: #DEDEDE; border-radius: 25px; color: #828282; line-height: 28px; font-size: 12px; font-family: Open Sans; text-align: center; [/class] [class=followcount] position: absolute; overflow: visible; width: 173px; height: 15px; left: 204px; top: 360px; color: #000; font-size: 12px; font-family: Open Sans; [/class] [class=tweet] position: relative; overflow: visible; width: 398px; height: 205px; left: 0px; top: 0px; background: #fff; border-bottom: 1px solid #cecece; [/class] [class=tweetpfp] position: absolute; overflow: visible; width: 29px; height: 28px; left: 7px; top: 7px; background-image: url(https://i.imgur.com/RS2mU4Z.jpg); border-radius: 50%; background-size: 100%; background-position: 50% 0%; [/class] [class=tweetbody] position: absolute; overflow: auto; width: 355px; height: 150px; left: 0px; top: 0px; text-align: justify; color: #000; font-size: 10px; font-family: Open Sans; line-height: 12px; padding-right: 5px; [/class] [class=tweetbodycontainer] position: absolute; overflow: hidden; width: 343px; height: 150px; left: 42px; top: 26px; [/class] [class=tweetname] position: absolute; overflow: visible; width: 173px; height: 11px; left: 42px; top: 7px; color: #000; font-size: 12px; font-family: Source Sans Pro; [/class] [class=ribbonname] position: absolute; overflow: visible; width: 148px; height: 20px; left: 42px; top: 5px; color: #000; font-size: 14px; font-family: Source Sans Pro; text-align: left; [/class] [class=tweetcount] position: absolute; overflow: visible; width: 67px; height: 9px; left: 42px; top: 22px; color: #1f1f1f; font-size: 10px; font-style: Open Sans; text-align: left; [/class] [class=tos] position: absolute; overflow: visible; width: 181px; height: 35px; left: 17px; top: 175px; background-image: url(https://imgur.com/lCxkrS0.png); background-size: 100%; background-position: 10% 0%; [/class] [class=credit] position: absolute; overflow: visible; width: 148px; height: 15px; left: 22px; top: 210px; background: #fff; font-size: 6px; color: #dedede; [/class] [class=backhome] position: absolute; overflow: visible; width: 19px; height: 19px; left: 200px; top: 60px; background-image: url(http://pixsector.com/cache/a8009c95/av8a49a4f81c3318dc69d.png); background-size: 100%; background-position: 50% 0%; [/class] [class=back] position: absolute; overflow: visible; width: 19px; height: 19px; left: 9px; top: 15px; background-image: url(http://pixsector.com/cache/a8009c95/av8a49a4f81c3318dc69d.png); background-size: 115%; background-position: 50% 50%; [/class] [class=forward] position: absolute; overflow: visible; width: 19px; height: 19px; left: 30px; top: 15px; background-image: url(http://pixsector.com/cache/ef1ee4a1/av85f1b171d762037fe92.png); background-size: 100%; background-position: 50% 0%; [/class] [class=refresh] position: absolute; overflow: visible; width: 19px; height: 19px; left: 51px; top: 15px; background-image: url(https://www.pngrepo.com/download/178337/refresh-arrows.png); background-size: 100%; background-position: 50% 10%; [/class] [class=retweets] position: absolute; overflow: visible; width: 173px; height: 11px; left: 43px; top: 185px; [/class] [class=reply] position: absolute; overflow: visible; width: 14px; height: 13px; left: 0px; top: 0px; background-image: url(https://imgur.com/MOz3F5v.png); background-size: 100%; background-position: 50% 0%; [/class] [class=rt] position: absolute; overflow: visible; width: 16px; height: 11px; left: 50px; top: 0px; background-image: url(https://imgur.com/PHgTalR.png); background-size: 105%; background-position: 50% 0%; [/class] [class=like] position: absolute; overflow: visible; width: 14px; height: 13px; left: 100px; top: 0px; background-image: url(https://imgur.com/l9Sg3lD.png); background-size: 100%; background-position: 50% 0%; [/class] [div class=twitterpage] [div class=ribbon] [div class=forward][/div] [div class=back][/div] [div class=refresh][/div] [div class=url]---https:///twitter.corn/[/div] [/div] [div class=leftpanel] [div class=twticon][/div] [div class=menu][/div] [div class=writetweet]Tweet[/div] [/div] [div class=rightpanel] [div class=searchbar]Search Twitter[/div] [div class=sidepic1][/div] [div class=sidepic2][/div] [div class=sidepic3][/div] [div class=sidepic4][/div] [div class=sidepic5][/div] [div class=sidepic6][/div] [div class=tos][/div] [div class=credit]code by sox[/div] [/div] [div class=twtribbon][div class=ribbonname]Lauren Bower[/div][div class=tweetcount]746 Tweets[/div][/div] [div class=header][/div] [div class=backhome][/div] [div class=pfp][/div] [div class=follow]Follow[/div] [div class=name]Lauren Bower[/div] [div class=handle]@whorenbower[/div] [div class=description] Future sugar mommy | Don't vague tweet @ me, hoe [/div] [div class=followcount]70 Following----23K Followers [/div] [div class=tweetsmedia]--------Tweets-----------Tweets & Replies-----------Media-----------Likes[/div] [div class=tweetpanelcontainer][div class=tweetpanel] [div class=tweet] [div class=tweetpfp][/div] [div class=tweetname]Basics - @whorenbower[/div] [div class=tweetbodycontainer][div class=tweetbody]Name: Lauren Bower

Age: 19

Gender: Female

Sexuality: Bisexual

Nationality: Australian

Talent: Debate

Major: Political Science [/div][/div] [div class=retweets][div class=reply][/div][div class=rt][/div][div class=like][/div][/div] [/div] [div class=tweet] [div class=tweetpfp][/div] [div class=tweetname]Appearance - @whorenbower[/div] [div class=tweetbodycontainer][div class=tweetbody]Name: Lauren Bower

Faceclaim: Anika Braun

Height: 5'10"

Weight: 130 Lbs

Eye Color: Green

Hair Color: Blonde

Distinguishing Features: Has a dimple on her left cheek whenever she smiles. A scar underneath her chin after colliding with a rock while surfing. She doesn't like to talk about it. [/div][/div] [div class=retweets][div class=reply][/div][div class=rt][/div][div class=like][/div][/div] [/div] [div class=tweet] [div class=tweetpfp][/div] [div class=tweetname]Persona - @whorenbower[/div] [div class=tweetbodycontainer][div class=tweetbody]Personality: Lauren is likable enough on a surface level. She's willing to talk about anything and seems to be the type that pays attention to you while you blather on about whatever you ate that morning and posted on your Snapchat story. Even so the more you get to know her, the more you realize that she's just a tad too confident in her abilities and looks, and perhaps a tad too flirtatious towards anything that she deems a worthy conquest for the day. She's determined once she puts her mind on something, and that can be a good or bad thing depending if it's about an important issue or if she's determined to make you want to stop the argument you had with her from sheet annoyance. Above all, there's one rule to Lauren that will help you out if you wish to become friends with her - don't think you're friends, because she likely considers you a mere distraction from boredom and nothing else.

Likes: Trashy television ~ Partying ~ Winning ~ Fashion ~ Hook-ups ~ Attention

Dislikes: Filth ~ Assertiveness ~ Tanning ~ Hospitals ~ Crybabies ~ Left on read

Strengths: Charismatic ~ Determined ~ Likable

Weaknesses: Egotistical ~ Non-committal ~ Skeptical

Fears: Illness // Germs // Death [/div][/div] [div class=retweets][div class=reply][/div][div class=rt][/div][div class=like][/div][/div] [/div] [div class=tweet] [div class=tweetpfp][/div] [div class=tweetname]Background - @whorenbower[/div] [div class=tweetbodycontainer][div class=tweetbody]History:
  • Though Lauren likes to play up a tall-tale for the beginnings of the one and only "Lauren Bower - future sugar mommy and medical lawyer," she actually had rather humble beginnings and that was the theme for most of her life. She lived modestly with both her parents and brother as they believed that materialism is not the way of living, so most of her early childhood was spent on the beach watching her brother learn how to surf while her parents were constantly mistaken for being homeless. This lifestyle never really meshed well with Lauren, and she found herself drawn to the more interesting and chaotic lifestyles that celebrities had according to the tabloid magazines at the grocery stores. She would buy them with the little allowance she was given and read them cover to cover, intrigued by the critiques of celebrities' wardrobes and the hot gossip of what rehab Lindsey Lohan was attending that year. It was a comfort from the anxiety she felt with talking to her parents, talking to her peers, to anyone she was forced to interact with. Lauren didn't like living this way, and once she was in the eighth grade, she knew she needed to make a change. That's when she joined the debate team. The idea of her actually enjoying that seemed little to none with how much she disliked speaking, but it was quickly determined that Lauren was leagues above others with her quick-witted remarks and reasoning for any issue they happened to be discussing in the club. She liked doing this, she never found something that made her feel so... good.
  • High school was a place of reinvention she thought and decided that if the summer glow-up worked in a Disney movie, she was going to make it work in real life. So she did, even if her parents disapproved of the needless spending on clothes they thought were a mere waste, to the horrified reactions of buying makeup made with animal products, Lauren felt as if she had the power to finally say what she wanted to say and that brought both the good and the bad. With confidence comes ego, with beauty comes vanity, and with charisma comes manipulation. A constant teetering of what side of the coin she was on being pulled towards the negative with the more attention she got, with the realization that Lauren Bower was a lot more than she seemed to be at first.
  • And it came crashing down when she was informed that her brother was diagnosed with cancer. Lauren didn't believe it at first, why would she? Everything in her life had been working out so perfectly that she simply ignored the fact that Lucas Bower was no longer staying at their family home, but now he was stuck in a hospital room. It only hit her when neither of her parents tried to support their son through treatment, only attempting to persuade him to do more traditional or herbal remedies to help cure his cancer. Lauren was astonished, and if that wasn't bad enough it seemed that the staff at the hospital wasn't... taking the best care of her older brother. Sure she heard the rumors of the hospital at her town not being the number one location to get your surgery done but finding her quickly-ailing brother on the hospital floor one day and sores on his back from not being moved another was enough to make her realize that perhaps her skill in debating others until they were crying good be put to good use. Lauren Bower a future lawyer? You don't say.


Family: All things considered in her hectic life, Lauren has a rather average family consisting of both her parents and older brother, Lucas. She likes to think that the pet hampsters that she and Lucas bought are part of the family as well even though her parents kept complaining that they were ruining the "vibes" at their house.

Relationships:
  • Lucas Bower - Her older brother and partner in crime. Sometimes. It depends on who took the last pop tart that shapes their interactions for the rest of the day. She cares about him deeply and doesn't tolerate anyone saying something negative about him, though she does like to rag on him quite a bit.
  • Rurina Sano - Best friend... kind-of. Their relationship is mostly Rurina being annoyed by Lauren while Lauren tries bothering her by constant facetime calls and text messages. They might've slept together at some point, at least that's the rumors from their high school.
  • Parents - She frankly doesn't like either of her parents much for their pseudo-Woodstock ideology that seems to border on being idiotic in her mind. They barely raised her, let her get sunburnt constantly, and seem to not hold much of a regard for Lucas being in the hospital. She doesn't send them Christmas cards safe to say.
[/div][/div] [div class=retweets][div class=reply][/div][div class=rt][/div][div class=like][/div][/div] [/div]
[/div][/div] [/div]
 
Last edited by a moderator:
[class=variables] --color: #b7cfda; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important [/class] [class=container] width: 460px; height: 300px; display: flex; margin: auto; [/class] [class=left] background-color: var(--color); height: 300px; width: 220px; padding: 10px; box-sizing: border-box; [/class] [class name=left maxWidth=450px] width: 135px; padding: 5px; height: 290px; [/class] [class=img] height: 280px; width: 200px; background-image: url('https://i.imgur.com/3ReHL88.jpg'); filter: saturate(0%); background-size: cover; padding: 20px; box-sizing: border-box; background-position: 50% 50%; [/class] [class name=img maxWidth=450px] width: 125px; [/class] [class=brackets] height: 100%; width: 100%; background: linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; [/class] [class name=brackets maxWidth=450px] opacity: 0; [/class] [class=right] width: 240px; height: 300px; display: flex; flex-direction: column; [/class] [class=contentContainer] position: relative; width: 240px; height: 270px; [/class] [class name=contentContainer maxWidth=450px] left: -5px; [/class] [class=content] position: absolute; opacity: 0; transition: 0.5s; width: 240px; height: 270px; font-size: 12px; padding-left: 10px; box-sizing: border-box; overflow: hidden; [/class] [class=scroll] width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; [/class] [class=name] font-weight: 900; text-align: center; border-bottom: 4px solid var(--color); width: 120px; display: block; margin: 10% auto; font-size: 18px; position: relative; [/class] [class=textHome] font-size: 12px; text-align: center; text-transform: uppercase; width: 200px; margin: 0 6.5%; [/class] [class=title] text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 900; [/class] [class=tag] display: inline-block; border-bottom: 1px solid var(--color); height: 15px; font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; background-position: 50% 50%; filter: saturate(70%); [/class] [class=tabs] display: flex; width: 150px; margin: 0 23%; justify-content: space-between; [/class] [class name=tabs maxWidth=450px] position: relative; left: -10px; [/class] [class=tab] border-radius: 50%; height: 20px; width: 20px; border: 1px solid black; transition: 0.5s; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; border: 1px solid var(--color); [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=click] border: 1px solid var(--color); background-color: var(--color); [/class] [script class=tab01 on=click] addClass click tab01 removeClass click tab02 removeClass click tab03 removeClass click tab04 addClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab02 on=click] addClass click tab02 removeClass click tab01 removeClass click tab03 removeClass click tab04 addClass show content02 removeClass show content01 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab03 on=click] addClass click tab03 removeClass click tab01 removeClass click tab02 removeClass click tab04 addClass show content03 removeClass show content01 removeClass show content02 removeClass show content04 removeClass show contentHome [/script] [script class=tab04 on=click] addClass click tab04 removeClass click tab01 removeClass click tab02 removeClass click tab03 addClass show content04 removeClass show content01 removeClass show content02 removeClass show content03 removeClass show contentHome [/script] [div class=variables] [div class=container] [div class=left] [div class=img] [div class=brackets][/div] [/div] [/div] [div class=right] [div class=contentContainer] [div class="show content contentHome"] [div class=name]HATTIE CARSON[/div] [div class=textHome]“I can’t help it that I’m better than everyone else. I was just born that way.” [/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] Hattie Carson
[div class=tag]nicknames[/div] Besides being called "sis" by her sister, she doesn't like others giving her nicknames, and it's a sure-fire way to piss her off. So that's something to know.
[div class=tag]age[/div] 18
[div class=tag]gender[/div] Female
[div class=tag]Sexuality[/div] Bisexual
[div class=tag]nationality[/div] American
[div class=tag]Talent[/div] Athletics (Soccer)
[div class=tag]Major[/div] Business
[div class=imgSmallContainer] [/div] [div class=title]appearance[/div] [div class=tag]faceclaim[/div] Scarlett Leithold
[div class=tag]height[/div] 5'9"
[div class=tag]weight[/div] 132 Lbs
[div class=tag]eye color[/div] Blue
[div class=tag]hair color[/div] Blonde
[div class=tag]distinguishing features[/div] Crooked nose from having it broken several times growing up, once from her younger sister hitting her in the face, and another time in Jr. High during a soccer match. Her mother proceeded to ask if she deserved to have her nose broken after the incident with her sister.


[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=tag]personality[/div] Privileged and she knows it, Hattie is the oldest daughter of a divorce attorney and has had nearly everything handed to her. She's quick-tempered, over-confident, and tends to get moody if she doesn't get her way. When she likes someone, she's over-protective and borderline possessive, but has a tendency to be flighty with people and struggles to maintain social circles that are more than just surface level. Underneath all of that, she's a softie, who cries whenever she watches The Fox and the Hound. Oh, and she has a gluten intolerance that you WILL hear about.
[div class=tag]likes[/div] Sweet tea, Disney movies, Dogs (even though she's allergic ), Cats (the allergies...), Soccer, Compliments
[div class=tag]dislikes[/div] Being ignored, Being told what to do, People who don't make sweet tea properly
[div class=tag]strengths[/div] Intelligent, Humorous, Charming
[div class=tag]weaknesses[/div] Conceited, Self-Centered, Moody
[div class=imgSmallContainer] [/div] [div class=title]Background[/div] [div class=tag]history[/div] Growing up in Atlanta, Georgia, she lived a privileged life with her younger sister and mother. Her parents divorced when she was 8, leaving her with a distrust of relationships and an anxiety over being abandoned. She started playing soccer in Jr. High, going from an awkward pre-teen to Captain of the soccer team by her junior year. She never had to work terribly hard for anything--a large trust fund waiting for her, platinum credit cards, a flashy sports car, and everyone at her high school simping. She never felt fulfilled though, instead filling her time with vapid relationships and even more vapid hook-ups. Nothing satisfied her. After a while, the thrill of winning a soccer match didn't do it either, and Hattie found herself wishing she could find something to make her feel alive. Maybe moving away from home would give her that.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]Family[/div] [div class=imgSmallContainer] [/div] [div class=tag]Olga Carson[/div] Her mother, they're close and text constantly. Despite their constant communication though, Hattie and her mother both struggle with expressing emotions, and often misunderstand each other.
[div class=tag]Olive Carson[/div] Hattie's younger sister, she's the artist of the family and the "weird one." Her and Hattie are close, and Hattie would die for her sister. She's the one thing Hattie misses the most when she leaves home for college.
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]Misc[/div] [div class=imgSmallContainer] [/div]
[div class=tag]fun facts[/div]
xx → You wouldn't expect it on a first glance, or maybe you would who knows, but Hattie is practically a genuis with math. You'll soon learn it if you didn't guess correctly at first because she'll be sure to rub it in.
xx → On that note, she has a hard time learning any foreign languages made quite clear when her mother attempted to teach her Russian when she was younger. That didn't last.
xx → Don't give her kale. Don't put it in her shakes, don't have it in her sight. She fucking hates kale. [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
 
Last edited by a moderator:
[class name="loveContainerMajor"] --accent: #aecc42 [/class] [div class="loveContainerMajor"] [div class="loveImageContainer"] [div class="loveMainImage" style="background:url(https://uploads.disquscdn.com/images/77ac8c084c078d65de0b7e2159ef57b43178357f60446c0c1779f59de79f5bd8.jpg?w=800&h=640)"][/div] [/div] [div class="loveRightContainer"] [div class="loveTitleContainer"] [div class="loveStudentProfile"]Student profile[/div] [div class="loveStudentName"]Charlie Zhang[/div] [/div] [div class="loveTabbedcontent"] [div class="lovePageContainer"] [div class="lovePage pageOne"] [div class="loveInfoBox"] [div class="loveInfoTitle"]nickname[/div] [div class="loveInfoText"]n/a[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]age[/div] [div class="loveInfoText"]eighteen[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]grade[/div] [div class="loveInfoText"]first year[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]gender[/div] [div class="loveInfoText"]nonbinary (she/her)[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]sexuality[/div] [div class="loveInfoText"]panromantic + asexual[/div] [/div] [div class="pageOneFlex"] [div class="pageOneList"]
  • major: audio production
  • likes: music, most creative outlets, friends, moral goodness
  • skilled in many instruments
  • bilingual (eng/chn)
  • songwriter
[/div] [div class="pageOneList"]
  • has a very large rubber duck collection
  • dislikes: authority figures, bitter food, tbd
  • will not shut up about weird instruments
  • very prideful
  • breakdowns at 4am
[/div] [/div] [/div] [div class="lovePage pageTwo"] [div class="pageTwoText"] [div class="loveHeader"]Persona[/div] [div class="loveSubheader"]take a chance on me[/div] Charlie is very empathetic and always ready to lend a hand or an ear to those who need it. She is fiercely and loudly altruistic, and has a strong moral compass that she follows unquestioningly. She is pragmatic and observant, although not the best at putting all the observed pieces together.

However, this empathy, while useful with other people, often leads to personal crises alone. She is plagued with indecision and anxiety, and puts other people's well-beings far before her own. The only times she can make bold, confrontational decisions is when the situation regards her morals, and she relies heavily on those to find direction in life.

She's a big fan of creativity as a whole, and tries to dabble in as many outlets as possible. She is best at songwriting (and for a good reason---it's her favorite activity), but enjoys many other pursuits just for the sake of variety.

[div class="loveHeader"]history[/div] [div class="loveSubheader"]all my skeletons out for the taking[/div] Growing up, Charlie had a fairly average childhood. She has two younger sisters and two parents, and she still keeps in touch with all of them (albeit, not as frequently as her parents would like). Though she was fairly shy and quiet in her childhood, she had more than enough friends. When she was twelve, she fell completely and head-first into love with music.

In middle school, she made the mistake of staying quiet when her friend was forcibly pushed out of her social group. She has been atoning (and regretting) ever since.

Also, she knows how to play the accordion, much to her parents' chagrin. She's always on the lookout for a bagpipe class as well.

[div class="loveHeader"]misc.[/div] [div class="loveSubheader"]that other stuff[/div]
  • nationality: chinese-american
  • talent: pretty much any sort of music
  • eye color: brown
  • hair color: pink!
  • strengths: creative, pragmatic, observant, empathetic, and generally open-minded
  • flaws: prideful, uncompromising when morally challenged, self-sacrificing, indecisive, anxious, and a very big procrastinator
[/div] [/div] [div class="lovePage pageThree"] [div class="loveInfoBox"] [div class="loveInfoTitle"]height[/div] [div class="loveInfoText"]5'6"[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]weight[/div] [div class="loveInfoText"]129 lb[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]faceclaim[/div] [div class="loveInfoText"]lu keran[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]markings[/div] [div class="loveInfoText"]no real distinguishers[/div] [/div] [div class="pageThreeContainer"] [div class="pageThreeTab friends"]friends[/div] [div class="pageThreeTab foes"]foes[/div] [div class="pageThreeTab lovers"]lovers[/div] [div class="pageThreeTab others"]others[/div] [/div] [div class="pageThreeSelect"][/div] [div class="pageThreePage friendsPage"] [div class="pageThreeText"] TBD [/div] [div class="pageThreeText"] [div class="pageThreeTitle"]friend #1[/div] TBD [/div] [/div] [div class="pageThreePage foesPage"] [div class="pageThreeText"] TBD [/div] [div class="pageThreeText"] [div class="pageThreeTitle"]foe #1[/div] TBD [/div] [/div] [div class="pageThreePage loversPage"] [div class="pageThreeText"] TBD [/div] [div class="pageThreeText"] [div class="pageThreeTitle"]love #1[/div] TBD [/div] [/div] [div class="pageThreePage othersPage"] [div class="pageThreeText"] TBD [/div] [div class="pageThreeText"] [div class="pageThreeTitle"]other #1[/div] TBD [/div] [/div] [/div] [div class="lovePage pageFour"] [div class="pageFourFlex"] [div class="pageFourInfo"] [div class="loveInfoBox"] [div class="loveInfoTitle"]hobbies[/div] [div class="loveInfoText"]yep [/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]fav. color[/div] [div class="loveInfoText"]green[/div] [/div] [div class="loveInfoBox"] [div class="loveInfoTitle"]family[/div] [div class="loveInfoText"]yes[/div] [/div] [/div] [div class="loveMusicContainer"] [div class="loveMusicSquare"] [div class="loveMusicSymbol"][/div] [/div] [div class="loveMusicBox"] [div class="loveMusicHide"] [/div] [/div] [/div] [/div] [div class="pageFourLeft"][/div] [div class="pageFourQuote"] we may look back only to ensure
we have not walked this path before [/div] [div class="pageFourRight"][/div] [div class="pageFourImages"] [div class=" pageFourImage " style="background:url(https://sun9-62.userapi.com/c850532/v850532073/1a77a8/ArEGPnUw16o.jpg)"][/div] [div class=" pageFourImage " style="background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTxHQ2h9hpyiXyyq3S7AapvqyrANyjmG9Qa1wGVYxXL8uvQOJU7&usqp=CAUg)"][/div] [div class=" pageFourImage " style="background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTwLEolXPErnb3HD6m6DwvEvCKTAVPGaGA_w5phmUG8r4CRunQL&usqp=CAU)"][/div] [/div] [/div] [/div] [div style="color:#555;padding-left:10px"] [div class="loveIconTabs tabOne"][/div] [div class="loveIconTabs tabTwo"][/div] [div class="loveIconTabs tabThree"][/div] [div class="loveIconTabs tabFour"][/div] [/div] [/div] [/div] [/div] [class name="loveContainerMajor" minWidth="820px"] width:800px; background:#fff; padding:10px; border:0.1px solid #f1f1f1; margin:auto; position:relative; display:flex; height:520px; [/class] [class name="loveContainerMajor" maxWidth="819px"] width:calc(100% - 20px) background:#fff; padding:10px; border:0.1px solid #f1f1f1; margin:auto; position:relative; display:flex; [/class] [class name="loveRightContainer" minWidth="820px"] width:calc(100% - 10px); margin-left:10px; [/class] [class name="loveImageContainer" minWidth="820px"] padding:10px; border:0.1px solid #f1f1f1; [/class] [class name="loveMainImage" minWidth="820px"] width:300px; height:500px; [/class] [class name="loveImageContainer" maxWidth="819px"] display:none; [/class] [class name="loveTitleContainer"] padding:25px; color:#555; align:right; text-transform:uppercase; border:0.1px solid #f1f1f1; height:75px; [/class] [class name="loveStudentProfile"] width:fit-content; padding:10px 10px 5px 10px; border-bottom:0.1px solid #f1f1f1; font-size:10px; [/class] [class name="loveStudentName"] font-size:25px; letter-spacing:1px; font-family:'Raleway', sans-serif; [/class] [class name="loveTabbedcontent" minWidth="820px"] width:100%; padding-top:10px; display:flex; height:365px; [/class] [class name="lovePageContainer" minWidth="820px"] width:360px; padding:10px; border:0.1px solid #f1f1f1; height:calc(100% - 0.1px); overflow:hidden; [/class] [class name="lovePage" minWidth="820px"] width:360px; height:100%; overflow:auto; padding-right:100px; margin-bottom:10px; [/class] [class name="loveIconTabs" minWidth="820px"] padding:27.5px; font-size:20px; text-align:center; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); transition:color 0.5s; [/class] [class name="loveIconTabs" maxWidth="819px"] display:none; [/class] [class name="loveIconTabs" state="hover" minWidth="820px"] color: var(--accent); animation-name: {post_id}loveIconPush; animation-duration: 0.5s; cursor:pointer; [/class] [class name="loveInfoTitle"] text-transform:uppercase; letter-spacing:1px; font-weight:bold; font-family:'Open Sans', sans-serif; font-size:10px; color:#555; [/class] [class name="loveInfoText"] text-transform: lowercase; font-family:'Open Sans', sans-serif; font-size:10.5px; color:#555; [/class] [class name="loveInfoBox" minWidth:"820px"] padding:10px 20px; display:flex; justify-content:space-between; border:1px solid #f1f1f1; margin-bottom:5px [/class] [class name="loveInfoBox" maxWidth:"819px"] padding:10px 20px; display:flex; justify-content:space-between; border:1px solid #f1f1f1; margin-top:5px [/class] [class name="loveInfoBox"] padding:10px 20px; display:flex; justify-content:space-between; border:1px solid #f1f1f1; margin-bottom:5px [/class] [class name="loveHeader"] width:fit-content; padding:0px 10px 0px 10px; border-bottom:0.1px solid #f1f1f1; text-transform:lowercase; font-size:20px; font-weight:bold; margin:auto; color: var(--accent) [/class] [class name="loveSubheader"] padding:5px; text-align:center; text-transform: uppercase; font-size:10px; letter-spacing:1px color:#555 [/class] [class name="loveMusicContainer" minWidth="820px"] border:1px solid #f1f1f1; display:inline-block; padding:0px 15px 20px 10px; [/class] [class name="loveMusicContainer" maxWidth="819px"] display:none; [/class] [class name="loveMusicSquare" minWidth="820px"] padding:20px; pointer-events:none; height:80px; width:80px; [/class] [class name="loveMusicSymbol" minWidth="820px"] box-sizing: border-box; height: 50px; border-color: transparent transparent transparent var(--accent); transition: 100ms all ease; will-change: border-width; cursor: pointer; border-style: solid; border-width: 25px 0 25px 40px; pointer-events:none; position:absolute; z-index:2; margin:25px 0px 0px 25px; background:#fff; [/class] [class name="loveMusicBox" minWidth="820px"] width:40px; height:40px; overflow:hidden; position:absolute; margin-top:-68px; margin-left:45px; z-index:1; cursor: pointer; border-radius:100% [/class] [class name="loveMusicHide" minWidth="820px"] width:100px; height:100px; position:absolute; margin-left:-10px; margin-top:-10px [/class] [class name="pause" minWidth="820px"] border-style:double!important; border-width: 0px 0px 0px 40px!important; [/class] [class name="pageOneFlex"] display:flex; justify-content:space-between; [/class] [class name="pageOneList"] border:0.1px solid #f1f1f1; padding:5px; text-align:justify; font-size:11px; color:#555; width:calc(50% - 15px); [/class] [class name="pageTwoText" minWidth="820px"] font-family:'Open Sans', sans-serif; font-size:11px;color:#555; text-align:justify; padding:10px; width:calc(100% - 5px) [/class] [class name="pageThreeSelect"] margin-top:-1px; width:90px; height:1px; background:#555; transition:0.4s ease; [/class] [class name="pageThreePage" minWidth="820px"] width:calc(100% + 17px);height:145px;overflow:auto;margin-top:5px;padding-right:30px;display:none; [/class] [class name="pageThreePage" maxWidth="819px"] width:calc(100% - 10px);margin-top:5px;padding:5px [/class] [class name="pageThreeText"] padding:10px;font-family:'Open Sans', sans-serif;font-size:11px;color:#555;text-align:justify; [/class] [class name="pageThreeTitle"] padding:20px;float:left; font-size:15px;font-weight:bold; [/class] [class name="pageThreeContainer"] display:flex; margin-top:10px [/class] [class name="pageThreeTab"] flex-grow:1; text-transform:uppercase; font-size:10px; color:#555; text-align:center; cursor:pointer; padding-bottom:5px; [/class] [class name="pageThreeTab" maxWidth="819px"] display:none [/class] [class name="selectedTwo"] margin-left:89px [/class] [class name="selectedThree"] margin-left:178px [/class] [class name="selectedFour"] margin-left:267px [/class] [class name="tabSelect"] border-bottom:1px solid #f1f1f1; [/class] [class name="pageFourFlex" minWidth="820px"] display:flex; position:relative; [/class] [class name="pageFourInfo" minWidth="820px"] padding:5px; flex-grow:1; padding-top:8px; [/class] [class name="pageFourLeft" minWidth="820px"] width:20px; height:20px; border-top:0.1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-left: 25px; margin-top:20px ; [/class] [class name="pageFourRight" minWidth="820px"] width:20px; height:20px; border-bottom:0.1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-left:calc(100% - 50px); [/class] [class name="pageFourQuote"] text-align:center; font-size:10px; color:#555; text-transform:uppercase; margin:auto; font-family:'open sans', sans serif; margin:auto; width:250px [/class] [class name="pageFourImages" minWidth="820px"] margin:auto; display:flex; width:fit-content; margin-top:20px [/class] [class name="pageFourImage" minWidth="820px"] width:100px; height:100px; background-size:100px!important; margin:5px; background-repeat:no-repeat; [/class] [animation=loveIconPush] [keyframe=50] -webkit-transform: scale(0.8); transform: scale(0.8); [/keyframe] [keyframe=100] -webkit-transform: scale(1); transform: scale(1); [/keyframe] [/animation] [script class="tabTwo" on="click"] hide lovePage show pageTwo [/script] [script class="tabThree" on="click"] hide lovePage show pageThree [/script] [script class="tabFour" on="click"] hide lovePage show pageFour [/script] [script class="tabOne" on="click"] hide lovePage show pageOne [/script] [script class="loveMusicHide"] set onPlay 0 [/script] [script class="loveMusicBox" on="mouseenter"] inc onPlay if (eq ${onPlay} 1) (addClass pause loveMusicSymbol) if (eq ${onPlay} 2) (set onPlay 0) if (eq ${onPlay} 0) (removeClass pause loveMusicSymbol) [/script] [script class="loveMusicBox" on="mouseleave"] inc onPlay if (eq ${onPlay} 1) (addClass pause loveMusicSymbol) if (eq ${onPlay} 2) (set onPlay 0) if (eq ${onPlay} 0) (removeClass pause loveMusicSymbol) [/script] [script class="friends"] addClass tabSelect foes addClass tabSelect lovers addClass tabSelect others show friendsPage [/script] [script class="friends" on="click"] removeClass tabSelect friends addClass tabSelect foes addClass tabSelect lovers addClass tabSelect others removeClass selectedTwo pageThreeSelect removeClass selectedThree pageThreeSelect removeClass selectedFour pageThreeSelect hide pageThreePage show friendsPage [/script] [script class="foes" on="click"] addClass tabSelect friends removeClass tabSelect foes addClass tabSelect lovers addClass tabSelect others addClass selectedTwo pageThreeSelect removeClass selectedThree pageThreeSelect removeClass selectedFour pageThreeSelect hide pageThreePage show foesPage [/script] [script class="lovers" on="click"] addClass tabSelect friends addClass tabSelect foes removeClass tabSelect lovers addClass tabSelect others removeClass selectedTwo pageThreeSelect addClass selectedThree pageThreeSelect removeClass selectedFour pageThreeSelect hide pageThreePage show loversPage [/script] [script class="others" on="click"] addClass tabSelect friends addClass tabSelect foes addClass tabSelect lovers removeClass tabSelect others removeClass selectedTwo pageThreeSelect removeClass selectedThree pageThreeSelect addClass selectedFour pageThreeSelect hide pageThreePage show othersPage [/script]

[div style="max-width:800px;margin:auto;width:100%;font-size:8px;text-transform:uppercase;opacity:0.6;text-align:right"]cheers, koschei[/div]
 
[class=border] --main-colour: #3C83AB; --main-image: url(https://i.pinimg.com/564x/7a/48/57/7a48577045c65258c450f99e69b733d7.jpg); --image-1: url(https://i.pinimg.com/564x/70/d1/1b/70d11b4a41a5dc99a3867250cb74ff66.jpg); --image-2: url(https://i.pinimg.com/564x/5f/87/72/5f8772c44be671ef58b519122e93ed45.jpg); [/class]
[div class=container][div class=border][div class=sborder2][div class=shape2][div class=imagea]
[div class=imageb][/div] [div class=tabs][div class="tab tab1 chosen"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class=banner]max brooks[/div][/div][/div] [div class=sborder1][div class=shape1][div class="tabContents tabContents1 show"][div class=mainimage][/div][/div] [div class="tabContents tabContents2"][div class=header]01. BASICS[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]full name.[/div] max cade brooks [div class=tag]nicknames.[/div] none [div class=tag]age.[/div] 19 [div class=tag]birthdate.[/div] december 14 [div class=tag]place of birth.[/div] los angeles, california [div class=tag]gender.[/div] male [div class=tag]sexuality.[/div] heterosexual [div class=tag]talent.[/div] acting [div class=tag]major.[/div] film making [/div][/div][/div] [div class="tabContents tabContents3"][div class=header]02. LOOKS[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]height.[/div] 6'1 [div class=tag]weight.[/div] 167 lbs [div class=tag]body.[/div] mesomorph [div class=tag]hair.[/div] brown [div class=tag]eyes.[/div] brown [div class=tag]dist. features.[/div] curly mess that is his hair [div class=tag]faceclaim.[/div] matthew clavane [/div][/div][/div] [div class="tabContents tabContents4"][div class=header]03. PERSONA[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]personality.[/div] despite his entire life being in the public eye, max is a very private person. he is the definition of low-key. that being said, he is not shy in the slightest. he is just a mellow person, so don't expect him to be an exuberant person who likes to talk about himself. he gives off the vibe that he hasn't slept in a week (because he hasn't). max is particularly apathetic about his work, so he won't really mention it outright. though, he will appreciate the interest. he isn't completely ignorant, he knows how lucky he is, but he can be unaware of just how good he has it. [div class=tag]likes.[/div] reading, late nights, cool breezes, thunderstorms, the sound of the ocean, listening to music, watching movies, iced tea, mexican food, sleeping in [div class=tag]dislikes.[/div] the media, early mornings, country music, lack of privacy, failure, dark chocolate, sand, needles, cold weather, mushrooms [div class=tag]strengths.[/div] charismatic, easy-going, friendly, decisive, creative, genuine, loyal, intuitive [div class=tag]flaws.[/div] disorganized, passive, unrealistic, apathetic, pessimistic, lazy, moody, tense [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]04. HISTORY[/div][div class=line][/div][div class=textbox][div class=scroll][div class=tag]childhood.[/div] max is the only child to academy award winners shawn and vera brooks. from the first moment he was able to, he has been in front of the camera. he began with cameos in whatever films his parents were working on in addition to a couple spots on television. he booked his first major role at six years old in a critically acclaimed drama film. while most children his age would have been starting school, he was on sets reciting lines and meeting with tutors between scenes. he doesn't remember not being in front of a camera, whether it was on set, or if it was paparazzi following his family around. [div class=tag]teens.[/div] from then on, he has had several starring roles in feature films. his most notable was when he starred alongside his father, which ended up earning his father yet another oscar. he was only fifteen when the film was made and it was clear that he had a real future in the film world. sure his family were responsible for his start, but his level of talent was not something that could have been manufactured. he was born with it. but it is no surprise since he was born to two of the most well regarded actors of their generation. his parents couldn't be prouder. he just doesn't really care that much. of course, he is extremely grateful and recognizes that he is very lucky, but his life has gotten to a point where he can't keep track of it anymore. its overwhelming. most of his coming of age moments were in the public eye. puberty (oh god), first girlfriend, first breakup, etc. he never really had a chance to have a life. it was bizarre having the world know more about your relationship with your girlfriend than you did. it was exhausting to keep up with. it didn't help that all of his relationships (romantic or otherwise) were with other celebrities. he really didn't know anyone else. its exhausting having a life that is just constantly moving. when he's not working on one project, he's working on another. his free time is spent promoting said projects and doing press tours. not to mention the red carpets and the award shows he needs to attend. it sounds so glamorous from the outside, but to max it is too much. he can't even remember the last time he has had more than a week to himself. [div class=tag]adulthood.[/div] despite the praise and the money, max just wants some normalcy and, more importantly, peace. he's never been able to take some time and figure out who he truly is. all of his defining moments were in the public eye. so, he finally decided he was going to do something for himself. he backed out of two projects and applied to college. sure, he had enough money and a career to sustain him without getting an education, but he just needs a place to just be himself and not play a character. so, he set his sights on icu and applied. it was easy choosing his major in filmmaking. he really didn't know anything else but the film industry, but he was always so interested in what went on behind the camera. so he decided to take some time off to learn about himself and the world, but most of all he just need a goddamn break. [/div][/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=container] width: 700px; height: 400px; margin: auto; [/class] [class=border] position: absolute; width: 700px; height: 400px; [/class] [class=sborder1] position: absolute; top: -1px; left: 124px; height: 402px; width: 452px; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); background: #eee; z-index: 1; [/class] [class=sborder2] position: absolute; top: -1px; right: 124px; height: 402px; width: 452px; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); background: #eee; [/class] [class=shape1] position: absolute; z-index: 1; top: 1px; left: 1px; height: 400px; width: 450px; background: #fff; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=shape2] position: absolute; top: 1px; right: 1px; height: 400px; width: 450px; background: var(--main-colour); background-image: url(https://www.transparenttextures.com/patterns/ag-square.png); -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=slideright] right: -1px; transition: 1s all; [/class] [class=slideleft] left: -1px; transition: 1s all; [/class] [script class=border on=mouseenter] addClass slideleft sborder1 addClass slideright sborder2 [/script] [class=mainimage] position: absolute; top: 5px; right: 5px; height: 390px; width: 440px; background: var(--main-image); background-size: cover; background-position: top center; -webkit-clip-path: inset(0 0 0 0 round 40% 0%); clip-path: inset(0 0 0 0 round 40% 0%); [/class] [class=imagea] position: absolute; top: 25px; right: 105px; height: 120px; width: 120px; -webkit-clip-path: inset(0 0 0 0 round 30% 5%); clip-path: inset(0 0 0 0 round 30% 5%); background: var(--image-1); background-size: cover; background-position: center; [/class] [class=imageb] position: absolute; top: 165px; right: 105px; height: 120px; width: 120px; -webkit-clip-path: inset(0 0 0 0 round 30% 5%); clip-path: inset(0 0 0 0 round 30% 5%); background: var(--image-2); background-size: cover; background-position: center; [/class] [class=banner] position: absolute; bottom: 45px; right: 105px; height: 40px; width: 230px; background: white; border-radius: 0 90px 5px 0; text-align: right; line-height: 40px; padding-right: 25px; font-size: 14px; color: var(--main-colour); text-transform: uppercase; letter-spacing: .5px; box-shadow: 0px 0px 50px 0px #fff; font-weight: 600; [/class] [class=tabs] position: absolute; top: 20px; right: 20px; width: 50px; height: 230px; background: transparent; display: flex; flex-direction: column; justify-content: space-evenly; border: 1px solid transparent; [/class] [class=tab] width: 35px; height: 35px; background: #fff; color: var(--main-colour); font-size: 15px; border-radius: 10px; line-height: 33px; text-align: center; transition: 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; box-shadow: 0px 0px 50px 0px #fff; [/class] [class=tabContents] position: absolute; height: 100%; width: 100%; opacity: 0; transition: all 1.5s; [/class] [class name=tab state=hover] background: #333; color: #fff; transition: 0.5s ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosen tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosen tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosen tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab4 removeClass chosen tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosen tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosen tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 [/script] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: black; text-transform: lowercase; font-size: 12px; [/class] [class=textbox] font-family: Manrope; font-size: 12px; position: absolute; bottom: 25px; left: 30px; height: 250px; width: 360px; overflow-x: hidden; color: #333; white-space: pre-line; [/class] [class=line] position: absolute; width: 420px; height: 1px; background: #eee; bottom: 300px; left: 15px; [/class] [class=header] position: absolute; top: 20px; right: 20px; text-transform: uppercase; font-size: 50px; width: 400px; text-align: right; font-family: Manrope; letter-spacing: 1px; color: var(--main-colour); [/class] [class=tag] text-transform: uppercase; display: inline; font-size: 12px; letter-spacing: 1px; text-align: left; font-weight: 600; color: var(--main-colour); [/class] [class=chosen] color: white; background: #333; [/class]
 
[class=container] --bg-color: #000; --color-g-1: #12B52A ; --color-g-2: #A4D211 ; --icon: url('https://i.imgur.com/G0By4gw.jpg'); --name-title: #fff; --txt: #fff; --img1: url('https://i.imgur.com/4SJDW4h.jpg'); --img2: url('https://i.imgur.com/allozCj.jpg'); --img3: url('https://i.imgur.com/TQlNdsK.jpg'); --gimg1: url('https://78.media.tumblr.com/5fab528507e6a419675668a7275e50eb/tumblr_p5v2v0Gxvu1v0q2rco4_400.png'); --gimg2: url('http://pa1.narvii.com/6746/0913e7961c6d0b0232579c5f106d8c5f31686434_00.gif'); --gimg3: url('https://78.media.tumblr.com/2995f9ae47e692ff7bfd286b321127ad/tumblr_oiyk3kkCZk1vksaceo6_400.gif'); --gimg4: url('http://cfile1.uf.tistory.com/original/99B033455ABA7C242AC125'); --gimg5: url('https://0.soompi.io/wp-content/uploads/2018/04/19083212/solar.jpg'); --gimg6: url('https://i.pinimg.com/originals/63/48/e7/6348e736198b7fa88976143cbbcc1306.gif'); height: 400px; width: 550px; background-color: var(--bg-color); margin: auto; -webkit-filter: grayscale(100%); transition: 1s; overflow: hidden; [/class] [class name=container state=hover] -webkit-filter: grayscale(0%); transition: 1s; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class=sidetitle] height: 50px; width: 400px; position: absolute; margin-left: 10px; margin-top: 400px; transform: rotate(-90deg); transform-origin: 0% 0%; [/class] [class=title] text-align: center; font-family: 'Muli' , sans-serif; font-size: 40px; font-weight: bold; letter-spacing: 8px; text-transform: uppercase; background: -webkit-linear-gradient(0deg, var(--color-g-1), var(--color-g-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: 1s; [/class] [class=icon] height: 110px; width: 110px; border-radius: 50%; position: absolute; margin-left: 100px; margin-top: 40px; background-image: var(--icon); background-size: cover; background-position: center center; border: 3px solid var(--color-g-1); transition: 0.5s; [/class] [class name=icon state=hover] border: 3px solid var(--color-g-2); transition: 0.5s; [/class] [class=nametitle] height: 24px; background-color: transparent; position: absolute; margin-left: 120px; margin-top: 170px; border-bottom: 1px solid var(--color-g-1); [/class] [class=nametxt] font-family: 'Ubuntu' , sans-serif; font-size: 14px; text-align: center; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; color: var(--name-title); [/class] [class=quote] width: 180px; position: absolute; margin-left: 67px; margin-top: 205px; background-color: transparent; [/class] [class=quotetxt] font-family: 'Muli' , sans-serif; font-size: 11.5px; text-align: center; letter-spacing: 1.2px; font-weight: normal; color: var(--txt); transition: 0.8s; [/class] [class name=quotetxt state=hover] color: var(--color-g-2); transition: 0.8s; [/class] [class=linkbox1] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox1bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox2] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 270px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox2bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 271px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox3] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 90px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox3bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 91px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkbox4] height: 17px; width: 60px; background-color: transparent; position: absolute; margin-top: 297px; margin-left: 160px; border: 1px solid var(--color-g-1); z-index: 1; opacity: 0.9; [/class] [class=linkbox4bg] height: 18px; width: 00px; background-color: var(--color-g-2); position: absolute; margin-top: 298px; margin-left: 161px; z-index: -1; transition: 0.7s; opacity: 0.8; [/class] [class=linkanim] width: 61px; transition: 0.7s; [/class] [class=linktxt] font-family: 'Muli' , sans-serif; font-size: 10px; text-align: center; letter-spacing: 1.2px; padding-top: -1px; font-weight: normal; color: var(--txt); [/class] [class=heart] font-family: 'Muli' , sans-serif; font-size: 13px; text-align: center; letter-spacing: 1.2px; color: var(--color-g-2); text-decoration: none; position: absolute; margin-top: 350px; margin-left: 150px; opacity: 0.8; [/class] [class=page1] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow-y: scroll; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page2] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page3] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=page4] height: 400px; width: 290px; background-color: transparent; position: absolute; margin-left: 260px; overflow: hidden; opacity: 0; transition: 0.4s; z-index: -10; [/class] [class=txt] font-family: 'Muli' , sans-serif; font-size: 11px; text-align: justify; letter-spacing: 1.1px; color: var(--txt); [/class] [class=show] z-index: 1; opacity: 1; transition: 0.4s 0.2s; [/class] [class=h1] height: 40px; width: 270px; border-bottom: 2px solid var(--color-g-2); position: absolute; margin-top: 10px; margin-left: 10px; [/class] [class=h1txt] font-family: 'Muli' , sans-serif; font-size: 24px; color: var(--txt); opacity: 0.95; text-align: right; text-transform: uppercase; letter-spacing: 2px; [/class] [class=outer] height: 400px; width: 290px; overflow-y: scroll; position: absolute; padding-right: 30px; background-color: transparent; z-index: 1; [/class] [class=imgpost] height: 270px; width: 230px; margin-left: 25px; background-color: transparent; position: relative [/class] [class=img1] border: 2px solid var(--color-g-1); background-image: var(--img1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=img2] border: 2px solid var(--color-g-1); background-image: var(--img2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=img3] border: 2px solid var(--color-g-1); background-image: var(--img3); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=img3 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=caption] width: 230px; border-bottom: 1px solid var(--color-g-2); position: relative; margin-top: 5px; margin-left: 25px; text-align: right; padding-bottom: 5px; font-family: 'Muli' , sans-serif; font-size: 10px; color: var(--txt); transition: 0.5s; [/class] [class name=caption state=hover] color: var(--color-g-2); transition: 0.5s; [/class] [class=blankspace] margin-bottom: 40px; [/class] [class=textbox] width: 270px; background-color: transparent; margin-top: 10px; margin-left: 10px; position: relative; opacity: 0.9; z-index: 1; [/class] [class=h2] display: inline; font-size: 13px; line-height: 25px; border-bottom: solid 1px var(--color-g-2); [/class] [class=listtxt] margin-top: 5px; margin-left: 5px; font-size: 11px; [/class] [class=bulletpoint] display: inline; color: var(--color-g-1); font-size: 12px; [/class] [class=h3] display: inline; line-height: 18px; padding-bottom: 2px; text-transform: uppercase; color: var(--color-g-1); [/class] [class=txtouter] height: 340px; width: 270px; margin-top: 55px; overflow-y: scroll; position: absolute; padding-right: 40px; background-color: transparent; z-index: 1; [/class] [class=galleryimg] height: 110px; width: 110px; background-color: transparent; margin-left: 18px; margin-top: 25px; -webkit-filter: grayscale(10%); [/class] [class=gimg1] border: 2px solid var(--color-g-1); background-image: var(--gimg1); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg1 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg2] border: 2px solid var(--color-g-1); background-image: var(--gimg2); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg2 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg3] border: 2px solid var(--color-g-1); background-image: var(--gimg3); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg3 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg4] border: 2px solid var(--color-g-1); background-image: var(--gimg4); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg4 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg5] border: 2px solid var(--color-g-1); background-image: var(--gimg5); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg5 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [class=gimg6] border: 2px solid var(--color-g-1); background-image: var(--gimg6); background-size: cover; background-position: center center; transition: 0.5s; [/class] [class name=gimg6 state=hover] border: 2px solid var(--color-g-2); transition: 0.5s; [/class] [script class=linkbox1 on=mouseenter] addClass linkanim linkbox1bg [/script] [script class=linkbox1 on=mouseleave] removeClass linkanim linkbox1bg [/script] [script class=linkbox2 on=mouseenter] addClass linkanim linkbox2bg [/script] [script class=linkbox2 on=mouseleave] removeClass linkanim linkbox2bg [/script] [script class=linkbox3 on=mouseenter] addClass linkanim linkbox3bg [/script] [script class=linkbox3 on=mouseleave] removeClass linkanim linkbox3bg [/script] [script class=linkbox4 on=mouseenter] addClass linkanim linkbox4bg [/script] [script class=linkbox4 on=mouseleave] removeClass linkanim linkbox4bg [/script] [script class=page1 on=init] addClass show [/script] [script class=linkbox1 on=click] addClass show page1 removeClass show page2 removeClass show page3 removeClass show page4 [/script] [script class=linkbox2 on=click] addClass show page2 removeClass show page1 removeClass show page3 removeClass show page4 [/script] [script class=linkbox3 on=click] addClass show page3 removeClass show page1 removeClass show page2 removeClass show page4 [/script] [script class=linkbox4 on=click] addClass show page4 removeClass show page1 removeClass show page2 removeClass show page3 [/script] [div style="display: none;"]..[/div] [div class=container] [div class="sidetitle title"]Molchalin[/div] [div class=icon][/div] [div class="nametitle nametxt"]-Alexei-[/div] [div class="quote quotetxt"]Отказ не вариант.[/div] [div class="linkbox1 linktxt"]home[/div][div class=linkbox1bg][/div] [div class="linkbox2 linktxt"]basics[/div][div class=linkbox2bg][/div] [div class="linkbox3 linktxt"]persona[/div][div class=linkbox3bg][/div] [div class="linkbox4 linktxt"]history[/div][div class=linkbox4bg][/div] [div class=heart][div style="display: inline; color: var(--color-g-2);"][/div][/div] [div class="page1 txt"] [div class=outer] [div class="imgpost img1" style="margin-top: 40px;"][/div] [div class=caption]Посмотрим, длится ли это после того, как я выиграю.[/div] [div class="imgpost img2" style="margin-top: 130px;"][/div] [div class=caption]Что если я то, чего ты не ожидаешь?[/div] [div class="imgpost img3" style="margin-top: 130px;"][/div] [div class=caption]Как пожелаешь, товарищ.[/div] [div class=blankspace][/div] [/div] [/div] [div class="page2 txt"] [div class="h1 h1txt"]basics + looks[/div] [div class=txtouter]
[div class=h3]Full Name[/div] Alexei Pyotrovich Molchalin
[div class=h3]Age[/div] 19
[div class=h3]Gender[/div] Male
[div class=h3]Sexuality[/div] Heterosexual + Asexual
[div class=h3]Nationality[/div] Russian
[div class=h3]Talent[/div] Strategist
[div class=h3]Major[/div] Undecided [div class=txtouter]
[div class=h3]Faceclaim[/div] Nikita Pervak
[div class=h3]Height[/div] 6'1"
[div class=h3]Weight[/div] 145 Lbs
[div class=h3]Eye Color[/div] Hazel
[div class=h3]Hair Color[/div] Dark Brown
[div class=h3]Distinguishing Features[/div] Doesn't appear to go in the sun much with rather pale skin, dark bags sagging underneath his eyes that seemed to have been built up over a multitude of years. A small mole sits squarely underneath his left eye.
[div class=h3]Wardrobe[/div] Besides the out of place floral print, Alexei has a tendency to wear what one might consider pressed and cleaned, mute colors hanging on a thin frame that appear to be tailored for him. Simple and generally formal - until he decides to wear a shirt that your uncle you only see at family reunions might wear.

[/div] [/div] [/div] [div class="page3 txt"] [div class="h1 h1txt"]persona[/div] [div class=txtouter]
[div class=h3]Personality[/div] Alexei is a person that's quite hard to get to know. Unless he's interested in something you're doing, he has no reason to talk to anyone that doesn't fit into the schedule he has set for himself. Try asking him questions, he won't stop you. You're likely not going to get what you want out of him, though. It's made clear early on that he isn't... accustomed to talking to others, to the point you wonder if you're speaking to Siri and not a human being. He's brutally honest and can be perceived as blunt, but it's out of a lack of social awareness than genuine harm to whoever's feelings. Even if you're given the impression of a Terminator sent from the future to destroy John Connor, he's not against talking to others if they wish to converse, and you might be surprised to find that there's a competitive spirit underneath the layers of social inadequacy, a determination to.... perhaps push himself and his abilities to the limits.
[div class=h3]Likes[/div] Russian History + Metal Gear Solid + Rain + Gloomy Days + Chess + Winning + Computers + Competitions + Board Games
[div class=h3]Dislikes[/div] Being Outdoors - The Sun - Cold Weather - Losing - Loud Noises - The Unknown
[div class=h3]Strengths[/div] Intelligence + Adaptability + Willingness to Learn + Determination
[div class=h3]Weaknesses[/div] Emotionally Stunted - Competitiveness - One Track Mind - Medical Issues
[div class=h3]Fun Facts[/div]
  • Is fluent in English, but will speak in Russian whenever he can even if the other person doesn't speak it. Will only switch if it's required or someone asks.
  • Has a collection of vintage game consoles he bought after his first tournament.
  • His game of choice is Starcraft II for competitions, however, his heart will always lie with Metal Gear Solid.
  • Good luck to whoever gets stuck being his dormmate because it's required he has blackout curtains unless you want to have him with a rash.
  • Has a tendency to call those he deems "friends" (which good luck with that) as his comrades and seems to be amused whenever he says it.
[/div] [/div] [div class="page4 txt"] [div class="h1 h1txt"]history[/div] [div class=txtouter] [div class="textbox txt" style="margin-top: 0px;"]Alexei wasn't born to a typical household. No, his childhood felt more akin to a science experiment than being nurtured and tutored by both mother and father. Perhaps it was due to Peter Molchalin and his obsession with finding the next big breakthrough in the world of psychology and science, or maybe it was due to Alexei being born with a sensitivity to the sun's rays grazing his skin. Or maybe it was a giant coincidence. He doesn't know and frankly doesn't care. All he knows in his limited scope of the world is that going to a public school was out of the question and that his home was both a combination of where he slept, where he was tested, and where he studied.

Instead of living the normal childhood one might expect in Moscow, Russia, Alexei was instead tasked with a daily and rigorous course of anything that his father could help prove that talent wasn't innate but cultivated with one pushing the limits of how much they struggled and forced themselves into learning the subject matter. Chess was given to him and he wasn't to earn his dinner if he couldn't win a game against his old man. You weren't allowed to go play on that old Commodore your uncle gifted you until you've shown that your skill at what was provided in front of you was nothing less than satisfactory. This mentality stuck with Alexei as he grew older, no longer needing his father's constant pushing and shoving and instead his voice lingering in his head to tell him to win everything he was given. And that fell into gaming.

It had been a mere amusement at first, something to distract himself after being stuck at the dining table with a chess set in front of him and his father glaring from the other end. With the mentality of winning ingrained, it wasn't long until he wouldn't stop until he finished every game thrown at him. And finding an online community that meant he could win against those that weren't even in his proximity? The need to push and prove himself until there was no one but himself left overwhelmed him, and constant nights were spent with the dull glare of the screen showing his dull stare reflecting back on him.

His parents didn't understand the distraction until he was gaining a reputation online for the high winning streak, the constant interest in his abilities making his father curious on the long term benefits of allowing him to... pursue something that he was interested in that seemed to have a potential for a high reputation. If his studies couldn't work out, then what could Alexei's reputation do for him? The first tournament he went to he had won. And then the second proved no different, and suddenly there was an interest in Alexei "PyotrTsar" Molchalin when previously no one had known such a person existed. Alexei didn't care about the fame, only that there was a first-place trophy sitting in his room. And ICU seemed to think similarly.[/div]
[div class=h3]Relationships[/div]
  • Peter Molchalin: The relationship between Alexei and his father is quite a strange one, a great sense of pride yet disdain on his father's side while Alexei tries not to think about how his childhood was more of a giant experiment for his father's sake.
  • Anisa Molchalin: Alexei finds her to be quite overbearing, and feels as if he can't quite escape from her even if he's a country away. She tends to text and call him to make sure that he's doing fine, though he doesn't like to answer and often won't. She leaves strongly-worded voicemails at that.
  • MoxSapphire: The closest thing he has to a friend, though he doesn't know too much about them. They met while playing online chess and they bested Alexei more than he cares to admit. He insisted that they keep playing until the tides turned, and they have been ever since. Alexei is curious about who they are, especially with being out of the house leaves him with the freedom to chat without his parent's shadow looming over him.
[/div] [/div] [/div]
 
Last edited by a moderator:
[class=tag] color: #000; padding: 0px 4px 3px 4px; background: #5B9BD5; display: inline; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #000; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #fff; text-align: center; transition: .7s all ease-in-out; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 35px; float: left; font-family: Montserrat-Bold; font-weight: bold; text-transform: lowercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 11px; line-height: 26px; background: #fff; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
basics
[div class="tab tab2"]
looks
[div class="tab tab3"]
psyche
[div class="tab tab4"]
history
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]Kim Hanuel | 김하늘
[div class="heading heading1"]basics[/div] [div class="heading heading2"]looks[/div] [div class="heading heading3"]psyche[/div] [div class="heading heading4"]history[/div] [div class="heading heading5"]gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
Kim Haneul / Elijah
[div class=tag]nickname(s)[/div]
Elijah | His English name
Eli | A nickname derived from his English name
Hanuel | After moving to America at a young age, he has become accustomed to his English name rather than his Korean name. He will still answer to it, but would prefer if people called him Elijah instead.
Shaggy | A nickname given to him by friends for his scaredy-cat personality, hair style, and adoration for food
[div class=tag]age[/div] Eighteen
[div class=tag]gender[/div] Cis-Male
[div class=tag]sexuality[/div] Heteroflexible | He is mostly attracted to females but finding another male attractive is not off the plate either, just more unlikely to happen. For example, out of the 25 female crushes within his art journal, he has 2 or 3 male crushes.
[div class=tag]nationality[/div] Korean
[div class=tag]talent[/div] Art (painting/drawing/sketching)
[div class=tag]major[/div] Visual Arts
[div class=tag]minor[/div] Photography
[div class=tag]language(s)[/div] Korean | English
[div class=tag]playlist[/div]
Bloom Bloom by The BOYZ
Deep End by KREAM
Eastside by benny blanco, Halsey & Khalid
Eclipse by GOT7
Gone Days by SKZ
Happier by Marshmello & Bastille
Heartless by Jacob Tillberg & Johnning
HELP ME by NU’EST W
Idfc by Blackbear
Love Robot by The Noisy Freaks
Our Dawn Is Hotter Than Day by SEVENTEEN
Renegades by X Ambassadors
Right Here by keshi
A Song Written Easily by ONEUS
SOSO by WINNER
Spring by MCND
Sunflower by Post Malone & Swae Lee
Thanks by SEVENTEEN
Tough (feat. Noah Kahan) by Quinn XCII The Last of the Real Ones by Fall Out Boy
The Other Side of Paradise by Glass Animals
Wave by ATEEZ
[/div][/div] [div class="tabContents tabContents02"]
[div class=tag]height
179cm | 5’9”
[div class=tag]weight[/div] 65.7 kg | 145 lbs
[div class=tag]eyes[/div] Dark Brown | Blue if he opts in for wearing contacts that day
[div class=tag]hair[/div] A curly, unkempt mess. Sometimes he tries to neaten the “beast,” but such a thing only happens on good days, where he isn’t feeling like a mess, himself. However, his hair does seem to invite numerous pats because of its fluffiness.
[div class=tag]distinguishing features[/div]
  • Most of the time he wears his glasses
  • Behind those unruly bangs, he has very bushy eyebrows
  • He does have ear piercings, yet seldom does he actually put earrings on
  • His hand brace (due to carpal tunnel from drawing/painting so much)
[div class=tag]face claim[/div] Taehyung / V
[div class=tag]attire[/div] For some reason, Eli surprisingly has a good sense of fashion despite his supposed inability to take care of himself. His preferred type of fashion is a comfortable sweatshirt accompanied by equally comfortable sweatpants. Yet, when he is seen around campus, he actually goes for more Korean-style clothing. [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]positive traits

+ Amicable / Cordial / Friendly | The majority of his actions (if not all) are good-natured. Eli may be one of the kindest individuals one could ever meet, and he ensures that he viewed in a positive light rather than the opposite. Expect him to be very approachable and courteous to those he so-recently just met.
+ Creative / Imaginative / inspirational | Eli has an artistic perspective on everything, hence why he has become such an accomplished young artist. His masterpieces are both original and innovative, putting to use concepts and styles even the most esteemed artists have not thought of. He has also expanded past traditional art styles, having somewhat-mastered Realism, Painterly, Abstraction, and Cartoons (and yes, he can draw anime). At the moment, he is trying to touch-up on his photorealism and animation skills. Outside of painting and art, Eli is an innovative person in general. Even with projects that do not require art, he still has otherworldly ideas to apply to the work.
+ Selfless / Humble / Modest | Frequently does he reject gifts of all types, refusing to accept something that should benefit the person instead. In a way, he is a hypocrite since he prefers giving the gifts and not receiving them. Eli is not selfish in the slightest bit, in truth, he might not have a single bad bone in his body.
+ Pensive / Contemplative / Meditative |
He allocates a decent amount of thought to each sentence he utters. Though that may be a defensive mechanism in order to prevent any dumbass-ery from exiting his mouth, at least he makes every sentence foolproof as to not anger, sadden, or weird out whoever he may be talking to.
[div class=tag]neutral traits[/div]
= Hopeless Romantic | Yes, an artist who is a hopeless romantic, as if Eli’s life couldn’t get any more complicated. He adores romance books and watches romcoms religiously. He is the type of person who may instantly get a crush on someone who, by showing common courtesy, could have simply picked up what he had dropped. Then directly after someone else might tell him he looks nice and he will immediately switch his crush. He has an entire page in his art journal dedicated to a past crush of his (since he has too damn much to keep count). He truly believes the whole soulmate trope in the movies and novels (and fanfiction) he has either watched or read (respectively). Whether or not he is setting himself up for multiple downfalls, who really knows? Maybe his soulmate really is out there, but for now, he is just as content with living through the characters of those romance movies/novels.
= Sensitive / Easily Hurt / Emotional | Eli is sensitive in the way that he is thoughtful of those who may be going through some troubling times. He is also emotionally sensitive, being somewhat unstable in that area. He is quick to cry, even if the situation does not call for such a reaction.
= Shy / Introverted / Quiet |
The artist is soft-spoken as shouting or yelling does not come naturally to him. This gives him an easy-going first-impression for those who may meet him for the first time, when he’s internally screaming inside instead. An introvert through thick and thin, Eli would rather dig himself a grave and lay in it than be the center of attention in a crowd. Getting him to open up and be more social is a challenge within itself and any who manage to do the impossible should most definitely get a medal.
[div class=tag]negative traits[/div]
- Cowardly / Spineless / Faint-hearted | The main reason as to why Eli has so many failed crushes is because of his inability to make a move. He will chicken out, 100% guaranteed. It gets worse if he is watching a horror movie (which he won’t, but unfortunately for him, peer pressure exists), he will indeed dolphin-scream whenever jump scared and bundle himself up into a blanket burrito. If he were to come face-to-face with something terrifying, deadass he will faint. He avoids confrontation wherever possible, but in the case that he is forced to engage another human being, he will be visibly trembling and stuttering. Then again, he was diagnosed with social anxiety when he was younger. Though his situation is getting reasonably better, he still suffers from the symptoms of his anxiety.
- Gloomy / Melancholy / Blue | This may be very stereotypical of an artist, but Elijah is surface-level on the spectrum. Some days he will be down in the dumps while other days he is much happier and enthusiastic (and if he is excessively so, then someone call please 911 because most likely this poor boy is being held at gunpoint). Every passing day is a roll of the die, so finding him in either state of mind has an equal possibility.
- Insecure / Unconfident / Doubtful |
As if expectation vs. reality could not be more relatable, Eli truthfully believes his work is trash*. Even with how critics have praised his artwork countless times, he still thinks it is out of pity. His low self-esteem may come off as annoying, since with every compliment he receives he will shoot it down with a self-criticism.
*Of course, not saying that he does not avidly enjoy his chosen career path.
- Paranoid / Anxious / Apprehensive | He does tend to get pessimistic about certain things. His anxiety only serves to worsen these tendencies, but because of this trait of his, he does earn the nickname “Shaggy” from Scooby Doo.
[div class=tag]likes[/div] : Delicious Food | Painting/Drawing | Romance Movies/Novels | His Journal | Nature (even though Mother Nature and Elijah are not on good terms) | Colorful items (even though his clothing choice suggests the opposite) | Crushing on others | Listening to Music | Rain | Photography | Chocolate | Fruits | Napping | Fall | Animation / Anime
[div class=tag]dislikes[/div] The Horror Genre | The Unknown | His Art (yikes) | Gum | Summer | The Thought of Being Famous | Crowds | Not Being Able to Own Up To His Feelings | Fainting | Blood | Tight Clothing | Being Forced to Do Something |
[div class=tag]strengths[/div] : Drawing / painting | Eating A Ton of Food and Not Gain Any Weight (Crazy Metabolism, amiright?) | Taking Aesthetic ASF Photos (if you want to take a picture for your social media, hit Elijah up… if you can find him, that is) | Multi-Tasking
[div class=tag]flaws[/div] Easily Loses Control of His Emotions | Low Self-Esteem | Has Feelings of Inadequacy | His Anxiety Can Put a Strain on His Relationships | Incessant Paranoia [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]family & relations

Father | Kim Minjoon 김민준 | FC: Gong Jicheol
Elijah’s father is a good man, taking care of his family and wife whenever he can. He has a great sense of humor and is seemingly the perfect family man, but after his divorce with his supposed “love of his life,” he is starting to doubt that. He has now become a depressed man, a shell of what he once was. Luckily for him, Choonhee was there to pick up the pieces of his broken heart. As for his relationship with Elijah, they could be identical twins with how similar they are. Even with all his father’s faults, Elijah still looks up to him as a mentor.

Step-Mother | Kim Choonhee 김천희 | FC: Lee Minyoung
Getting close to his stepmother was not that difficult and Elijah came to love her very much over the years. Since she is not home all the time, due to her traveling because of her job, he is not able to see her as frequently. However, that does not stop him from keeping in touch with her through facetime, messaging, and phone calls.

Step-Sister | Kim Jiyoo 김유유 | FC: Kang Minah
Jiyoo could be one of the best older sisters to ever exist, and though he has done her part in driving Elijah completely mad, she has also done her part as a loving and caring sister. Her perceptive nature and altruism have made Jiyoo both a best friend and mother-substitute for the siblings. Elijah and her have become inseparable before she went off to college, but now that she is home (after getting a job nearby) they are back to being closer than ever.

Biological-Sister | Kim Seoyeon 김서연 | FC: Moon Sinae
Though Seoyeon may sometimes be the devil-incarnate, she still has a special place in Elijah’s heart. She would do anything in order to cheer Elijah up on his bad days, and she will even something so outlandish in order to make him laugh. But.. she also seems to have major mob boss vibes, for some reason. Despite her innocent appearance, she can get somewhat intimidating (especially when angered) and can get very shady at times, as well. Maybe she is just joking when she says she hid another body but who really knows? Elijah is well aware of her love for dark humor, so perhaps she is just taking that type of humor to another level. However… whether or not she is actually committing fraud or some other crime behind her family’s backs… your guess is as good as mine.

Step-Sister | Kim Aecha 김애차 | FC: Jung Dabin
The baby of the family, as well as the mob boss’s minion, Aecha is made out to be the troublemaker of the family. In reality, she is just incredibly impressionable and gullible and able to be convinced of anything. One-time Seoyeon told Aecha that she needed her help because she accidentally poisoned herself and Aecha began to wail like a banshee. Then again, Aecha is also very oblivious and forgot the date of that day (being April 1st).
She constantly bothers her brother and sister (Seoyeon) in the hopes of solving her boredom, but would only either be scared out of her mind by Seoyeon or… well… Elijah could not do anything to make Aecha go away anyways, so instead he would suffer through with it. He loves Aecha very much, but some days he wished to be left alone.
[div class=tag]history[/div]
Childhood (0-10) ||
  • Elijah was only 8 years old when the nasty divorce between his father and biological mother happened. His and Seoyeon's lives were flipped upside down, unable to fully comprehend the situation that they would never see their mother again. Though, their parents showed all the symptoms of a divorce. Daily arguments over the simplest of things erupted at the dinner table (some escalating to violence, leading to Elijah taking his sister to his room and locking the door out of fear), and being put (along with his sister) in the middle of their disputes have all occurred in the last few years. Whether or not his mother or father were right in the predicament is debatable, but his father managed to take custody of both Elijah and his sister after battling out the divorce in court. They moved promptly after to Seoul and his father was able to immediately meet another woman who had daughters of her own.
  • To be completely honest, Elijah was quite content with having only one demon (Kim Seoyeon) in the household. Alas, Elijah was now gifted with the two bundles of happiness that are his stepsisters. Seoyeon was overjoyed to know she had two more sisters to enjoy life annoy the ever-living hell out of her brother with.
  • A year after his father’s and stepmother’s wedding, they packed their bags and moved speedily moved to the Americas to start anew. Especially with how his father was offered a manager position at another insurance company and with how the children were still young, he was quick to make the decision for them to move.
  • Elijah and his sisters were taught by an English tutor once they fully moved into their new house in California.
  • Having now grown up with three sisters (and no fellow males), Elijah was subjected to motherly nagging by the eldest (Kim Jiyoo), makeup by the middle sister (Kim Seoyeon), and tea parties by the youngest (Kim Aecha). To have endured such torture care from his sisters, Elijah developed a slight fear of the opposite sex that he carried with him to the present-day. Additionally, having three sisters only meant that he had to listen to three girls fangirling over cheesy, romance movies/shows. Of course, 10-year-old was forced to watch this genre, and oh he tried so hard to keep his masculinity… but soon he too found himself invested in the love life of these fictional characters. People could say this was when he thought his life would also be a Disney movie, where he would find his soulmate and live happily-ever-after with them.
  • Elijah was then able to enroll in elementary school in the states and expressed an immense interest in his art class. Everyday he was able to attend his art class, he was brimming with enthusiasm (a unlikely phenomenon for present-Elijah). His teacher was keen on whatever projects he was able to create and was surprised with every result. She thought he really was gifted at such a young age.
  • When his art class could not satiate his never-ending hunger for creating something of artistic quality, he would bother his parents to take him to craft stores. He enjoyed painting and drawing and would spend almost every day within his mess of a room, working until his fingers cramped up.
Adolescence (11-14) ||
  • Once he entered middle school, his drawing abilities were even more apparent. Now that he was able to further his art education slightly more, he was able to touch-up on his abilities. His teachers constantly urged him to enter art competitions, despite his strong objection. And yet, after much prodding he gave up and submitted a portfolio of his work to the school’s art competition. Much to his surprise, he won the competition (though he believed that bias was a big contender to the reason why he won, after hearing that the art teachers were the judges). In spite of feeling dejected for not winning the competition fairly, Elijah felt compelled to actually test out his skills by applying to bigger competitions.
  • In middle school was also when he would start accumulating crush after crush. He would sketch them in the margins of his notes, fantasize about their wedding, etc. Elijah was not the type to suddenly confess without fear, however. Keeping his feelings to himself was much more appealing to him then the likelihood that he would be rejected. Oh, rejection scared him. There was only one time he was coaxed by his sisters to confess to this one girl and he was immediately rejected; he did not go to school for the next three days. But Elijah is infamously known to cycle through his crushes continuously and maintaining a crush for longer than a week was unlikely of him to do. During this time, he was gifted a journal for his birthday, and instead of using it for art projects other than his “love life,” he instead dedicated each page to multiple sketches of each crush. The possibility of someone getting this journal was (and is) VERY improbable since he guards the thing like a Doberman.
Teenage Years / Present (15-18) ||
  • In high school, Elijah was able to properly put to use his art skills by winning multiple competitions. Some of his work even being showcased for all the world to see. He still brushed the wins off, thinking his art was not worthy enough to gain such attention. In his other classes, he was passing but not exactly excelling in them (making the occasional B or C). Art was taking up more and more of life academic life, and he was readying himself to apply to art schools by creating his portfolios.
  • His eldest sister was the primary caretaker of the siblings and was entrusted with this title by her busy parents. She was also the main advisor of Elijah, helping him with applying to colleges (after having graduated college herself). She was well aware of his art skills and referred many prestigious art schools (some of which who have already shown interest in admitting him) but also wanted him to apply to some other, more well-rounded schools. ICU was one of them that she recommended, but Elijah knew of the school’s selective process. Many of the students at his high school were trying to get admitted into ICU, and he was informed by some of them that only the best of the best get in. He was certainly not the best of the best, but how could he refuse to apply when his sister was so adamant on him getting in? At least once he applies and gets rejected, she will rest easy knowing that her brother is not a messiah from the heavens (seriously, why does everyone think that?).
  • As soon as he received that fated acceptance letter, Elijah was about to go and burn it in the fireplace (and probably make up a story that he was rejected) until the youngest sister found it and called Jiyoo. He was very close to escaping this fate, but he was reminded yet again that him and fate are not on the same side. Great, not only was he going to a school where everyone either already won a gold Olympic medal, created their own thriving business, or was just plain rich and famous. He was none of those, and he was quite happy with that. If anything, he was hoping for a mediocre life, not one where he would be amidst the best students in the world and stick out like a sore thumb. Why in the hell did ICU want him? He had to find out, because there was no way that his grades or art skills were the ones who got him into one of the most prestigious schools on the face of the planet.
[/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
The Esteemed Artist
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
Last edited:
[class=variables] --color: #b7cfda; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important [/class] [class=container] width: 460px; height: 300px; display: flex; margin: auto; [/class] [class=left] background-color: var(--color); height: 300px; width: 220px; padding: 10px; box-sizing: border-box; [/class] [class name=left maxWidth=450px] width: 135px; padding: 5px; height: 290px; [/class] [class=img] height: 280px; width: 200px; background-image: url('https://i.imgur.com/zyZk49b.jpg'); filter: saturate(0%); background-size: cover; padding: 20px; box-sizing: border-box; background-position: 50% 50%; [/class] [class name=img maxWidth=450px] width: 125px; [/class] [class=brackets] height: 100%; width: 100%; background: linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; [/class] [class name=brackets maxWidth=450px] opacity: 0; [/class] [class=right] width: 240px; height: 300px; display: flex; flex-direction: column; [/class] [class=contentContainer] position: relative; width: 240px; height: 270px; [/class] [class name=contentContainer maxWidth=450px] left: -5px; [/class] [class=content] position: absolute; opacity: 0; transition: 0.5s; width: 240px; height: 270px; font-size: 12px; padding-left: 10px; box-sizing: border-box; overflow: hidden; [/class] [class=scroll] width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; [/class] [class=name] font-weight: 900; text-align: center; border-bottom: 4px solid var(--color); width: 120px; display: block; margin: 10% auto; font-size: 18px; position: relative; [/class] [class=textHome] font-size: 12px; text-align: center; text-transform: uppercase; width: 200px; margin: 0 6.5%; [/class] [class=title] text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 900; [/class] [class=tag] display: inline-block; border-bottom: 1px solid var(--color); height: 15px; font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; background-position: 50% 50%; filter: saturate(70%); [/class] [class=tabs] display: flex; width: 150px; margin: 0 23%; justify-content: space-between; [/class] [class name=tabs maxWidth=450px] position: relative; left: -10px; [/class] [class=tab] border-radius: 50%; height: 20px; width: 20px; border: 1px solid black; transition: 0.5s; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; border: 1px solid var(--color); [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=click] border: 1px solid var(--color); background-color: var(--color); [/class] [script class=tab01 on=click] addClass click tab01 removeClass click tab02 removeClass click tab03 removeClass click tab04 addClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab02 on=click] addClass click tab02 removeClass click tab01 removeClass click tab03 removeClass click tab04 addClass show content02 removeClass show content01 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab03 on=click] addClass click tab03 removeClass click tab01 removeClass click tab02 removeClass click tab04 addClass show content03 removeClass show content01 removeClass show content02 removeClass show content04 removeClass show contentHome [/script] [script class=tab04 on=click] addClass click tab04 removeClass click tab01 removeClass click tab02 removeClass click tab03 addClass show content04 removeClass show content01 removeClass show content02 removeClass show content03 removeClass show contentHome [/script] [div class=variables] [div class=container] [div class=left] [div class=img] [div class=brackets][/div] [/div] [/div] [div class=right] [div class=contentContainer] [div class="show content contentHome"] [div class=name]HARPER CULLEN[/div] [div class=textHome]“Yes, I can do the splits. No, I don't want to talk to you. Yes, I know I'm being rude.” [/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] Harper Cullen
[div class=tag]nicknames[/div] Will knock a bitch out if they give her a nickname so don't try it.
[div class=tag]age[/div] 19
[div class=tag]gender[/div] Female
[div class=tag]Sexuality[/div] Bisexual, but like... closeted bi
[div class=tag]nationality[/div] American
[div class=tag]Talent[/div] Writing/Cheerleading
[div class=tag]Major[/div] Literature
[div class=imgSmallContainer] [/div] [div class=title]appearance[/div] [div class=tag]faceclaim[/div] Alina Kovalenko
[div class=tag]height[/div] 5'7"
[div class=tag]weight[/div] 108 Lbs
[div class=tag]eye color[/div] Brown
[div class=tag]hair color[/div] Red
[div class=tag]distinguishing features[/div] She has several scars on her arms and stomach.


[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=tag]personality[/div] Harper is quiet, cold and prefers being left alone. She enjoys the popular crowd but dislikes socializing beyond what she has to do. Anything more, and she gets irritated and pushes people away as much as she can. When she's with someone she's close with, however, she can be funny, sarcastic, and pleasant to be around.
[div class=tag]likes[/div] Hoarders on A&E, classic novels, parchment paper, quills, different color inks
[div class=tag]dislikes[/div] her body, social interaction, her parents, fuckboys
[div class=tag]strengths[/div] intelligent, witty, a good sense of humor when she's relaxed
[div class=tag]weaknesses[/div] cruel, bad-tempered, aloof
[div class=imgSmallContainer] [/div] [div class=title]Background[/div] [div class=tag]history[/div] Harper grew up in a broken home with alcoholic parents. Her home life was terrible--dysfunctional and abusive, but her parents were well-off regardless. Harper flourished in high school, becoming captain of the cheerleading squad, and excelling the most in her Lit class. All she wanted was to graduate high school, move out, and never have to look back. Moving out of her parent's house was the best day of her life, and when she was able to get her own apartment and start working at a vintage bookstore, she finally felt happy.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]Family[/div] [div class=imgSmallContainer] [/div] [div class=tag]Hattie Carson[/div] Harper's favorite cousin. She grew up with her, and often stayed at Hattie's house over the summer. They drifted apart in high school, both focusing on different things and forgetting to keep in contact.
[div class=tag]Olive Carson[/div] Harper and Olive were never very close, mostly because of their age difference. They communicate poorly over social media.
[div class=tag]Olga Carson[/div] Harper's aunt-in-law, they were never very close because Olga was always working whenever Harper stayed over. Olga still sends her birthday cards, though.
[div class=tag]Peter Carson[/div] Harper's uncle, he would take her from her parent's house every other summer to make sure she had a more stable place to stay, at least for a little bit.
[div class=tag]Sandra Vale[/div] A former classmate of Harper who she heavily tormented after developing feelings for her. Sandra seemed to have left the face of the Earth after leaving high school, and Harper hasn't heard anything since.
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]Misc[/div] [div class=imgSmallContainer] [/div]
[div class=tag]fun facts[/div]
xx → She can do the splits haha, but don't ask her to do them unless you want to be in the nurse's office for the rest of the day haha.
xx → Will text you about Hoarders or any other show on A&E, including Intervention.
xx → Her favorite book is The Bell Jar by Sylvia Plath, because of course it is. [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
 
Last edited by a moderator:

Users who are viewing this thread

Back
Top