• 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 Summer Nights CS

Main
Here

JustAlexandra

Mother of Tiny Lions
Character Sheet - Summer Nights

Name:
Age: (17-20)
Gender:
Sexuality:
Pronouns:
Role:
Likes/Dislikes/Quirks/etc: Optional

Appearance: (Picture or Description ((if description you can include all below in what you write, if you want))
Tattoos/Piercings/Body Mods: Optional
Height:
Weight:
Eye Color:
Hair Color:

Personality: (I’m lenient with this, a few words works or a paragraph/more if that’s your thing)

Biography: (1-2 paragraph minimum. Doesn’t need to be super detailed, just give us some insight into their childhood/life)

Relationships:**



**This will be filled in once the CS’s are approved. Each character needs to know at least one of the other characters as per how they were invited. It would be weird for a house full of strangers to be together in this situation. However, you don’t have to make these relationships all nice. Some of them should be, because otherwise ew no one wants you there, lol. But you can make some “I don’t like you” relationships, or some where you know a person but you don’t *really* know them, but you have some type of feel towards them, nice/crushing/hateful/vengeful. Whatever you want it to be. These don’t have to all be mutual, so while you should discuss some of your relationships with the other players, you don’t have to do it for them all.

This part can be really fun, and it may sound like a lot of work, but it’s not! A sentence or two for each person you choose to have a relationship with works, and you don’t have to do it for all of the players. You may not know all of the characters, which makes it interesting as well!

----

Please delete all of the parts in parenthesis before posting your CS. You are free to use BBcode or choose not to.

Discord invites will be sent out as people finish their CS's as well :)
 
Monroe Abernathy
18
Female - Heterosexual - She/Her
The Party Animal
nRxZSZIwUYkaGSngEyV1-T4jiALf3RGDRMIDGLdCZYs.jpg
Likes:
Drinking - Smoking pot - Music - Puppies - Dancing
Dislikes:
Debbi Downers - Sore Losers - School
Quirks:
Constantly chewing on her bottom lip, bad habit she cant break
She has a small heart tattooed on her inner wrist, her and her sister got it done on her 18th birthday. Other than that she has multiple piercings on her ears and her belly button pierced as well.
Monroe stands at five feet six inches tall and weighs 127 pounds. She has a head of wild curly dark brown hair and deep brown eyes.
Monroe has always enjoyed being the center of attention, ever since she was just a little girl. Her favorite thing is being in the spotlight. She has no shame and no fear of standing out. She is bold and charismatic. She may be perceived as a mean, rude b*tch sometimes as she can be very blunt but, truly Monroe is a very genuine person that just enjoys having a good time and she wants others around her to do the same. She is quite loud and is not always the best at using her indoor voice. Get to know Monroe and you'll grow to love her like most do.
Monroe was born in Scotland to her parents Cassidy and Liam Abernathy on March 19th, 2002. She is half African American from her mothers side and half Scottish from her fathers side. She was the the second daughter to the Abernathy's. They loved both their girls equally and had a good life growing up after they moved to the states just a year after Monroe was born. Life in Scotland was not the best for her and her mother given their skin color. Her sister took more after her fathers looks with the ginger colored hair and freckles. Like stated above, Monroe's family moved to Washington State in 2003. There they made a life for themselves. Her father started a construction company and her mother continued her career in design. It was the one place Monroe knew to be home. She did not think of Scotland as her home, despite it being her birth place. Washington was the place her parents raised her. She enjoyed going on hikes and exploring with her parents growing up. They lived a pretty decent life. Monroe and her older sister Olivia always got what they wanted as long as they worked for it.
However, despite the comfortable life they lived, Monroe began to act out once she got to Meadowdale High School. Maybe it was the extra attention she was getting now that she was getting older and becoming a "woman". Her curves were coming in, her breasts were growing. She was not a little girl anymore and it showed. Maybe she was just getting in with a bad crowd but she was always getting in trouble with boys and sneaking out after curfew. Her parents at one point just started to give up on containing her. Once Monroe got her "freedom" was when she started to behave. Maybe this was her parents way of playing reverse psychology on her. She started doing better in school and going out mostly only on the weekends. Shes excited to officially be done with high school though. She is due to start at FIT in the fall to follow in her mothers footsteps in Fashion. Until then... its time to live it up!

Style:
X X X

Relationships: TBD
 
Last edited:
Angel Ashford
“you're different. not like them. so what? i think you should cherish that... i'm different too."​
[class=tabs] line-height: 1; margin: 20px auto; text-align: center; width: 100%; color: black; display: inline-block; font-family: 'Times New Roman'; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 45%; [/class] [class name=tab state=hover] background-color: grey; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Basics) (show tabsContentInformation) if (eq ${currentTab} Persona) (show tabsContentPersonality) if (eq ${currentTab} Biography) (show tabsContentAbout) if (eq ${currentTab} Miscellaneous) (show tabsContentOthers) [/script] [div class=tabs][div class=tab style="border: 1px solid black; margin: auto"]Basics
[div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: auto; margin-bottom: auto; margin-right: auto"]Persona[/div][div class=tab style="border: 1px solid black; margin-left: auto; margin-top: 10px; margin-bottom: auto; margin-right: auto""]Biography[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: 10px; margin-bottom: auto; margin-right: auto"]Miscellaneous[/div][/div]
[div class="tabsContent tabsContentInformation"]
basic information:
name: angel ashford
age: seventeen
gender: male
sexuality: asexual
role: the emo

appearance: a word that often comes to mind upon seeing angel for the first time is cute, as in, kitten and puppy cute... not the kind of cute girls whisper to each other about. he's ridiculously short for a guy his age and also very delicate, though to his advantage these things at least compliment each other rather than leave him looking like some sort of snow white reject. he appears wide-eyed and young for his age, the fluffy cloud of pastel emo hair that serves as his most recognizable trait not doing much to help there. in contrast to his innocent features, angel dresses on the dark and edgy side even for an emo... think graphic tees and hoodies with band logos and skulls galore, ripped black or two-toned skinny jeans, checker print and striped everything, and tons of accessories like necklaces, fingerless gloves and wristbands. he's often seen wearing mostly black, which tends to be more attention-grabbing than usual due to the contrast it provides with his hair. like many emos, he paints his nails and wears eyeliner most days... and will occasionally throw in some halloween contact lenses just for fun.
tattoos/piercings: snakebites, septum and left eyebrow are pierced; has a broken and bandaged heart tattooed on his left wrist and "i am not afraid to keep on living" quote on his right wrist
height: five foot three
weight: ninety two lbs.
eye color: sky blue; seem to darken and lighten with his mood
hair color: currently white with streaks of pastel blue (but he changes it often)
[/div] [div class="tabsContent tabsContentPersonality" style="display: none;"]
persona:
personality: while angel can definitely be sweet and affectionate, he doesn't quite live up to his name... not that anyone really could. he's usually one of the nicer people you'll meet, though his pessimistic outlook and emotional nature can be difficult to handle sometimes. when annoyed he can turn quite sarcastic and snarky, though he'll usually feel terrible about it afterwards and is slow to actually get angry. that being said, angel holds onto grudges surprisingly well.

angel suffers from anxiety and depression, though he tries not to let these issues show and often retreats into music when he's feeling particularly bad. he refuses to take any medication as he doesn't trust doctors after the trauma of being forced into hospital against his will due to his suicide attempt. angel got two tattoos at the age of sixteen as a commemoration of the fact that he survived, and both have a lot of meaning to him.

despite all this, he's still innocent and sometimes a bit naive, having never attended a party or even tasted alcohol. angel is a talented songwriter and has been singing and playing the guitar since he was nine, often writing lyrics on his hands and wrists when away from his notebook so he won't forget them. having a naturally soft and whispery voice along with his somwhat shy personality, angel is often asked to speak up, though he strongly dislikes being the center of attention. he tends to cry easily, a fact that he finds quite embarrassing and tries his best to hide. cats are his favorite animal, and he'll fawn over one for hours if given the chance.

aside from felines and music, his other love is sugar... especially any kind of candy. pair with an energy drink and you'll have one happy angel.

likes: candy and dessert, energy drinks, cats, music (but only his kind of music), nighttime, singing and playing guitar, video games, staying in on weekends
dislikes: crowds, vegetables (especially broccoli), having his hair touched, popular music, alcohol, yelling or fighting, wild parties, people who judge his style
quirks: always smells like sugary cotton candy up close, writes/draws on his hands and wrists often, will add extra sugar to almost everything, cries for hours if the dog dies in a movie, has never tasted alcohol but makes up for this with a freakishly high caffeine tolerance
[/div] [div class="tabsContent tabsContentAbout" style="display: none;"]
biography:
the unplanned result of a one-night stand in college, angel's young mother reluctantly dropped out and gave up her dreams of being a fashion designer to raise her child. while her choice in baby names was, er, questionable, the woman adored her son and spoiled him as best she could on their tight budget. with some financial help from his grandmother, angel had a happy childhood and maintained his innocence longer than most.

he was mostly ignored in elementary school, though his sweet personality managed to win him some friends despite his outward shyness. middle school wasn't so easy however, and his interest in alternative music and style lead to a sharp increase in bullying and mockery. angel learned to defend himself with snark and sardonic comments, seeing as he was much too small to fight and well known to be one of the least violent kids in the school. he sadly lost his sweet disposition for a few years, often lashing out and hiding himself away for weeks at a time, unable to deal with the world. this continued well into high school, and reached its peak when he was sixteen and and admitted to a hospital for a suicide attempt and general self-destructive behavior.

despite the odds, angel survived and was released after a few weeks, though it wasn't nearly soon enough for him. after returning home with two new tattoos and a major increase in his phobia of medical care, he set about rebuilding his life as best he could and even reconnected with some old friends. while angel still seriously struggles with depression and self-harming urges, he's learned to be much sneakier when hiding them and has no desire for others to discover his problems... which means playing up his innocence, and staying sober, obviously.
[/div] [div class="tabsContent tabsContentOthers" style="display: none;"]
other:
relationships: tba;
[/div]
[/div]
codedbycrucialstar | click boxes and hidden scrolls
 
Last edited:
[class=bkgd] --bkgd-color: #000; --text-color: #fff; --accent-color1: #ff80aa; --accent-color2: #999999; position: relative; margin-right: auto; margin-left: auto; width: 600px; height: 400px; background: var(--bkgd-color); overflow: hidden; border-radius: 10px; [/class] [class=slidebkgd] position: relative; width: 100%; height: 100%; background: var(--bkgd-color); [/class] [class=texture] position: absolute; background: url(https://www.onlygfx.com/wp-content/uploads/2019/02/7-noise-texture-overlays-5.png); width: 100%; height:100%; background-size: 100%; [/class] [class=name] position: absolute; width: 100%; height: auto; top: 62%; font-size: 60px; color: var(--text-color); text-transform: uppercase; font-weight: 700; line-height: 65px; text-align: left; letter-spacing: 3px; padding-left: 20px; transition-duration: 0.3s; [/class] [class name=name state=hover] color: var(--accent-color1); [/class] [class=line] position: absolute; height: 2px; background-color: var(--accent-color2); border-radius: 10px; [/class] [class=role] position: absolute; width: 79%; height: auto; top: 51%; font-size: 20px; color: var(--accent-color1); text-transform: uppercase; font-weight: 400; font-style: italic; line-height: 32px; text-align: right; letter-spacing: 0px; padding-right: 0px; transition-duration: 0.3s; [/class] [class=circlepic] position: absolute; border-radius: 100px; border: 2px solid var(--accent-color2); [/class] [class=homecircle] width: 100px; height: 100px; top: 45%; left: 80%; background: url(https://media3.giphy.com/media/12Gvy0AYQ1yaGI/200.gif?cid=790b761143500d870d045e1e3691c220614f2e03d035345f&rid=200.gif); background-size: 100%; [/class] [class=linecircle] width: 110px; height: 110px; top: 5%; [/class] [class=linecircle1] left: 4%; background: url(https://66.media.tumblr.com/60565c9c06340883944f6791a4f81461/25a4d6e3237629d3-de/s640x960/08c6ef4eee848c01432cb4d03c8b4eec544437d1.jpg); background-size: 100%; [/class] [class=linecircle2] left: 28%; background: url(https://66.media.tumblr.com/cf7b9f648b8191e1b00c5c960790ec70/25a4d6e3237629d3-4b/s640x960/69d15f8ba5d5f38860cfe0c55e5f11e91a276975.jpg); background-size: 100%; [/class] [class=linecircle3] left: 52%; background: url(https://66.media.tumblr.com/1cf9bceba0cb81b083ffe41076fc2353/4c1d818571ff1a0d-19/s500x750/a9a62402d75f94eecea5320944c1858af542d2c0.png); background-size: 100%; [/class] [class=linecircle4] left: 76%; background: url(https://66.media.tumblr.com/f8a3e4f9f351d0921422a640f8ac9afe/20a19004564fe878-f4/s500x750/353e6051b7e90746cf834c6fcd31385ff113d80a.png); background-size: 80%; [/class] [class=linehover] position: relative; border-radius: 100px; width: 110px; height: 110px; top: 0px; background: var(--accent-color2); text-align: center; color: var(--text-color); font-size: 12px; line-height: 110px; text-transform: uppercase; [/class] [class=header] position: absolute; width: 500px; height: auto; left: -215px; top: 32%; font-size: 25px; color: var(--accent-color1); text-transform: uppercase; font-weight: 700; font-style: italic; line-height: 32px; text-align: left; letter-spacing: 2px; padding-left: 30px; transform: rotate(-90deg); [/class] [class=textcontainer] position: absolute; width: 550px; height: 220px; top: 40%; left: 18%; overflow: hidden; [/class] [class=text] position: relative; width: 470px; height: 220px; padding-right: 50px; overflow: auto; font-size: 10px; line-height: 12px; text-align: justify; white-space: pre-wrap; color: var(--text-color); [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; color: var(--accent-color1); text-transform: uppercase; margin-right: 5px; text-decoration: underline; font-weight: 700; letter-spacing: 1px; [/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] [script class=button on=click] addClass slideup slidebkgd [/script] [class=slideup] animation-name: {post_id}slup; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=slup] [keyframe=0]transform: translateY(0%);[/keyframe] [keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe] [/animation] [class=hidden] display:none; [/class] [script class=linecircle1 on=mouseenter] fadeIn 0200 linehover1 [/script] [script class=linecircle1 on=mouseleave] fadeOut 0200 linehover1 [/script] [script class=linecircle2 on=mouseenter] fadeIn 0200 linehover2 [/script] [script class=linecircle2 on=mouseleave] fadeOut 0200 linehover2 [/script] [script class=linecircle3 on=mouseenter] fadeIn 0200 linehover3 [/script] [script class=linecircle3 on=mouseleave] fadeOut 0200 linehover3 [/script] [script class=linecircle4 on=mouseenter] fadeIn 0200 linehover4 [/script] [script class=linecircle4 on=mouseleave] fadeOut 0200 linehover4 [/script] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 400 tabsContent1) if (eq ${currentTab} persona) (fadeIn 400 tabsContent2) if (eq ${currentTab} background) (fadeIn 400 tabsContent3) if (eq ${currentTab} misc.) (fadeIn 400 tabsContent4) [/script] [div class=bkgd] [div class=texture][/div] [div class=line style="width: 100%;top: 18%;"][/div] [div class=line style="width: 100%;top: 22%;"][/div] [div class=line style="width: 2px; height: 100%; left: 72px; color: var(--text-color);"][/div] [div class=line style="width: 2px; height: 100%; left: 87px; color: var(--text-color);"][/div] [div class="circlepic linecircle linecircle1 tab"][div class="linehover linehover1 hidden"]basics[/div][/div] [div class="circlepic linecircle linecircle2 tab"][div class="linehover linehover2 hidden"]persona[/div][/div] [div class="circlepic linecircle linecircle3 tab"][div class="linehover linehover3 hidden"]background[/div][/div] [div class="circlepic linecircle linecircle4 tab"][div class="linehover linehover4 hidden"]misc.[/div][/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"]misc.[/div] [div class="textcontainer tabsContent tabsContent1"][div class=text] [div class=tag]name:[/div] vanessa foster [div class=tag]nickname:[/div] vee or nessa [div class=tag]age:[/div] nineteen [div class=tag]gender:[/div] female [div class=tag]sexuality:[/div] bisexual [div class=tag]role:[/div] the cheerleader [div class=tag]faceclaim:[/div] flavia santiago [div class=tag]hair color:[/div] brunette w/ blonde & natural curls [div class=tag]eye color:[/div] chocolatey brown [div class=tag]height/weight:[/div] 5'2 & 126lbs [div class=tag]body mods:[/div] info coming soon [/div][/div] [div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag] personality:[/div]
  • bubbly.
  • outgoing.
  • sweetheart.
  • naive.
  • adventurous.
  • daring.
  • too trusting.
  • honest.
  • reckless.
  • competitive.
[div class=tag]likes:[/div] glitter. cheer. adventure. the ocean. keychains. sweets. [div class=tag]dislikes:[/div] violence. bugs. losing. grape candy. needles. snow. [div class=tag]fears:[/div] breaking something that permanently puts her out of cheer. being forgotten. [div class=tag]goals:[/div] being a professional cheer coach. opening her own cheer gym.
[/div][/div] [div class="textcontainer tabsContent tabsContent3 hidden"][div class=text] [div class=tag]backstory:[/div]
  • vanessa was born to lauren and mike foster in the middle of winter.
  • her mother was a professional cheerleader before settling down to have a family.
  • when vanessa was three she was in tumbling which was the start of her own cheer obsession.
  • she soon after went into dance and then eventually cheer, which she immediately loved.
  • although she cheered in school as well, competition with her private gym was her favorite.
  • right before graduation, her mother passed away and it hit her pretty hard.
  • she went on to college but she didn't have the same focus and her grades showed that.
  • she was told before vacation that if she couldn't bring her grades up soon, she would be kicked out of cheer.
  • she wants to keep cheering but she's also having fun not being tied down by rules anymore.
[/div][/div] [div class="textcontainer tabsContent tabsContent4 hidden"][div class=text] [div class=tag]relationships:[/div]
  • In aliquam sem fringilla ut. Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing. Ut etiam sit amet nisl purus in. Facilisis sed odio morbi quis commodo.
  • Mauris ultrices eros in cursus turpis massa tincidunt. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Lectus arcu bibendum at varius vel pharetra. Elementum eu facilisis sed odio morbi quis. Condimentum id venenatis a condimentum vitae sapien pellentesque. A diam sollicitudin tempor.
  • Nunc congue nisi vitae suscipit tellus mauris. Quis commodo odio aenean sed adipiscing. Auctor augue mauris augue neque gravida in fermentum et. Mus mauris vitae ultricies leo integer malesuada nunc vel risus. Amet est placerat in egestas erat imperdiet sed. Lorem ipsum dolor sit amet consectetur.
  • Turpis egestas integer eget aliquet nibh praesent tristique. Dictum sit amet justo donec enim diam vulputate ut pharetra. Suscipit tellus mauris a diam maecenas sed enim ut sem. Etiam tempor orci eu lobortis elementum nibh. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Sed tempus urna et pharetra pharetra.
  • At elementum eu facilisis sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque. Dictum at tempor commodo ullamcorper a. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Purus gravida quis blandit turpis cursus. Senectus et netus et malesuada fames ac. Purus sit amet volutpat consequat mauris nunc congue.
  • Non quam lacus suspendisse faucibus interdum posuere lorem. Eu consequat ac felis donec et odio pellentesque diam. Id cursus metus aliquam eleifend mi in nulla posuere. Sit amet nisl suscipit adipiscing.
  • Ut etiam sit amet nisl purus. Viverra adipiscing at in tellus integer feugiat. Mattis vulputate enim nulla aliquet porttitor lacus. Ut pharetra sit amet aliquam. Libero id faucibus nisl tincidunt eget nullam non.
  • Massa id neque aliquam vestibulum morbi blandit. In vitae turpis massa sed elementum tempus egestas sed sed. Luctus accumsan tortor posuere ac ut consequat. Mattis aliquam faucibus purus in massa tempor nec feugiat.
[/div][/div] [div class=slidebkgd] [div class=texture][/div] [div class=line style="width: 94%;top: 58%;left: 3%;"][/div] [div class="name button"]vanessa
foster
[/div] [div class=role]the cheerleader.[/div] [div class="circlepic homecircle"][/div] [/div] [/div] [div class=credit]code by sox[/div]
 
Last edited:
[class=tag] color: #000; padding: 0px 4px 3px 4px; background: #fdf2ee; 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: #999; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #d9ac9c; 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"]sabella zabielski
[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
sabella zabielski
[div class=tag]nickname[/div] bella
[div class=tag]age[/div] 18
[div class=tag]sexuality[/div] pansexual
[div class=tag]pronouns[/div] she/her
[div class=tag]role[/div] wild child
[/div][/div] [div class="tabContents tabContents02"]
[div class=tag]appearance
plum suicide
[div class=tag]body mods[/div] as pictured
[div class=tag]height[/div] 5'6
[div class=tag]weight[/div] 123lbs
[div class=tag]eyes[/div] hazel
[div class=tag]hair[/div] purple [dyed]
[/div][/div] [div class="tabContents tabContents03"]
[div class=tag]personality
Sabella has an in your face personality, which is such a stark contrast to the girl she used to be. She used to be quiet and perhaps even dainty, but if only her old friends could see her now, shotgunning a beer and doing body shots. She's really opened up to her sexuality, hooking up with both guys and girls during her time in school. She gets decent grades, and wants to work with animals because "people are fun, but they suck". She is wild, and will pretty much try anything once.
[div class=tag]likes[/div] thunderstorms, the beach, bright colors
[div class=tag]dislikes[/div] introverts (why be introverted?), spiders, the thought of working for a living
[div class=tag]quirks[/div] prefers to just drink her liquor from the bottle | will kiss anyone after some shots
[div class=tag]fears[/div] being cheated on again | drowning [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]background


Sabella means God is my oath. Her father is a preacher, while her mother sings in the church choir, and has ever since her own young days. Bella was raised in the church. Every Sunday morning, every Wednesday night, every fundraiser... they were there. As a child, Bella didn't really know any better. She didn't have a choice, and she attended because she had friends there, and she liked singing. She never complained about it, at least not more than any normal child sitting through someone talking for what felt like hours.

As Bella started to get older, she started questioning her parents religion, much to their dismay. Her father put a stop to that, very quickly. All teenagers want to rebel, but Bella was a good girl, and she didn't want to disobey her parents. So she continued attending church, praising God, and having only Christian friends. Everything was fine, until her senior year of high school. She met Zander. He changed her life. He introduced her to everything her parents tried to hard to keep her from. But when you try to ignore something for so long, it can only blow up in your face.

The day she came home with purple hair and her first tattoo-- the heart outline on her throat-- her dad screamed and threw things and threatened to put her out. Her mother tried to reason with him, but there was no saving it. So good little Bella packed her shit and moved to Zander's, where her life was turned upside down. Zander was no good influence, and he introduced her to more than hair dye and tattoos. But after all of that, she found him cheating and dumped him. Now that she's graduated, she plans on moving on but having one last big blowout at the summer house.
[div class=tag]theme song[/div]
[/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
some quote can go here if you want.
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 

Audrey Carmen Ryan
“Don’t think about it and you’ll be fine"
[class=tabs] line-height: 1; margin: 20px auto; text-align: center; width: 100%; color: black; display: inline-block; font-family: 'Times New Roman'; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 45%; [/class] [class name=tab state=hover] background-color: grey; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Basics) (show tabsContentInformation) if (eq ${currentTab} Persona) (show tabsContentPersonality) if (eq ${currentTab} Biography) (show tabsContentAbout) if (eq ${currentTab} Miscellaneous) (show tabsContentOthers) [/script] [div class=tabs][div class=tab style="border: 1px solid black; margin: auto"]Basics
[div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: auto; margin-bottom: auto; margin-right: auto"]Persona[/div][div class=tab style="border: 1px solid black; margin-left: auto; margin-top: 10px; margin-bottom: auto; margin-right: auto""]Biography[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: 10px; margin-bottom: auto; margin-right: auto"]Miscellaneous[/div][/div]
[div class="tabsContent tabsContentInformation"]
basic information:
name: Audrey Carmen Ryan.
Gender: Cis-female
Role: The Artist !
Sexuality: She’s been a lesbian for the longest time but now she’s not sure anymore.

Pronouns: She/her

appearance:
87291be47b38853db3b1fcc84b9b39fb.jpg
[/div] [div class="tabsContent tabsContentPersonality" style="display: none;"]
persona:
personality: Audrey is your resident ray of sunshine. Some would call her too trusting and naive and it’s true! Her parents always taught her to be kind even when others aren’t, “Kill em with kindness” her mother would tell her. Audrey is the type of girl with her head in the clouds. She has big dreams and she would do anything to achieve them, she is very career driven. Audrey is the type to wild out at parties seeing as she has a very active social life. She has a very addictive personality, she uses alcohol as a crutch for her shortcomings.



likes: clouds, nature, butterflies, and plants.
dislikes: the cold, cherries, snow, snakes, and seafood.
Quirks etc: Shes allergic to seafood/Peanuts(only peanuts)/cats(she sneezes and her nose gets clogged)
tattoos/piercings: Her ears but that’s about it
[/div] [div class="tabsContent tabsContentAbout" style="display: none;"]
biography:
herstory: Audrey lived with her grandparents until the ripe age of 7. After they had passed away she was forced into the foster system. She moved from house to house until she met her current foster parent, who she now calls “Mom”. Her foster mom has three other children, all other foster kids so she grew up surrounded by love and comfort. She strives to show everyone the love she had growing up despite not having parents. At the age of 15 Audrey was diagnosed with Anxiety. She tried all the medicines over the years but hated all of them, claiming they made her feel like a drugged zombie. When everything turned bleak she turned to alcohol, using it as a “cure”(that’s what she calls it) for her anxiety.



[/div] [div class="tabsContent tabsContentOthers" style="display: none;"]
other:
important information: Height: 5’4 Eye color: dark brown Hair color: Brown with caramel highlights Relationships: TBA

[/div]
[/div]
codedbycrucialstar | click boxes and hidden scrolls
 
Last edited:
The skater
Name: Klarion Darling Valeska
Age: 19
Gender: male
Sexuality: bisexual
Pronouns: he/him
175AE416-62E0-40FE-820B-3E122BB74F45.jpeg
Likes: smoking weed, skateboarding, late nights, adrenaline rushes and winding people up
Dislikes: the cops, killjoys, bullies, authority figures in general
Tattoos/Piercings/Body Mods:
-he has three ear piercings and a nose and lip ring
-he has a tattoo of the anarchy symbol on his neck and the words love hate on his knuckles

Height: 6”2
Weight: 150lbs
Eye Color: bright amber
Hair Color: dark brown

Personality:
He’s a carefree, you-only-live-once kinda guy. He’s the guy parents want their precious little daughters to stay away from. He’s a free spirit who likes to live in the moment. He’s a shameless flirt and has gotten into more than a few fights with girl’s boyfriends after a well placed wink and flashing that infamous mischievous grin. Despite his carefree nature, he has a short temper and will blow a fuse if told what to do. Sometimes he can be a dick and quite rowdy and violent. Other than that, to most people he’s that guy down the road who can do a sick kick-flip.

Biography: Klarion grew up rough. Throughout most of his younger childhood he lived in the bad side of Moscow, Russia. However when he was 10, his father came across a great business opportunity in America. They moved over and Klarion found himself as the outsider who barely even knew any english.
Today however, he’s established himself as the too cool for school skater kid who’s up for anything. His russian accent has almost faded but is still present. Considering the hard place he came from, he never really quite lost the street kid mindset and likes to cause trouble from time to time. He got through school on charm and luck alone, narrowly missing being expelled and against all odds, graduating. Having clashed with the teachers so much during the school year, he was happy to finally leave. However now its the cops he has to worry about...


Relationships: TBD
 

[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
“Pinning paper wings on problems, hoping that they'll fly away.”
582354
[/div]
  • .
    582355

    ~PUZZLE~

    a question, problem, or contrivance designed for testing ingenuity

    She's an enigma, an incomplete puzzle that troubles everyone around her. Maybe the last piece, the one that completes her, is missing. Just like a maze with no escape. Or maybe she's the missing piece of a puzzle that was never meant to be solved. Just like a decade-old cold case. Either way, she has yet to be understood.

582356
582357
582359
582358
[/div]
codedbycrucialstar | hover over big photo | hidden scrolls
 
Last edited:
"Bea Lepore"

fa0fad46a79d41cdbe8ec9a1b3357e7edfe36059r1-1080-1330v2_hq.jpg

Character Sheet - Summer Nights

Name: Bea Lepore
Age: 18
Gender: Female
Sexuality: Bi-curious
Pronouns: She/Her
Role: The Princess
Likes: Pizza with pineapple, sour candy, 80’s music, cocaine (secretly)
Dislikes: Authority figures, american cheese, musky candles

Tattoos/Piercings/Body Mods: Ears pierced, belly ring, small ocean wave tattoo under her left breast
Height: 5’5
Weight: 135
Eye Color: Blue
Hair Color: Blonde

Personality:
Energetic
Courageous
Honest
Decisive
Spontaneous

Biography:
Bea grew up in a middle class family. They lived paycheck to paycheck but she never went without food or basic necessities, even when times were tough. Her parents were loving, but they weren’t around much. Her dad worked nights and her mother often had to work overtime and at some points throughout Bea’s childhood, she had to pick up a second job. Because of this, Bea grew up with her grandmother as her primary care, the woman would put her to bed every night, make her breakfast and lunch in the mornings, and be there when Bea got off the bus.

It wasn’t until Bea turned 16 that she realized something was wrong. She didn’t see her parents much, so it wasn’t something that was easily noticed. Her mother was around less and less, to the point where Bea wouldn’t see her for days. Her grandmother never let on anything was wrong either, besides the occasional worried look when she didn’t think Bea was looking. Her father had become a ghost in her life as well, but that was far more normal for Bea, as she was used to him working night shifts ever since she was little.

The red flag for her was finding the needle. It was in her parents bathroom, which she had gone into for no other reason than to get some extra toilet paper. A simple, mundane task that would change her life, seemingly forever. Her parents were addicts, and they had been for years. She didn’t know how long they had been using heroin or much of the details about the situation, but upon Bea’s discovery of this, her grandmother took her away to live in their own house, where she has been ever since.

Relationships:
Gabriel and Bea have been dating for a couple of years now, and they are known as the "golden couple" of sorts. They often get asked when the weddings is, etc etc. Truth is, things are not as perfect as they seem, and the tensions have been high lately between them.

Audrey is Bea's BFF, as far as Bea is concerned. Their personalities vibe well and Bea is always there to hype up Audrey's artwork. However, Bea is often the "bad cop" of many situations, as Audrey tends to be nice "to a fault", as Bea would say. This doesn't irritate Bea legitimately so much as make her want to stand up to people on Audrey's behalf.

Bea and Delilah were not friends from the beginning. Bea had preconceived notions about Delilah, finding her less than desirable to be around and having a general bad attitude. It wasn't until they had assigned seating next to each other that they were forced to interact, and ever since they've been friends. They were super close, but they did get along and considered each other friends.

Bea and Millie are not friends in the slightest. Millie has always come across to Bea as "too good" for everyone else. She's got a bad attitude and everyone knows it, and she's isn't afraid of anything, something that irritates Bea. It's the attitude of someone who is fake, in Bea's opinion.
The Princess


codedbycrucialstar | hidden scroll

 
Last edited:

[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
“Nothing hurts more than trying your absolute best and still not being good enough.”
591123
[/div]
  • .
    591124
    <ATELOPHOBIA>

    the fear of imperfection or not being good enough

    The person who tries to keep everyone happy often ends up feeling the loneliest. The person who never made a mistake never tried anything new. There's a story behind every person. There's a reason they are the way they are.

591125
591126
591127
591128
[/div]
codedbycrucialstar | hover over big photo
 
IpsyT0R.jpg

Name: Jason Wu
Age: 19
Gender: Male
Sexuality: Heterosexual
Pronouns: He/Him
Role: the Nerd
Likes: Online games, PvP (Player versus Player), latest technology, coffee, music, sleeping, warm weather, bacon, pizza, girls (playing games is a plus)
Dislikes: Little kids on games, pay to win players, shitty healers, thunderstorms (can't play games), no internet, sweets, needles, lazy people, terrible tanks, cigarettes

Hobbies: Video Games, Yelling on the headset, Rage Quitting (rarely), beatboxing, Martial Arts
Tattoos/Piercings/Body Mods: standard earlobe piercing in both ears
Height: 6'0"
Weight: 146 lbs
Eye Color: Medium/Dark Brown
Hair Color: Black

Personality: Head strong, Adaptable, Blunt, Loyal, Focused, Calm, Stubborn

Biography: Born in Chengdu, China to a owner of a Boutique (Mother - Joan Wu) store and a lawyer (Father - Zhao Wu), Jason was the only child for atleast 10 years until his parents adopted a little girl named Anne. A 2 year old girl of German-Asian descent. Jason didn't feel slighted at all that his parent's adopted another baby. They never gave him a reason to. They equally divided their attentions between the two of them. Besides Jason always wanted a little sister. About 3 years after they adopted Anne the family moved to the states. As a child Jason rambunctious and wild. He always wanted to do something, anything. Jason was their little explorer. But as he grew older and was introduced to video games, he slowly changed. He was still outgoing but he wasn't as adventurous, atleast not in the 'real world.' Jason turned to video games as a stress reliever, and as a place to get away from it all. He even put his little sister Anne onto video games but she was more of a occasional gamer. But Jason, he was a avid gamer. When he was old enough, and good enough he entered into little tournaments locally. Then he started to travel with his team for League of Legends, an online video game where players are pitted against each other. But LoL wasn't the only games he played.

Family trips were a rare occasion but whenever they happened they all made the most of it for as long as they could. With Jason being 19 now, and his sister 11, they bonded more over video games. Though she only played occasionally. She wanted to be a model, a teacher, a doctor and lawyer like her father. Oh, little Anne wanted to be so many things. But Jason, he dedicated his life to video games so much so that his parent's suggested when he graduated high school that he go learn game design and make his own video games. Turn that passion into creation. And so he did. He applied to all reputable colleges that offered degrees with gaming design.

Relationships:**
 
dtqrzYJ.jpg


Name: Jace Miller
Age: 18
Gender: Male
Sexuality: Homosexual
Pronouns: He/him
Role: the innocent
Likes: Singing, Dancing, Tiny things, Music, People with a sense of humour, cars, Video games, TV, Pizza, Strawberries
Dislikes: Mayonnaise, Alarm clocks, Sleeping early, Losing touch with friends/family, Snobs, Drunks, Drug addicts

Hobbies: Singing, Parkour
Tattoos/Piercings/Body Mods: Multiple ear piercings
Height: 6'1"
Weight: 154 lbs
Eye Color: Hazel
Hair Color: Brown

Personality:
Positive| Playful, Protective, Decisive, Responsible, Hardworking

Negative| Boisterous, Possessive, Procrastinator, Fickle, Messy

Jace knows exactly what he wants in life, and not afraid to go after it. He's pretty responsible and hardworking. He's not a quitter. Not even in his vocabulary. But all this work doesn't make Jace a dull boy, he is playful to boot. But there is a downside, he is down right fickle and likes to procrastinate. It's kind of ironic. Jace is very loud, which fits with his playfulness. And to top this delicious personality shake off with a possessive cherry on top. He's possessive with the things he owns and doesn't like giving them away much less loan them. But that doesn't stop him from letting friends borrow things.

Biography: Jace's childhood wasn't super perfect nor was it horrendous. He wanted for nothing, his needs and wants were always met within reason. He grew up among three other siblings who are older than him. The oldest sibling was named Lily and she was 9 years older than Jace. She often took on the protective role for her younger siblings. The next oldest, whom was older by 6 years, was his brother Braden who was usually the next "in charge" after Lily. Next the third oldest, whom is 4 years older than Jace, is his second eldest brother Lloyd. Jace and Lloyd shared a close relationship. He would always follow him around without being in the way and as they got older and he was old enough to do things, he took up many of the same interests such as gaming. He would always play the same games with him. That's one of the ways they built their relationship. Though Jace had his interests at heart such as Modeling. His mother Desiree was a model before she became a mother. And his father Thomas wasn't a bad looking man. They had a beautiful family together, it was bound to happen that one of their kids would atleast want to be a model.

Jace Miller, model extraordinaire, or so he likes to think so. He started at the age of 10 when he was scouted and his parents agreed. Jobs at first were alittle hard to find but when he got out there they came easy.

Life as a family was great. They went on trips often all over to the world during holidays and summers. It was a way for the family to bond and relieve their stress. The trips were possible because his parents had really good jobs. His Mother, now a ex child model, is a Plastic Surgeon while his Father is a Lawyer. With their combined jobs/finances they were able to support their somewhat large family and have a nice house. Jace always wondered how his parents had time to take them on trips and just in general spend time with him and his siblings. When his parents didn't have time, they would always have an Aunt, Uncle or other relative over to keep the kids company when they were younger. It wasn't that the family couldn't afford a baby sitter or nanny but the fact they didn't want to. They rather have family over, not only was it free, it family bonding time. His family isn't rich despite their professions, they are more upper middle class than straight up upper class.

Relationships:**
 
[class="container"] height: 490px; max-width: 600px; margin: auto; display: flex; background: transparent; position: relative; [/class] [class="bg"] --color-for-the-bg: purple; flex: 1; height: 450px; background: var(--color-for-the-bg); position: relative; z-index: 0; top: 20px; display: flex; align-items: center; box-sizing: border-box; padding: 0px 10px 0px 10px; [/class] [class="bookmark"] --color-for-left-bar: #9932CC ; --color-for-box-shadow: #1c0409; width: 100px !important; height: 470px; background: var(--color-for-left-bar); position: relative; box-shadow: 0 0 15px var(--color-for-box-shadow); z-index: 1; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 10px 0 10px 0; margin-right: 10px; [/class] [class="image1"] --url-for-1st-pic-in-bar: url('https://i.imgur.com/Qz1xWVA.jpg'); position: relative; width: 80px; height: 100px; background: var(--url-for-1st-pic-in-bar); background-size: 150%; background-position: 50% 5%; [/class] [class="image2"] --url-for-2nd-pic-in-bar: url('https://imgur.com/tYOnWcV.jpg'); position: relative; width: 80px; height: 100px; background: var(--url-for-2nd-pic-in-bar); background-size: 130%; background-position: 45% 9%; [/class] [class="textcontainer"] --url-for-bg-pic-on-right: url('https://i.imgur.com/9jkG5Ws.jpg'); position: relative; height: 430px; flex: 1; background: var(--url-for-bg-pic-on-right); background-size: cover; background-position: 50% 10%; box-sizing: border-box; overflow: hidden; [/class] [class="bbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="bbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="lbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px;[/class] [class name="lbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="pbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="pbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="abutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="abutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="tbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="tbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="book"] position: relative; height: auto; width: 100%; transition: 2s all ease; [/class] [class="ogpage"] position: absolute; height: 430px; width: 100%; display: inline-block; [/class] [class="fa"] --color-for-big-title: #EBD4D5; --color-for-shadow-around-border: black; position: relative; height: auto; display: inline-block; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 160%; box-sizing: border-box; padding: 10px; border: 6px solid var(--color-for-big-title); color: var(--color-for-big-title); text-shadow: 2px 2px 15px #473344, -2px -2px 15px #473344, 2px -2px 15px #473344, -2px 2px 15px #473344; box-shadow: 0 0 15px var(--color-for-shadow-around-border); top: 50%; left: 50%; transform: translate(-50%, -50%); [/class] [class="bpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 150%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="lpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 300%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="ppage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 450%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="tpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 600%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="apage"] --color-for-slider-page: rgba(255, 255, 255, 0.1);; position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 750%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [script class="image1" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="image2" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="bbutton" on="click"] addClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="lbutton" on="click"] addClass active lbutton removeClass active bbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move2 book removeClass move1 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="pbutton" on="click"] addClass active pbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active tbutton addClass move3 book removeClass move1 book removeClass move2 book removeClass move4 book removeClass move5 book [/script] [script class="abutton" on="click"] addClass active abutton removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active tbutton addClass move4 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move5 book [/script] [script class="tbutton" on="click"] addClass active tbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active pbutton addClass move5 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book [/script] [class="move1"] transform: translate(-150%, 0%); [/class] [class="move2"] transform: translate(-300%, 0%); [/class] [class="move3"] transform: translate(-450%, 0%); [/class] [class="move4"] transform: translate(-750%, 0%); [/class] [class="move5"] transform: translate(-600%, 0%); [/class] [class="active"] --color-for-button-shadow: black; --color-for-button-hover: #ffb5c6; color: var(--color-for-button-hover); letter-spacing: 3px; border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="scroll"] height: 100%; width: 100%; background: transparent; overflow-y: scroll; box-sizing: border-box; padding-right: 10px; [/class] [class="flex"] display: flex; justify-content: space-between; align-items: flex-start; [/class] [class="align"] display: flex; flex-direction: column; align-items: flex-end; [/class] [class="heading"] --color-for-heading-text: #9932CC ; --color-for-heading-bg: rgba(243, 253, 252, 0.6); font-weight: bolder; font-size: 12px; color: var(--color-for-heading-text); box-sizing: border-box; border: 3px solid var(--color-for-heading-text); display: inline-block; padding: 2px 6px 2px 6px; background: var(--color-for-heading-bg); position: relative; margin-right: 10px; letter-spacing: -0.5px; text-transform: uppercase; text-align: center; [/class] [class="answer"] --color-for-details-bg: rgba(153,50,204, 0.9); --color-for-details-text: #F3FDFC; display: inline-block; background: var(--color-for-details-bg); color: var(--color-for-details-text); padding: 1px 7px 3px 7px; font-size: 12px; position: relative; margin-bottom: 3px; [/class] [div class="container"]
code by @fudgecakez
[div class="bg"] [div class="bookmark"] [div class="image1"][/div] [div class="bbutton"] BASICS [/div] [div class="lbutton"] LOOKS [/div] [div class="pbutton"] PSYCHE [/div] [div class="tbutton"] TIES [/div] [div class="abutton"] ACCOUNT [/div] [div class="image2"][/div] [/div] [div class="textcontainer"] [div class="book"] [div class="ogpage"] [div class="fa"] Delilah
The Jock
[/div] [/div] [div class="bpage"] [div class="scroll"] [div class="flex"] [div class="heading"]NAME[/div] [div class="answer"]Delilah Esperanza Gonzalez[/div] [/div]
[div class="flex"] [div class="heading"]NICKNAME[/div] [div class="align"] [div class="answer"]Del[/div] [div class="answer"]Espeon[/div] [div class="answer"]Gonzo[/div] [div class="answer"]Dee[/div] [/div] [/div]
[div class="flex"] [div class="heading"]AGE[/div] [div class="answer"]18[/div] [/div]
[div class="flex"] [div class="heading"]D.O.B.[/div] [div class="answer"]10/16[/div] [/div]
[div class="flex"] [div class="heading"]ZODIAC[/div] [div class="answer"]Libra[/div] [/div]
[div class="flex"] [div class="heading"]GENDER[/div] [div class="answer"]Cis-Female She/Her [/div] [/div]
[div class="flex"] [div class="heading"]SEXUALITY[/div] [div class="answer"]Pan[/div] [/div]
[div class="flex"] [div class="heading"]ROMANTIC
ORIENTATION
[/div] [div class="align"] [div class="answer"]Biromantic[/div] [div class="answer"]Demiromantic[/div] [/div] [/div]
[div class="flex"] [div class="heading"]ETHNICITY[/div] [div class="answer"]Afro-Latina(Dominican)[/div] [/div]
[div class="flex"] [div class="heading"]TRIVIA[/div] [div class="align"] [div class="answer"]Became the top National Woman's Basketball Prospect for her class year at age 13.[/div] [div class="answer"]Tri-lingual, speaks Spanish(Castilian/Dominican/Colombian/Catalan), English, Italian [/div] [div class="answer"]Was below average height in Elementary school had a growth spurt between then and middle school.[/div] [div class="answer"]Has never received lower than A in Social Studies or English classes.[/div] [div class="answer"]1.2 Million IG Followers [/div] [/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]FACE
CLAIM
[/div] [div class="answer"]Dylan Gonzalez[/div] [/div]
[div class="flex"] [div class="heading"]HEIGHT[/div] [div class="align"] [div class="answer"]5'11"[/div] [div class="answer"]1.803m[/div] [/div] [/div]
[div class="flex"] [div class="heading"]WEIGHT[/div] [div class="align"] [div class="answer"]79.38kg[/div] [div class="answer"]175lbs[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BUILD[/div] [div class="answer"]Mesomoprh/Athletic[/div] [/div]
[div class="flex"] [div class="heading"]HAIR[/div] [div class="align"] [div class="answer"]Naturally Dark Brown+ Naturally Curly + Style changes, color changes often [/div] [/div] [/div]
[div class="flex"] [div class="heading"]EYES[/div] [div class="answer"]Brown[/div] [/div]
[div class="flex"] [div class="heading"]TATTOOS[/div] [div class="align"] [div class="answer"]Diosa in cursive on the inside of her index finger on her right hand[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BIRTHMARKS[/div] [div class="answer"]Three tiny black dots under her right arm pit [/div] [/div]
[div class="flex"] [div class="heading"]PIERCINGS[/div] [div class="answer"]Standard Lobe, Upper Lobe, Helix[/div] [/div]
[div class="flex"] [div class="heading"]ATTIRE[/div] [div class="align"] [div class="answer"]Fashionista and Athletic[/div]
[/div] [/div] [/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]PERSONA[/div] [div class="align"] [div class="answer"]When strangers or people aren't close to her are around her, the persona she gives off might not be one of the most desired. She comes off with as a wild child with a behavior problem. She tends to pick on people when she can, insulting everyone and every corner including the ones in her inner circle, but not her twin sister. She seems to always desire attention, but never acknowledges it often doing something for attention, and ignoring the responses for it. Though she seems like an all around problem child, people can't deny how hard working she is torwards basketball.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]SELF
IMAGE
[/div] [div class="answer"]#diosadomincana[/div] [/div]
[div class="flex"] [div class="heading"]LIKES[/div] [div class="align"] [div class="answer"]Lakers[/div] [div class="answer"]Basketball[/div] [div class="answer"]Sparks[/div] [div class="answer"]Working out[/div] [div class="answer"]Make-up[/div] [div class="answer"]Fashion[/div] [div class="answer"]Vlogs[/div] [div class="answer"]Polla Guisadas[/div] [div class="answer"]Sancocho[/div] [/div] [/div]
[div class="flex"] [div class="heading"]DISLIKES[/div] [div class="align"] [div class="answer"]Short Men[/div] [div class="answer"]Nosy People[/div] [div class="answer"]Avocados[/div] [div class="answer"]Rainy Days[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FEARS[/div] [div class="answer"]Spiders and Scorpions are her biggest tangible fears, but being alone and isolated is her biggest figurative fear.[/div] [/div]
[div class="flex"] [div class="heading"]THEME
(LINKS)
[/div] [div class="align"] [div class="answer"]
Discrescion Girl Ultra
[/div] [div class="answer"]
Rules- Doja Cat
[/div] [/div] [/div] [/div] [/div] [div class="apage"] [div class="scroll"]
[div class="heading"]CONCISE HISTORY[/div]​

[div class="flex"] [div class="heading"]Age 0[/div] [div class="answer"]Delilah's life never was simple, not even during her birth. She was born as a younger twin to latinx parents in Forth Worth, Texas. Her father was Dominican and Nigerian, and her mother was Afro-Puerto Rican and Afro-Dominican. Though the twins were born healthy, their mother suffered through complications that nearly cost her life, but it did cost her fertility.[/div] [/div]
[div class="flex"] [div class="heading"]Age 6[/div] [div class="align"] [div class="answer"]The first years of her life were a bit tumultuous as she never quite fit in. Unlike the other children she'd often keep off to the side and draw lines with a stick in the dirt. She was content with this, despite the other kids thinking her weird. It wasn't until a younger boy came over, pushed her over, and called her a freak that things changed. She quickly got up and ran away crying, but her twin Dakota saw everything. She immediately came over to the boy and punched him in the face, before pushing him down. She made a declaration to the rest of the kids that if anyone touched her sister or messed with her again she'd beat them up. From that day, Delilah was extremely loyal to her sister and often was stuck to her side. This meant she'd even do things she normally wouldn't do, just to please her sister.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 8[/div] [div class="align"] [div class="answer"]At age 8 her father went to interview for an offensive Coordinator at his dream job at USC so they travelled as a family to Los Angeles. After the interview he took everyone to an LA Sparks game. Delilah seemed to come into herself at the game, awe-struck by the athletic abilities of the women running up and down the court. Everything looked amazing to her and she immediately fell in love with basketball. After the game she begged her dad to buy her a basketball and the two girls spent the entire night dribbling in the hotel parking lot. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 13[/div] [div class="align"] [div class="answer"]By the age of 13, Delilhah had become the number one prospect in her class in basketball. Her sister wasn't far behind at number seven. This had the girls blowing through tournaments for their AAU and travel teams. In the AAU National Championship the girl's team had gone up by 20 halfway through the fourth quarter. Despite this her twin brought the ball up the court and crossed girl over causing her fall. She pointed and laughed t the down girl before passing the ball to Delilah who took three it falling through the net. When she turned to celebrate with her twin, she saw her sister being pushed to the ground. This caused Delilah to black out with anger as she ran to the other girl and swung a punch at her jaw and fracturing it. Ensuing chaos occurred, before the refereees and coaches were able to sort htings out. Delilah and the girl were both eected from the game, and even though Delilah's team won she didn't receive any of the accolades. On the car ride home, their father didn't bother to lecture her. The only thing he said was, "I expected this from Dakota, but not you Del...." He hadn't realized at that moment he lost the respect of his daughters.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 15[/div] [div class="align"] [div class="answer"]The twin's father got a job offer to coach at the University of Washington. This caused a fight between the parents that ended in nothing but yelling and screaming. Their mother did not want to move again in such a short notice, and suggested they say. The screaming and cursing was terrible. Delilah was sitting at the top of the stairs listening to the arguing with tears down her face. Eventually Dakota came and hugged her and promised that she'd never abandon her. They eventually moved, and There the girls remained dominating in basketball, but the home situation was deteriorating. The girls had stopped listening to their father almost completely. They'd break curtfew and when he tried to punish them by cutting their phones off or allowances, they would get it from somewhere else. Either older men, boosters trying to persuade them to come to their schools, or from their Vlogs and Social Media income. Their parents would often not speak, their mother, a Chemistry Professor now at the University of Washington, would come home cook, clean, and retreat with a glass of wine to her study. She'd barely speak to their father, which led to him retreating to his study with bourbon. After a while their father's performance at work deteriorated, and after a really bad season he was fired. He got offered a Offensive Coordinator position at Baylor, but the girl refused to move again and he ended up moving by himself. This caused them to move to a smaller house with a bigger yard, and allowed them to have a full sized basketball court instead of the half court they had at the previous home. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 18[/div] [div class="align"] [div class="answer"]Delilah was a starter for the Varsity girls basketball team as a freshman, while Dakota came off the bench. It wasn't until both of the twins were starters, their freshman and sophomore years that they won high school state championships. Their senior year they looked to be well on their way for a three peat until Delilah tore her MCL and got surgery in the middle of the season. This was shortly after the twins announced they were committing to play basketball at Kansas University. She healed up really well, though she's still a couple months away from being able to play full contact again. Though she still has a slight limp, she can walk without assistance.[/div] [/div] [/div]
[/div] [/div] [div class="tpage"] [div class="scroll"]
[div class="flex"] [div class="heading"]???[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]SIBLING[/div] [div class="answer"]The sisters are probably as close as possible. Their loyalty to each other knows no bounds, and it can almost be certain that if you find one you'll find the other.[/div] [/div]
[div class="flex"] [div class="heading"]???[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]A LOVER?[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet [/div] [/div]
[div class="flex"] [div class="heading"]SOMEONE[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]SOMEONE[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div] [/div] [/div] [/div] [/div] [/div] [/div]
 
[class="container"] height: 490px; max-width: 600px; margin: auto; display: flex; background: transparent; position: relative; [/class] [class="bg"] --color-for-the-bg: grey; flex: 1; height: 450px; background: var(--color-for-the-bg); position: relative; z-index: 0; top: 20px; display: flex; align-items: center; box-sizing: border-box; padding: 0px 10px 0px 10px; [/class] [class="bookmark"] --color-for-left-bar: #060607 ; --color-for-box-shadow: #1c0409; width: 100px !important; height: 470px; background: var(--color-for-left-bar); position: relative; box-shadow: 0 0 15px var(--color-for-box-shadow); z-index: 1; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 10px 0 10px 0; margin-right: 10px; [/class] [class="image1"] --url-for-1st-pic-in-bar: url('https://cinemathread.com/wp-content/uploads/2016/11/trevante-ed-2.jpg'); position: relative; width: 80px; height: 100px; background: var(--url-for-1st-pic-in-bar); background-size: 150%; background-position: 50% 5%; [/class] [class="image2"] --url-for-2nd-pic-in-bar: url('https://s.yimg.com/ny/api/res/1.2/6z0JkvjZuHqOll6OcRD8vw--~A/YXBwaWQ9aGlnaGxhbmRlcjtzbT0xO3c9NzQ0O2g9NTA5/http://media.zenfs.com/en/homerun/feed_manager_auto_publish_494/0ba7bc76aa0cc8bcf38f51b9c89f8fef'); position: relative; width: 80px; height: 100px; background: var(--url-for-2nd-pic-in-bar); background-size: 200%; background-position: 45% 9%; [/class] [class="textcontainer"] --url-for-bg-pic-on-right: url('https://www.ajc.com/rf/image_medium/Pub/p8/AJC/2017/03/02/Images/skyWord.403953-magic-city.jpg'); position: relative; height: 430px; flex: 1; background: var(--url-for-bg-pic-on-right); background-size: cover; background-position: 50% 10%; box-sizing: border-box; overflow: hidden; [/class] [class="bbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="bbutton" state="hover"] --color-for-button-hover: #cfb53b ; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="lbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px;[/class] [class name="lbutton" state="hover"] --color-for-button-hover: #cfb53b ; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="pbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="pbutton" state="hover"] --color-for-button-hover: #cfb53b ; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="abutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="abutton" state="hover"] --color-for-button-hover: #cfb53b ; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="tbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="tbutton" state="hover"] --color-for-button-hover: #cfb53b ; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="book"] position: relative; height: auto; width: 100%; transition: 2s all ease; [/class] [class="ogpage"] position: absolute; height: 430px; width: 100%; display: inline-block; [/class] [class="fa"] --color-for-big-title: #cfb53b ; --color-for-shadow-around-border: black; position: relative; height: auto; display: inline-block; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 160%; box-sizing: border-box; padding: 10px; border: 6px solid var(--color-for-big-title); color: var(--color-for-big-title); text-shadow: 2px 2px 15px #473344, -2px -2px 15px #473344, 2px -2px 15px #473344, -2px 2px 15px #473344; box-shadow: 0 0 15px var(--color-for-shadow-around-border); top: 50%; left: 50%; transform: translate(-50%, -50%); [/class] [class="bpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 150%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="lpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 300%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="ppage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 450%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="tpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 600%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="apage"] --color-for-slider-page: rgba(255, 255, 255, 0.1);; position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 750%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [script class="image1" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="image2" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="bbutton" on="click"] addClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="lbutton" on="click"] addClass active lbutton removeClass active bbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move2 book removeClass move1 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="pbutton" on="click"] addClass active pbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active tbutton addClass move3 book removeClass move1 book removeClass move2 book removeClass move4 book removeClass move5 book [/script] [script class="abutton" on="click"] addClass active abutton removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active tbutton addClass move4 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move5 book [/script] [script class="tbutton" on="click"] addClass active tbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active pbutton addClass move5 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book [/script] [class="move1"] transform: translate(-150%, 0%); [/class] [class="move2"] transform: translate(-300%, 0%); [/class] [class="move3"] transform: translate(-450%, 0%); [/class] [class="move4"] transform: translate(-750%, 0%); [/class] [class="move5"] transform: translate(-600%, 0%); [/class] [class="active"] --color-for-button-shadow: black; --color-for-button-hover: #cfb53b ; color: var(--color-for-button-hover); letter-spacing: 3px; border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="scroll"] height: 100%; width: 100%; background: transparent; overflow-y: scroll; box-sizing: border-box; padding-right: 10px; [/class] [class="flex"] display: flex; justify-content: space-between; align-items: flex-start; [/class] [class="align"] display: flex; flex-direction: column; align-items: flex-end; [/class] [class="heading"] --color-for-heading-text: #060607; --color-for-heading-bg: rgba(243, 253, 252, 0.6); font-weight: bolder; font-size: 12px; color: var(--color-for-heading-text); box-sizing: border-box; border: 3px solid var(--color-for-heading-text); display: inline-block; padding: 2px 6px 2px 6px; background: var(--color-for-heading-bg); position: relative; margin-right: 10px; letter-spacing: -0.5px; text-transform: uppercase; text-align: center; [/class] [class="answer"] --color-for-details-bg: rgba(6,6,7, 0.9); --color-for-details-text: #F3FDFC; display: inline-block; background: var(--color-for-details-bg); color: var(--color-for-details-text); padding: 1px 7px 3px 7px; font-size: 12px; position: relative; margin-bottom: 3px; [/class] [div class="container"]
code by @fudgecakez
[div class="bg"] [div class="bookmark"] [div class="image1"][/div] [div class="bbutton"] BASICS [/div] [div class="lbutton"] LOOKS [/div] [div class="pbutton"] PSYCHE [/div] [div class="tbutton"] TIES [/div] [div class="abutton"] ACCOUNT [/div] [div class="image2"][/div] [/div] [div class="textcontainer"] [div class="book"] [div class="ogpage"] [div class="fa"] Alante
The Outcast
[/div] [/div] [div class="bpage"] [div class="scroll"] [div class="flex"] [div class="heading"]NAME[/div] [div class="answer"]Alante Mario Howard III[/div] [/div]
[div class="flex"] [div class="heading"]NICKNAME[/div] [div class="align"] [div class="answer"]Trey[/div] [div class="answer"]Te[/div] [div class="answer"]Al (by his mom)[/div] [/div] [/div]
[div class="flex"] [div class="heading"]AGE[/div] [div class="answer"]20[/div] [/div]
[div class="flex"] [div class="heading"]D.O.B.[/div] [div class="answer"]05/01[/div] [/div]
[div class="flex"] [div class="heading"]ZODIAC[/div] [div class="answer"]Taurus[/div] [/div]
[div class="flex"] [div class="heading"]GENDER[/div] [div class="answer"]Cis-Male Him/He [/div] [/div]
[div class="flex"] [div class="heading"]SEXUALITY[/div] [div class="answer"]Hetero[/div] [/div]
[div class="flex"] [div class="heading"]ROMANTIC
ORIENTATION
[/div] [div class="align"] [div class="answer"]Hetero-romantic[/div] [/div] [/div]
[div class="flex"] [div class="heading"]ETHNICITY[/div] [div class="answer"]Black American (Of African Descent)[/div] [/div]
[div class="flex"] [div class="heading"]TRIVIA[/div] [div class="align"] [div class="answer"]Was Offered a Football scholarship but turned it down.[/div] [div class="answer"]Does Amateur Boxing and is 10-0 with 4 knockouts. [/div] [div class="answer"]Attends school at Clark Atlanta University [/div] [div class="answer"]Graduated with a 3.8 GPA from high school.[/div] [/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]FACE
CLAIM
[/div] [div class="answer"]Trevante Rhodes[/div] [/div]
[div class="flex"] [div class="heading"]HEIGHT[/div] [div class="align"] [div class="answer"]6'2"[/div] [div class="answer"]1.883m[/div] [/div] [/div]
[div class="flex"] [div class="heading"]WEIGHT[/div] [div class="align"] [div class="answer"]102.06kg[/div] [div class="answer"]225lbs[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BUILD[/div] [div class="answer"]Mesomoprh/Athletic[/div] [/div]
[div class="flex"] [div class="heading"]HAIR[/div] [div class="align"] [div class="answer"]Naturally Dark Brown+ Naturally Curly + Keeps it low cut, usually a fade.[/div] [div class="answer"]Keeps his Beard Trimmed[/div] [/div] [/div]
[div class="flex"] [div class="heading"]EYES[/div] [div class="answer"]Dark Brown[/div] [/div]
[div class="flex"] [div class="heading"]TATTOOS[/div] [div class="align"] [div class="answer"]None[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BIRTHMARKS[/div] [div class="answer"]None [/div] [/div]
[div class="flex"] [div class="heading"]PIERCINGS[/div] [div class="answer"]Standard Lobe[/div] [/div]
[div class="flex"] [div class="heading"]ATTIRE[/div] [div class="align"] [div class="answer"]Usually Urban but sometimes preppy[/div]
[/div] [/div] [/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]PERSONA[/div] [div class="align"] [div class="answer"]Looks can be deceiving is what he deals with on seemingly a daily basis and he hates it. They think because of how he dresses and how he speaks that he's some unintelligent hoodlum. Yet the truth is, he's quite the opposite. Well spoken and well educated, Alante seems to be the smartest person in the room when he speaks. It may not always be in the most eloquent way, but when he talks people tend to listen. A lot of people think he's cutthroat and he is when it comes to business, but a lot of people know he's really a gentle and caring person. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]SELF
IMAGE
[/div] [div class="answer"]#YGB[/div] [/div]
[div class="flex"] [div class="heading"]LIKES[/div] [div class="align"] [div class="answer"]College Football[/div] [div class="answer"]Georgia Bulldogs[/div] [div class="answer"]Georgia Peaches[/div] [div class="answer"]Rap/Hip Hop[/div] [div class="answer"]Smoking Daily[/div] [div class="answer"]Chemistry[/div] [div class="answer"]Jamaican Food[/div] [div class="answer"]Southern Food[/div] [div class="answer"]Jewlery[/div] [div class="answer"]Wings, Hot Lemon Pepper[/div] [/div] [/div]
[div class="flex"] [div class="heading"]DISLIKES[/div] [div class="align"] [div class="answer"]Loud Talkers[/div] [div class="answer"]People who talk too much[/div] [div class="answer"]Overly happy people[/div] [div class="answer"]Flats[/div] [div class="answer"]Vegan Food[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FEARS[/div] [div class="answer"]The only thing he truly fears is letting his granny down.[/div] [/div]
[div class="flex"] [div class="heading"]THEME
(LINKS)
[/div] [div class="align"] [div class="answer"]
Energy- Big Krit
[/div] [div class="answer"]
Throwed Remix - UGK, Jay-Z, Young Jeezy
[/div] [/div] [/div] [/div] [/div] [div class="apage"] [div class="scroll"] [div class="heading"]CONCISE HISTORY[/div]
[div class="flex"] [div class="heading"]Age 0[/div] [div class="answer"]Alante was born in Huntsville, Alabama to a train conductor and a nurse. He was the first of three siblings, both little brothers. The family wasn't poor, but the incomes weren't enough to keep them from living paycheck to paycheck and taking on shifts that kept them from the house. This meant that Te was mostly raised by his grandmother, who he affectionately called granny. [/div] [/div]
[div class="flex"] [div class="heading"]Age 4[/div] [div class="align"] [div class="answer"]At age 4 Te and his family moved to Atlanta to live in the Oakland City neighborhood because his mother had gotten hired at a hospital in Atlanta. It paid more and had less shifts. Things were looking up for the family, but tragedy struck the same year. His father died in an accident while working on a train. The extra burden meant that their mother took on more shifts, and was once again gone most of the time. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 8[/div] [div class="align"] [div class="answer"]At age 8 Te found an interest in Chemistry when he visited a science museum. They were performing experiments that seemed to awe and shock him so he would spend a lot of his free time researching different experiments.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 13[/div] [div class="align"] [div class="answer"]At age 13 his grandmother had become too sick to take care of the kids, so the responsibility fell on Te to take care of everyone since his mom was out of the house most of the time. When he was out one day to get some bread, he realize he left his money at home and his cousin bought it for him since he was giving him a ride. His cousin pulled out a wad of cash, which made Te ask how'd he make that? He never saw him go to work. Reluctant to get his little cousin in danger, but honeset to his bone he explained that he sold drugs. Te inquired a little deeper expressing he'd like to make money to help his mom so his cousin relented. He showed him the process of making the drugs and taught hims how to cook it and distribute it. Eventaully this led te to selling as a corner boy, but when he figured out how to make some of the drugs stronger through a chemical process, he moved higher up the chain and became a manufacture and distributor. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 15[/div] [div class="align"] [div class="answer"]Te spent years making money selling drugs, before he got arrested for the first time for selling narcotics. He had been helping his mom with bills and getting everyone nice things, and would say he picked up a part tiem job. When the case was dismissed and Alante returned home his mother kicked him out of the house, saying that he was a bad influence. He decided that he'd move with his uncle in Washington to try and stay away from trouble. Yet when he got to Washington he was on the same game, but this time it was selling opioids and the likes. [/div] [/div] [/div]
[div class="flex"] [div class="heading"]Age 20[/div] [div class="align"] [div class="answer"]Despite still dealing drugs, Te played safety for the high school team earning All City honors and getting scholarship offers from several schools, but turned them down to take an Academic Scholarship to Clark Atlanta University where he majors in chemistry pre-med. [/div] [/div] [/div]
[/div] [/div] [div class="tpage"] [div class="scroll"]
[div class="flex"] [div class="heading"]???[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]???[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]A LOVER?[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet [/div] [/div]
[div class="flex"] [div class="heading"]SOMEONE[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div]
[div class="flex"] [div class="heading"]SOMEONE[/div] [div class="answer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum venenatis lacus, sed vestibulum ligula ullamcorper nec. Duis sit amet odio blandit, mollis lacus ut, ullamcorper lectus. Nam in euismod diam. Curabitur tristique varius nisl, et auctor lorem auctor sit amet.[/div] [/div] [/div] [/div] [/div] [/div] [/div] [/div]
 
Nicholas Sterling
“yeah, i'm a mess... but i'm the best kind of mess."​
[class=tabs] line-height: 1; margin: 20px auto; text-align: center; width: 100%; color: black; display: inline-block; font-family: 'Times New Roman'; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 45%; [/class] [class name=tab state=hover] background-color: grey; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Basics) (show tabsContentInformation) if (eq ${currentTab} Persona) (show tabsContentPersonality) if (eq ${currentTab} Biography) (show tabsContentAbout) if (eq ${currentTab} Miscellaneous) (show tabsContentOthers) [/script] [div class=tabs][div class=tab style="border: 1px solid black; margin: auto"]Basics
[div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: auto; margin-bottom: auto; margin-right: auto"]Persona[/div][div class=tab style="border: 1px solid black; margin-left: auto; margin-top: 10px; margin-bottom: auto; margin-right: auto""]Biography[/div][div class=tab style="border: 1px solid black; margin-left: 10px; margin-top: 10px; margin-bottom: auto; margin-right: auto"]Miscellaneous[/div][/div]
[div class="tabsContent tabsContentInformation"]
basic information:
name: nicholas sterling
age: nineteen
gender: male
sexuality: bisexual
role: the musician

appearance: thin and standing at an average height, nicholas' best feature would probably be his vividly green, cat-like eyes. when onstage, he goes for a dramatically edgy gothic look that has terrified more than a few little kids, and probably some adults too. and when nick says goth, he means the real thing... not black lipstick mixed with some basic instagram aesthetic. it would really be best not to mention those types to him, unless you'd like to witness them getting thoroughly and entirely roasted. in day to day life, he isn't nearly as extreme, though his preference for dark clothing is still obvious. black skinny jeans and shirts are a staple, with the occasional piece of band merch, oversized hoodie or chain thrown in. nick enjoys wearing feathers in his hair, which is fairly long and dyed black with a small shaved undercut that he'll usually show off more on stage. occasionally he can be seen wearing some subtle eyeliner, though not the extreme styles seen in his videos.
tattoos/piercings: nose ring; has various tattoos of dark designs on both arms and a raven across his chest
height: five foot ten
weight: one hundred and thirty lbs.
eye color: bright green
hair color: pure black (dyed)
[/div] [div class="tabsContent tabsContentPersonality" style="display: none;"]
persona:
personality: most people who have been lucky (or unlucky) enough to meet nicholas sterling in person would agree he's a disaster... but to his benefit, he's at least a fun disaster. on stage and in the many personal vlogs he creates, he's the wild, adventure-loving kind of guy anyone who isn't totally boring would want to hang with, even if he does run a bit sarcastic at times. because of his many videos and enviable social media following (as he'd say it, 1.6 mil and counting, bitches), his fans feel almost as though they know him personally... which has boosted his actual success as a musician. whether it's sneaking into an abandoned and haunted asylum in full gothic stagewear, pranking karens in wal-mart or just goofing off, no one following him could ever accuse nick of being boring. a terrible influence with questionable morals and no respect for authority, yes, but not boring.

off camera, his personality is similar but less exaggerated. nicholas hates quiet or boring settings, and he will do whatever he can to ensure he doesn't end up in one... yes, even if that does mean he once smuggled an armload of toads into the snobby summer camp cabin his parents had forced him into years back. beneath the devil-may-care attitude however, nicholas has a much darker side that few will ever see. due to trust issues from his father's betrayal and the usual school bullying, he has been dealing with depression for years. nick's coping mechanisms are music and just never having any down time, and they usually work... but if he's alone with himself for too long, the wild shell will crumble. of course, that isn't something he'll share with anyone.

likes: performing, rock/metal/alternative music, sour candy, roller coasters, music clubs, nighttime, horror movies, halloween
dislikes: uptight people, instagram goths, rap/country/pop music, waking up early, overly loud talkers, crazy fans, rom-coms, being too serious
quirks: if someone disses or insults him he'll threaten them with a tell-all song, has a habit of making up completely ridiculous stories and trying to get people to believe them, shamelessly loves fancy starbucks drinks
[/div] [div class="tabsContent tabsContentAbout" style="display: none;"]
biography:
nicholas sterling was the only child of a seemingly perfect young suburban couple, but things are rarely as ideal as they appear and everyone has their secrets... his mother was a nice woman but she completely lacked any backbone, something which his charming but cruel father took full advantage of as he cheated with whoever caught his eye and drank away whatever nights he actually spent at home. once nick entered preschool, he came to the unfortunate realization that most parents didn't scream and throw things at each other every few nights, and his world changed forever.

understandably, it didn't take long for the bitterness to set in. nicholas grew intensely resentful of anyone lucky enough to have a happy family, and he made no secret of hiding this, either. his parents finally divorced when he was eight, and he lived with his mother and her parents in a much smaller home. while it was undeniably more peaceful, the fact his father was able to keep his childhood home and move his new mistress into it filled the young boy with undying hatred and he remained bitter and detached up until his tween years, when he discovered other coping mechanisms.

music became his biggest passion, and he was lucky enough to have a natural skill with it too. nicholas formed a band in ninth grade, and set about creating an entirely new persona from the ground up to go along with it. gone were the days of being a brooding little wallflower... the new nick was wild, exciting and the antithesis of a good kid. in short, everything his father tried to discourage. with the help of his closest friend bella and decent camera skills, it wasn't long until the young teen had a modest following in both the music and vlogging world, and his success only went up from there.

nick's hard work and dedication had earned him the right to be considered a household name in the alternative scene, and just a few months after graduating high school, he was touring north america and playing real, sometimes sold out venues. it was crazy, exciting and exhausting. after wrapping up their first tour, nicholas temporarily parted ways with his bandmates to take part of the summer off... and hopefully reunite with familiar faces who wouldn't see him as just another soon to be celebrity.
[/div] [div class="tabsContent tabsContentOthers" style="display: none;"]
other:
relationships: tba;
[/div]
[/div]
codedbycrucialstar | click boxes and hidden scrolls
 
Last edited:

Benjamin
tenor.gif
Name: Benjamin Thomas Reed
Nickname: Ben, Benny, etc.
Age: 19
Gender: Male
Sexuality: Heterosexual
Pronouns: He/Him
Role: Prince
Likes/Dislikes/Quirks: maybe will fill in later

Tattoos/Piercings/Body Mods: yes
Height: 5'11
Weight: 210lbs
Eye Color: Green
Hair Color: Brown

Personality:
+ flexible
+ grateful
+ hard working
- jealous
- possessive
- overprotective

Biography:
Benjamin doesn't remember his father beyond a single picture that his mother kept around so that he could see the man and ask about him if he wanted. He never did, not that he remembers. Growing up it was just him and his mother, until he hit about eleven or twelve years old. Benjamin was the man of the household, and it was a responsibility he took seriously. But then she got pregnant with twin girls, and his entire world changed. He even considered dropping out of school when he got a bit older, but his mother found out and slapped him upside the head.

He's extremely protective of his mother, and his little sisters that came to mean everything to him. He was swept up into a world of money and having everything he could ask for. With money, in high school, comes popularity. So freshman year, suddenly everyone knew him and wanted to be his friend. It was a weird change, but of course who doesn't want to be liked?

tenor.gif
codedbycrucialstar
 

Users who are viewing this thread

Back
Top