Futuristic The Astra Veda - Character Sheet

[animegirl20]

[div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"]Lexielai[/div] [div class="hexRender"][/div] [div class="characterName characterNameText"] White as Snow [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Kiera Bray [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Aliases [/div] [div class="profileInfo profileInfoText profileText"] Tigris, White as Snow [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 18 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Race [/div] [div class="profileInfo profileInfoText profileText"] Human [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] District [/div] [div class="profileInfo profileInfoText profileText"] Central District [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Dossier [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Psych Eval [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] Capabilities [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Associates [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Background [/div] [div class=mainSubheader] Pre-Awakening [/div] [div class="mainText preserve"] Kiera was born in the Central District. Her family was very rich and not unknown. When Kiera was born her mother, unfortunately, had died and it was just her and her father but she had really good times. Her father was very kind and never seem to have a temper. He always treated Kiera like a princess but made sure not to spoil her. She learned a lot from her father and everything seemed perfect but then he remarried and everything started to go downhill. Kiera was 10 when her father remarried to a woman named Kristyn Pike. The woman was...well lack of a better word an utter bitch. But of course she didn't act this way in front of her husband but whenever she and Kiera were alone she showed her true colors. She always belittled her all the time and bossed her around but Kiera never said anything, she could see how happy her father seem to be so she decided to keep it to herself but then suddenly one morning he was found dead. Kiera was devastated and now she was all alone. Kiera was 11 so it happened a year after he married Kristyn. Kiera didn't know how her father died but sometimes she wondered if her stepmother had anything to do with it. It was awful thought but Kiera for some reason couldn't deny how strange it all was. Her father was kind to everyone he didn't have enemies, well not bad enough to kill him, he was involved in politics so he would have people that disliked him, and he was in perfect health. Days got worse after he died Kiera had basically become an outright servant in her own house. [/div] [div class=mainSubheader] Post-Awakening [/div] [div class="mainText preserve"] Years went by but Kiera tried to stay strong through it. Kiera wasn't one to be so controlled but she felt like she had nowhere else to go she always made sure to obey her stepmother though even that never seemed good enough. There were even days when her stepmother had actually hit her and not like spanking you give a naughty child but like a good slap to the face just for making a small mistake. One day Kiera had accidently broken a very expensive vase that was supposed to be sold off to the highest bidder to raise for charity which Kiera knew was a big fat lie. When Kristyn heard something shatter she came into the living room and lost it. She started yelling screaming at Kiera like a maniac. She then went to grab a belt and started beating her with it. Kiera was on the floor crying and yelling out for her to stop but her stepmother just kept it but then finally Kiera snapped suddenly her body began to shift and grow into a huge white tiger and she attacked Kristyn. The woman screamed in pain but Kiera wasn't hearing it. It was like she had finally snapped then what finally made her stop was when she started to smell the blood and saw it on the floors. She suddenly turned back to her human self to see her stepmother almost torn to shreds and bleeding everywhere. Kiera started shaking and looked in horror. She didn't mean to do that she didn't want to kill her. She hadn't killed her though she almost did. She then started crying saying she was sorry over and over but of course that would do nothing. Suddenly a woman walked in and screamed when she saw her stepmother on the floor and Kiera covered in blood. The woman started phoning for the police and Kiera ran and to her surprise she was fast. She had never been able to run fast like this before. She noticed other changes in her as well but she didn't stop to admire them. Finally, she found herself in an alleyway. She started crying as she hugged her knees. She never wanted to lose it like that again. She never wanted to hurt someone like that again. She kept whispering to herself she wasn't a monster or killer but it didn't help. Kiera had been sitting in that alleyway for an hour now and she was sure the news about her was everywhere. She jumped suddenly when she felt a hand on her head. She looked up to see a man smiling down at her. "It's alright," He said as he bent down. Kiera looked at him a bit frighten and unsure. "Don't worry I'm not going to hurt you. I think I might be able to help." Come to find out the guy was a part of the Blue Lotus. He wanted her to join their group but Kiera had no interest. He told her he could help if she came with him. After being convinced she willing went with the stranger and ended up joining the Blue Lotus. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Appearance [/div] [div class="mainText preserve"] Kiera has skin that's white and snow, (including her tiger form) naturally red lips, long straight black silky hair and golden eyes. She also has a curvy body type and her hieght is 5'5". [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class="mainText preserve"] Kiera is best described as an excitable, impulsive, reckless, optimistic, energetic, and short-tempered girl, which is consistent with her normally exaggerated expressions. Due to her great determination, she is always up for a challenge, even if it seems too difficult for her. As Kiera is very social, kind, and truly compassionate, people are often drawn to her happy disposition. She is also very immersed in her own fantasies, and sometimes does not account for other peoples opinions. Kiera is very clever, very creative and eschews tradition for innovation. Despite her impulsiveness, ultimately Kiera is a selfless girl who will risk her own self to do what is right. [/div] [div class=mainSubheader] Fatal Flaws [/div] [div class="mainText preserve"] Kiera's impulsiveness tends to get her into a lot of trouble and doesn't think before she acts. This is something she's been trying to work on. [/div] [div class=mainSubheader] Motivations and Values [/div] [div class="mainText preserve"] Kiera never forgot her father's teachings as got older. He always taught her to stand up for what was right no matter how much society changes. Her father was a very idealistic man who believed everything anything was possible and she's the same. [/div] [div class=mainSubheader] Fears and Taboos [/div] [div class="mainText preserve"] She never wants to take a life. It's something she just can't bring herself to do. She's also afraid of loosing it like she did that day with her stepmother. She had turned into a crazy monster and she never wants go through that ever again. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] Astra Abilities [/div] [div class=mainSubheader] Power [/div] [div class="mainText preserve"] Feline Physiology - Enhanced abilities of cats, wild and domestic and can shape shift into a cat but for her it's a big white tiger. She only does that for last resort. She is more powerful in her tiger form. [/div] [div class=mainSubheader] Limitations [/div] [div class="mainText preserve"] Know how cats don't like water? Well same seems to be for her powers. She can't get wet or she loses her ablity to shape shift. The more wet she is the harder it is for her to shift into her tiger form. She can't shapeshift in tight areas. Pure fear can stop her from shape shifting [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Skills [/div] [div class="mainText preserve"] Singing, dancing, cooking, hand to hand combat [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Outside Opinions [/div] [div class=mainSubheader] Quotes [/div] [div class="mainText preserve"] "You can't help but smile when Kiera's around though she can be annoying some times." - Member of Blue Lotus "Never quits once she gets started on something." - Member of the Blue Lotus [/div] [div class=mainSubheader] Reputation [/div] [div class="mainText preserve"] Ever since the accident with her stepmother her name was going around and said to be dangerous but when she joined the Blue Lotus she started going by the name Tigris and was kept hidden until the hyped died down. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Relationships [/div] [div class=mainSubheader] Allies [/div] [div class="mainText preserve"] Out side the Blue Lotus she doesn't really have anyone else. [/div] [div class=mainSubheader] Enemies [/div] [div class="mainText preserve"] Her stepmother - Though she doesn't quite see her as a enemy she does still have some anger from the way she was treated as child though she no longer has the hate she once had for her though she's pretty sure her stepmother hates her with a passion. [/div] [div class=mainSubheader] Organizations [/div] [div class="mainText preserve"] Blue Lotus [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div] [class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 85%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=preserve]white-space: pre-wrap;[/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 40px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 100px; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Open Sans', sansserif; --mainTextSize: 0.85em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Roboto Condensed', sansserif; --menuTextSize: 1em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Anton', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Roboto', sansserif; --profileTextSize: 0.8em; --profileImage: url( ); --infoBoxColor: rgba(20, 20, 20, 0.8); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: rgb(130, 20, 40); --diagonalColor: rgba(220, 220, 220, 1); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/N0uts0y.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; [/class]

 

[AliceNWeb]

[div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"]Lexielai[/div] [div class="hexRender"][/div] [div class="characterName characterNameText"] Lady Luck [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Lucille Palegrose [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Aliases [/div] [div class="profileInfo profileInfoText profileText"] Luck [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 27 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Race [/div] [div class="profileInfo profileInfoText profileText"] Manu [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] District [/div] [div class="profileInfo profileInfoText profileText"] Ayodhya (lower) [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Dossier [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Psych Eval [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] Capabilities [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Associates [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Background [/div] [div class=mainSubheader] Pre-Awakening [/div] [div class="mainText preserve"] Luck lived a simple yet stressful life in lower-Ayodhya. She had a husband who worked as an industrial technician; repairing large machines for a living. Luck maintained the house and did everything from cooking to running errands. Living in poverty meant constantly taking opportunities but Luck had no interest in the outside world. Her focus was on introspection and learning to control her own emotions - she was, most of the time, reminded of her abusive upbringing and having a place of her own, that was safe from that world, took a lot of getting used to. [/div] [div class=mainSubheader] Post-Awakening [/div] [div class="mainText preserve"] Luck's Awakening was rather subtle - at first it was a bit of extra cash here and there, then it was landing jobs she wasn't qualified for. Soon enough, their life sparked with potential, her partner was promoted to management and she opened a small out-of-home restaurant that began profiting enough for her lifestyle to accommodate upper Ayodhya's luxuries. The blessings seemed endless, however her husband injured himself on the job which caused a great deal of stress for Luck - running the restaurant and keeping them afloat while managing her own internal turmoil. It was too much and they were forced to sell their home, and move... even deeper into Ayodhya. It seemed to be hopeless until one night at a bar she was watching a couple of drunks playing some blackjack. She didn't know why but she wished one of them goodluck and to her amazement the man began winning every hand thereafter. Eventually it got so bad that one of the other men pulled a gun out and shot him. From that point on Luck kept her ability under wraps and only used it in moderation. During the Astra Conference tragedy she lost her husband to the hands of the Sharuta. After the incident the weight of her husband's death crushed her - a part of her heart gone forever. She, of course, blames herself for not being able to save him but also the government for their poverty and ill-protection from an event like this. There were moments when Luck spent nights wandering the dangerous streets wishing someone to bring her death. However, things began to change once she joined the Blue Lotus. Her anger and sadness had direction, intent... purpose. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Appearance [/div] [div class="mainText preserve"] Her appearance is rather mundane - blonde neck length hair that's slightly unkempt - blue eyes and a pale complexion with various freckles across the length of her face. She's slim and almost looks malnourished since most of her days were spent indoors with little contact with people after the restaurant closed. Could also be from the bouts of depression she's gone through since the event. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class="mainText preserve"] Despite being overly introspective and withdrawn - Luck, when forced into social situations, can be very light-hearted. She wants to help everyone. She is also incredibly curious wanting to know the reasons behind even the worst of actions. She wants to understand the hearts of the people she comes into contact with in-order to heal them. She's altruistic with a disdain for unnecessary pain and death in the world. [/div] [div class=mainSubheader] Fatal Flaws [/div] [div class="mainText preserve"] Luck's naive nature can leave her to be blind-sided by people with less than the best of intentions. Her desire to make the world a better place can also be taken advantage of leaving her too exhausted for her own needs. Her background also causes her to be unsure of what to do - her lack in confidence can be seen as a lack of direction or drive, when in reality it's caution - and anxiety. [/div] [div class=mainSubheader] Motivations and Values [/div] [div class="mainText preserve"] While helping people is her passion she has yet to realize her full dream of ridding the world of its misery and destruction. [/div] [div class=mainSubheader] Fears and Taboos [/div] [div class="mainText preserve"] Her worst fear is losing her mind, no longer being able to be herself - something similar to psychosis or dementia. Being forced into a situation where she has to sacrifice someone's life. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] Astra Abilities [/div] [div class=mainSubheader] Power [/div] [div class="mainText preserve"] Although it's hard to put into words the best way to describe her power is Luck. She has the ability to effect the outcome of people's situations around her in a positive way. Perhaps it's a bullseye, maybe it's a great hand in poker, or a bit of extra cash in a tight spot. Whatever causes miracles is the stuff her power is made of. [/div] [div class=mainSubheader] Limitations [/div] [div class="mainText preserve"] The full extent of her ability has never been tested out of fear of others being hurt - like that night at the bar. Because of this she refuses to use it for longer than a minute or so at a time. Her luck is also situational it doesn't effect the people themselves just the outcome - so it can't do things like change a person's mind, directly. Also her ability isn't able to change the outcome of an event that is already in action - a good example of this would be a bullet that is already flying through the air, she isn't able to change the path of the bullet without manipulating something else. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Skills [/div] [div class="mainText preserve"] Years of solitude confinement with herself has given her a lot of comfort and control over her own emotions. During crucial times she is able to make the correct decision with various outcomes and issues taken into consideration beforehand. Her life in poverty has given her the ability to make the most out of dire situations and she can be very resourceful when there's seemingly nothing that can be done. Her abusive childhood caused her to grow up faster as well allowing her to be realistic about the world, except when it comes to her own flaws. [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Outside Opinions [/div] [div class=mainSubheader] Quotes [/div] [div class="mainText preserve"] "You're my Lady Luck, any time things are bad you make me smile. I love you" [/div] [div class=mainSubheader] Reputation [/div] [div class="mainText preserve"] Closest thing to fame Luck has achieved is the people who enjoyed the food she cooked at her restaurant. She only recently realized her own abilities. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Relationships [/div] [div class=mainSubheader] Allies [/div] [div class="mainText preserve"] No family, or friends to speak of any longer. They exist but she has no relationship with them - due to her being so introspective. [/div] [div class=mainSubheader] Enemies [/div] [div class="mainText preserve"] Sharuta [/div] [div class=mainSubheader] Organizations [/div] [div class="mainText preserve"] Blue Lotus [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div] [class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 85%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=preserve]white-space: pre-wrap;[/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 40px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 100px; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Open Sans', sansserif; --mainTextSize: 0.85em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Roboto Condensed', sansserif; --menuTextSize: 1em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Anton', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Roboto', sansserif; --profileTextSize: 0.8em; --profileImage: url(https://cdnb.artstation.com/p/assets/images/images/009/513/155/large/chiro-f-25-fix.jpg?1519406645 ); --infoBoxColor: rgba(20, 20, 20, 0.8); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: rgb(130, 20, 40); --diagonalColor: rgba(220, 220, 220, 1); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/N0uts0y.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; [/class] Lexielai

 

[Pilgrim59]

[div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"]Lexielai[/div] [div class="hexRender"][/div] [div class="characterName characterNameText"] Sierra [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Suomi Sommerfeld [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Aliases [/div] [div class="profileInfo profileInfoText profileText"] SS / Walking Arsenal [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 25 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Race [/div] [div class="profileInfo profileInfoText profileText"] Manu (Human) [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] District [/div] [div class="profileInfo profileInfoText profileText"] Ayodhya (West) [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Dossier [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Psych Eval [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] Capabilities [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Associates [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Background [/div] [div class=mainSubheader] Pre-Awakening [/div] [div class="mainText preserve"] Suomi grew up in a well-off family, albeit to much scorn and hatred. Her family operated a subsidiary firm for Sommerfeld Munitions (SOMU), a long-standing arms manufacturing family company that have been in service of Trinity’s armed forces since their establishment, and as such, Suomi have had the chance to learn much about firearms and the integral knowledge that comes with it. She is often seen as the black sheep of the family and led a troublesome life throughout her childhood - from juvenile detentions to a trial after her high school graduation. Despite her prodigious work as an intern under her brother, Suomi was eventually exiled by her family. This led her to a criminal life soon after - albeit a short one before being caught by her cousin, of whom was serving with the Ministry of Ayodhya District Security (MADS). When given the choice between a lifetime or replenishing the Royal Army Corps’ ranks at her trial, Suomi chose the latter. Even in the RAC, she had received much reprimands and disdain from her officer, but is generally loved by her comrades due to her temperamental, but efficient work ethics. Her early life in the RAC was rather mundane and only furthered her procrastination. [/div] [div class=mainSubheader] Post-Awakening [/div] [div class="mainText preserve"] During her fifth tour to the frontier, Suomi’s awakening was initiated during her dire hours for survival. This gave her an edge over her peers, while helped to save many of her fellow comrades’ life. She thrived in the RAC shortly after, as her physical aptitude and fervent mindset made her an ideal cannon-fodder - although she came through unscathed for the most part. Suomi eventually redeemed herself after a few years in service on the frontier, effectively regaining her rights as a Trinity citizen. Her awakening was both a gift and a curse. Like many before her, she had taken the liberty to practice it in secret, as time went on. Although Suomi’s fondness of her power grew, she had attained much composure and pride in contrast of her early life. She eventually became a more calm and reserved person of interest. Her awakening was both a physical and mental change, to a certain extent. Extending her contract, Suomi put her new-found power to the test, and applied for the RAC's Ranger Program, in hopes of perfecting her power, while furthering her career as an RAC operator. She was eventually transferred to the ASTRA Initiative program when she was seen using her powers on a fateful encounter. Despite this, the young sergeant remained obedient and followed through with it. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Appearance [/div] [div class="mainText preserve"] Suomi is an average young adult who usually falls short of the taller ones. Her determined hazelnut eyes gives off a fiery, but prideful aura. Her long silver hair is side-tied in a fashionable manner. Suomi has a scar running down her left eye, a souvenir of her time in the RAC. She is usually seen in her SOMU black and yellow jacket. She is also equipped with an exoskeleton suit to enable her needs in battle. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class="mainText preserve"]Pre-Awakening: Suomi is an erratic, emotional person, who tends to be violent and aggressive at the slightest notion of threat. While she is temperamental, she also displays a certain sense of reservation in order to process her course of actions and thoughts. Suomi is a complex creature of various habit, and can be an ally or foe to many. She is tolerant of most, but will not hesitate to call someone out for their incompatible thoughts in contrast of hers. Post-Awakening: Suomi is a relatively modest person of interests. She tends to be uplifting and finds both heart and soul in her field of work. She is usually reserved in her ways, but could be seen stumbling about in curiosity. However, she can be quite volatile in some situations, prompted by an issue or an individual. Suomi can be overly-attached when it comes to close acquaintances, and like many others - will display sporadic emotions under pressure or duress. [/div] [div class=mainSubheader] Fatal Flaws [/div] [div class="mainText preserve"] Rash decision-making is one of the many factors that plague Suomi’s responses to various situations. She is less ideal to be given charge of a group, and tends to place her determination to accomplish a mission over her own safety. This is accompanied by her personal pride, of which can be fatal when it comes to challenges, as she will not back down from one, despite any circumstances. Although different from her prior self, Suomi retains her zeal for a cause - a beneficial and fatal trait that could potentially be her driving force, or a prime weakness for manipulation. Suomi also suffers from insomnia since her exile from the Sommerfeld, which makes her restless most of the time, unless given aid. While she can go for days without sleep, her non-regulated body can, and will render her weakened. The cause for her inability to sleep is unknown, as Suomi tends to distance herself from therapy. [/div] [div class=mainSubheader] Motivations and Values [/div] [div class="mainText preserve"] Suomi is a zealous soldier to Trinity’s cause, and firmly believes in peace via order and security. While she owes her allegiance to the Empress and the state, Suomi prioritize the means over the ends when it comes to the pursuit of a greater good - something that she had lacked in her childhood, and wishes to see it recognized in her own conducts. [/div] [div class=mainSubheader] Fears and Taboos [/div] [div class="mainText preserve"]When it comes to fear, Suomi suffers from acrophobia (heights) and atychiphobia (failure). Having spent little-to-no flying time over the course of her life, Suomi have always been fond of her sentimental control while on the ground. Her disdain for failure, due to her own troublesome childhood goes hand-in-hand with her work. The latter trait had only surfaced ever since her awakening, as she prides her power as her primary will to be recognized. Within her previous RAC unit, it was considered good luck to eat or possess anything O-shaped before being deployed. The O represents zero for anything harmful and often times have proven true throughout her unit's history. As such, Suomi have adopted an O-POS (O positive) velcro-patch on her uniform, and carries it with her almost anywhere. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] Astra Abilities [/div] [div class=mainSubheader] Power [/div] [div class="mainText preserve"]The Walking Arsenal: Suomi is able to conjure or replicate firearms throughout history to aid her in combat (from small arms to light anti-tank ordinances). This ability is heightened by her thoughts and is furthered if she is able to have visual contact on weaponry available within the area. She can summon an unlimited amount of guns to share with her comrades, but doing so will quickly exhaust her should the number exceed what she can carry. The ability excludes melee or primitive weapons that does not utilize propellant agents (i.e. bows, blades, etc.). Having cartridges or propellants without the specified weapon would also suffice the requirements for her to materialize it. The more detail she is able to see or hear, the more durable her conjured weapon would be. Suomi's summoned weapons can be disassembled or customized to accommodate her necessities, without the needs for an assembly kit. She can also summon ammunition for her weapon, but the reloads must be done manually. Regarding her powers and skills, Suomi is less tactful when it comes to close-quarter-combat. While versed with basic combat training and can fend for herself, she is most vulnerable in tight spaces where her powers are rendered inefficient. In terms of practice, her concept and determination acts as a printing station, much like a personified 3D gun printer - earning her the nickname "The Walking Arsenal". [/div] [div class=mainSubheader] Limitations [/div] [div class="mainText preserve"]Ballistics: Suomi is only able to summon firearms or other weaponry that uses propellant agents (gunpowder, nitrocellulose, or cordite) - limiting her to the role of a marksman or fire-support infantryman. This puts her at risk and disadvantage in close-quarter situations. Durability: Dependent on the attention and concept of her summon, the weapon may or may not be as stable compared to others as a result. As such, her summoned weapons usually vaporize after a certain extent of usage. Explosive ordinances tend to fade after a single use, while rifles and other infantry weapons lasts longer. Proficiency & Weight: As Suomi is able to materialize up any weapons that she have perceived or possess concepts of it, she must have experience with it to be able to handle it with ease. Foreign weapon that Suomi have had no prior experiences for may not be ideal for many situations. The weapons' weights are also a factor in her summoning, as it burdens her own body. For example, summoning a machine gun that exceeds her weight and physical strength would hinder her from moving. The weight is applicable to her even when the weapons are given to another individual. Thus, Suomi’s custom-built exoskeleton is designed to handle the weight of certain weapons that she create (such as rocket launchers and heavy machine guns). [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Skills [/div] [div class="mainText preserve"]Combat: - Physical conditioning - Basic Combat Training & MOS Training - Marksmanship - Situation awareness - Firearms fanatic - Long-range reconnaissance (tracking, path-finding, survival) Universal: - Mechanical amateur - Farming - Botany - Fishing - Sailing - Alcohol tolerance (if that counts) - House chores - Barista / bartender [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Outside Opinions [/div] [div class=mainSubheader] Quotes [/div] [div class="mainText preserve"]“... you are a failure, a rabble rouser, and a disgrace. Even your cousin Alice does better in the MDS and keeps those of your kind in line. Go now, and never come back. From now on, you are no longer a Sommerfeld.” - Viktor Sommerfeld “... Having taken in consideration of the evidences, witness accounts, and the defendant's statement provided before us, the Royal Court, in the name of the almighty Empress and our glorious Trinity, hereby declare the defendant - guilty. Unanimous pleads have decided to sentence the defendant, Suomi Sommerfeld, to a five-years sentence of service in the Corps. During this time, your privileges as a citizen of Trinity will be redacted, and your conduct on duty shall be observed by your officer in charge. The Court will summon a court hearing to determine the conduct of redemption when the defendant's sentence is up... ... The defendant will now rise to pledge her allegiance and abide by the following statements to carry out her duties - effective immediately. The hearing of Sommerfeld vs Kirinsky is now adjourned - in favor of the plaintiff. ” - Sommerfeld vs Kirinsky Trial “A little troublemaker, that one. No principles, no reservations and doesn’t know when to quit. She makes us proud, despite what others may think. She's a good kid, and perhaps, I'm a bad babysitter.” - 2ndLt. Dimitri Mayakovsky “Susu is a darling. She’s been up since the morn’ to till the farms and care for the birds. We insisted on her share, but she did it out of her heart. Ah! Sweet Susu, you’re here! Your folks from Edelweiss are here to check up on ya! They said they’re with the Bureau of Investigation or something. Please, come in, I’ll fetch us some tea and biscuits!” - Charlotte Miller [/div] [div class=mainSubheader] Reputation [/div] [div class="mainText preserve"] Suomi’s reputation remains vague at best. As her power have only recently surfaced, with little associates that surrounded her, aside from those that she had worked with at SOMU and the RAC. However, she is infamously known among the underground syndicates and insurgents that are in opposition to the regime. Suomi’s several encounters with these groups on the frontier during her time in the RAC puts her on their priority list. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Relationships [/div] [div class=mainSubheader] Allies [/div] [div class="mainText preserve"]Alison Walcroft (Surge): Minyari Suomi’s distant cousin and childhood friend. Alison was the one that convinced Suomi to turn herself in. The two are on good terms, generally speaking. While they are peripherally different to one another, their dedication to Trinity’s cause unite their beliefs and common understanding. 59th Frontier Infantry Division (RAC): Suomi’s friends and associates are composed of her comrades-in-arms, as well as her officer - second lieutenant Dimitri Mayakovsky. Most of the 59th knows her and are generally receptive of her zealous presence. Some owe their lives to Suomi on several occasion, and as such, will not hesitate to lend her aid. [/div] [div class=mainSubheader] Enemies [/div] [div class="mainText preserve"]Rokka Sommerfeld: Suomi's brother, and chief executive analyst at SOMU. Rokka have had contempt with his little sister since childhood. A man of calculative and cold demeanor, he has always been harsh on Suomi, and when the latter was exiled, Rokka stood by apathetically. Many argues that Rokka was the very person of interest to pave the road for Suomi's exile. With no one else to contest his position within SOMU, Rokka is presumed to be the next heir to the family's legacy. [/div] [div class=mainSubheader] Organizations [/div] [div class="mainText preserve"]SOMU (Sommerfeld Munitions): weapons and munitions R&D employee. RAC (Royal Army Corps): service-sentenced infantryman (59th Infantry Division); ranger specialist (7th Royal Ranger Regiment) ASTRA (ASTRA Initiative): to be determined. [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div] [class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 85%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=preserve]white-space: pre-wrap;[/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 40px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 100px; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Open Sans', sansserif; --mainTextSize: 0.85em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Roboto Condensed', sansserif; --menuTextSize: 1em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Anton', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Roboto', sansserif; --profileTextSize: 0.8em; --profileImage: url(https://i.imgur.com/l41P03V.jpg); --infoBoxColor: rgba(20, 20, 20, 0.8); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: rgb(130, 20, 40); --diagonalColor: rgba(220, 220, 220, 1); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/N0uts0y.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; [/class]

 

[darkborn]

[div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"]Lexielai[/div] [div class="hexRender"][/div] [div class="characterName characterNameText"] Warp [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] AUREN VARENION CORVE ASCOL [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Aliases [/div] [div class="profileInfo profileInfoText profileText"] 'Husk' [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 21 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Male [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Race [/div] [div class="profileInfo profileInfoText profileText"] Manu [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] District [/div] [div class="profileInfo profileInfoText profileText"] Ayodhya [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Dossier [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Psych Eval [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] Capabilities [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Associates [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Background [/div] [div class=mainSubheader] Pre-Awakening [/div] [div class="mainText preserve"] Auren was born in the Ayodhya Area, on the island once known as Gibraltar's rock. He was born to a pair of relatively wealthy parents, which living in the Western District, meant that they were extremely wealthy. At least, Auren’s father was. His mother, on the other hand, was what many called a delinquent, a scandal to the Father’s family. In fact, he was threatened with disownment as soon as he was born from the Father’s current wife. Father, on the other hand, still loved Auren, and disdained all of this pressure to take care of his then-only son. His stepmother agreed grudgingly. She couldn’t defy his wishes, not while he was master of the house. Still, she was (at least in Auren’s opinion) a vile woman, willing to subvert her husband’s command, and discreetly cause Auren much pain. So thus Auren was raised, loved by his father, hated by his step-mother. He even had a godfather- Tyrn Ascol. Life was good, with a few downsides.. Until he was seven. That was the day his father was discovered poisoned. From allergies. His father had a serious allergic reaction to scallops, so it seemed, and his dinner the night before was sprinkled with bits of scallops. How this came to be, no one really knows- the servers and cooks swear that they didn’t put any in. To this day, Auren suspects the vile woman who called his Father husband. However, Auren couldn’t do anything about that in his current situation. His step-mother, now his legal guardian, kept him for another year. Then, she sent him to an experiment in the Naraka, citing that he needed to learn respect. With the illegitimate child gone, she could now live life as she wanted- and she erased as much information about Auren as she could. She was very.. Influential and..charming. This experiment that Auren was forced to go to was not your typical disciplinary school. It quite literally experimented with participants, and put cutting-edge cybernetics on and in them. Auren had many implants put into him: a respiration compounder, consisting of a series of modules that attaches to the lungs, increasing how long breaths can be held, and filtering impure substances from the oxygen; a vocal modulator, which is a series of miniature actuators built specifically to reshape the voice box, along with miniature hyper-resonant chambers that dynamically close or open; a tympanal cluster consisting of multiple small membranes of various sizes that can detect a wide range of sounds; and Reflex Synapses, which increases the reflexes of users; and a Cardiac Accelerator, which boosted the function of the heart and circulatory system for a short time. However, with all of these Augmentations, one stood out above the rest: Synaptic Accelerators. These masterpieces of augmentation gave Auren unnatural perception and logic reasoning, a fact he still bitterly regards today. This experiment did focus on discipline as well: disciplining experiments to follow orders. However, Auren must have inherited the genes of his mother, as he abhorred such attempts to destroy his individual self. Eventually, such a project was doomed to fail, and it did, in two ways: A rebellion started, in no small part due to Auren’s influence, and it was shut down by Trinity police. It was there that Auren saw Astras in action, and was amazed at this seeming comradeship between the police forces. Unfortunately, the leaders of the experiment seemed to realize that their end was near, and with what forces they had left, they eliminated the experiments, along with the evidence. Except for Auren, which he cannot help but consider lucky. He managed to flee to several tunnels away before he was found by a street gang. Seeing him as an experiment, there was much debate about whether to turn him in for profit or to keep him for their own gain. Fortune decided that for them, as a rival gang attacked them, and Auren distinguished himself among them. Now part of a group he could call family, Auren learned how to fight, in both scraps and in long distance. Many considered him to be the leader of the gang in a few short years. This rising influence, naturally, provoked the actual leader of the gang, Randoll Eton. He attempted to assassinate Auren numerous times. Finally, after an incident which killed two of his friends, Auren realized that he was putting others in danger, and faked his own death, running off to live on his own. He was 12 at the time. [/div] [div class=mainSubheader] Post-Awakening [/div] [div class="mainText preserve"] It was this most remarkable time that Auren experienced his Awakening. When he was attempting to flee from another gang’s territory- the same one that attacked his former comrades, coincidentally- his awakening occurred. He swiftly used that to his advantage- or at least bits he could figure out. He distorted the space around him to slow his pursuers, and displaced obstacles in their way, among other tactics. After escaping, yet again, Auren began a life as a ghost. He quickly learned how to stay hidden, and how to use his powers to good use. Yet, he couldn’t help but admit- it was lonely. Wherever he was before, he was always surrounded by friends. He kept up a cold exterior, but he really enjoyed company. That was when fate favored him again. When he was thirteen, he bumped into Tyrn Ascol. His Godfather, of all things. After a short, joyous reunion, Tyrn worked swiftly to quietly bring Auren into his custody. After that, Auren returned the the high life. He still had to work for it, or at least it seemed so to Auren. He went to one of the toughest schools around, Tyrn pushed him to go to the toughest trainer and follow his interests, and he underwent a tough homebrew ASTRA training course (Tyrn’s own creation, of course.). Needless to say, it was tough. However, Auren enjoyed it- it was a distraction from the past. He was relatively friendless in this new high society- his personality was too cold. That was his only complaint. Eight years of this, and now Auren has finally decided to join the ASTRA Program. He could have joined when he was eighteen, but he felt inadequate. One might question why he joins a group that seemingly goes against everything he has experienced. His response is that it was what his father would have wanted. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Appearance [/div] [div class="mainText preserve"] Auren is tall, and thin. He stands at 6’ 3”, and he weighs an astounding 185 pounds. His skin is slightly pale, and he has plenty of darker areas, because they’re scars. He has black hair, though he colored a streak of it white. Just to stand out among others. His face and body are laced with faded scars, though some are burn scars because of a tragedy near the beginning of his life. Could he be considered handsome? Yes, but it is marred by the scars. Duh. His eyes are a dark grey, though he recently gained an “edge,” if you could call it that, of black on the rim of his iris. Auren also likes to wear dark clothes, normally a black colored jacket with black jeans and black military boots. Auren carries a satchel with him as well, in the style like Indiana Jones, obligatory dark colors as well. It carries essentials: Medicine, Lockpicks, and ammunition, in addition to a MP3 player, with a cord to upload songs he likes. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class="mainText preserve"] One main trait that defines Auren is his shyness. Because of this, Auren tends to be quiet, though when someone discusses a topic he enjoys, he will become animated. Furthermore, he tends to avoid centering himself in crowds, or even getting into crowds in the first place. His shyness does not reach the point where he hides behind others, though he does stutter from time to time, whether it be from the aforementioned shyness, or his tongue struggling to express his mind. Another trait of Auren is that he is intelligent. This is a result of many things: his self-perfectionist attitude, his natural aptitude, and his advanced learning. It manifests as a cold, calculating mind. He tends to treat everyone else as pawns, and he realizes this. Furthermore, this mental aptitude allows him to grasp many concepts, such as geometry and the sciences, though he focuses his mind on matters of perception. Auren is also a jokester, though this is secondary to his intelligence, normally. His humor normally comes from sarcasm, wit, and wordplay. Another trait of Auren is he is polite; though he may stutter from time to time, he still never fails to thank others, and do minor acts of kindness towards others. Despite this polite exterior, he is still a very...ruthless and efficient person. As stated before, he treats people as pawns. As such, he will manipulate the situation to fit his agenda, whatever it is. However, that does not mean his agenda is purely for self-gain. He was raised in a household that emphasizes being morally good. He holds these teachings close to his mind, if not his heart. All of this is not to say that Auren is emotionless, a psychopath. It simply means that his logic and mind suppress his emotions, or (in rare cases) his emotions get the better of him. Furthermore, if he gains someone he trusts his attitude shifts. And despite this seeming lack of emotion, he still has an emptiness, a hurting in his chest. To be honest, perhaps he doesn’t feel emotions because that emptiness is all he can feel. Perhaps not. Either way, he dismisses this feeling as a part of his psych, preferring instead to focus on present matters. It is not a dramatic shift, but rather, one sees him making attempts to understand why they are doing their actions, offering more extensive help, and clumsy attempts at emotional support. [/div] [div class=mainSubheader] Fatal Flaws [/div] [div class="mainText preserve"] Auren tends to be aloof, quiet, and nearly emotionless. This leads to a seeming lack of concern for life if logic and necessity trump the value of life. Auren also tends to be sarcastic, uncaring of the station of whom he is addressing to. If the person expresses what is idiocy in his mind, he will reply scathingly. Another trait of his is that he tends to ignore the social niceties that are required for people. He can discuss the details of gory deaths without thinking of the distress it could cause others. However, in contrast to all of this anti-socialness, he still enjoys talking to other people, if not to the same extent as an extrovert. He does not like being alone. [/div] [div class=mainSubheader] Motivations and Values [/div] [div class="mainText preserve"] To be honest, Auren mainly joined the ASTRA program because he feels like his father would approve. And because he needs a sense of comradeship, even if he does deny it nominally. Auren would like to bring his stepmother to justice, to eliminate Randoll from this life (and consequently help his former gangmates), and to find his stepmother. [/div] [div class=mainSubheader] Fears and Taboos [/div] [div class="mainText preserve"] Auren may dismiss his fears to the back of his mind; however, the fact is, they are still there. He is afraid primarily of letting his emotions control him, as he is unused to such feelings. Auren is also, as a result of this restraint of emotions, capable of showing slight sadism- not in the form of physical, of one of torture; rather, he enjoys the mental game of allowing enemies to get glimpses of hope, before he systematically destroys any chance of escape they may have from his net. Auren also disdains drinking in any form, and refuses to do so, even if in polite company. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] Astra Abilities [/div] [div class=mainSubheader] Power [/div] [div class="mainText preserve"] Spatial Manipulation: Auren can manipulate space to suit his whims, whether it be distorting it around him, or to displace it. [/div] [div class=mainSubheader] Limitations [/div] [div class="mainText preserve"] Generally, the more space he distorts, the more concentration required to maintain the state. The same applies for how severe the distortion is. For Displacing objects, it tends to be very tiring for him to do so. Far more than it is to distort space. For both subcategories, mass generally affects the difficulty of performing his abilities. The more dense an object is, the harder it is to stretch or distort the material, and the more tiring it is to displace the space around it. Furthermore, while he can normally perform his power without calculation, if required to avoid certain areas (objects and personnel) within the are he is affecting, it requires much more calculation to achieve without affecting the said excluded objects. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Skills [/div] [div class="mainText preserve"] Academic pursuits: Noticeably, he is skilled in mathematics, history, and ethics. Physical trials: Auren knows how to do various physical activities. Even though he is not the strongest, he enjoys such sports such as soccer, rock climbing, and hiking. Mental traits: Auren is very perceptive, though he bitterly regrets that it is not due to his own talents. Furthermore, he enjoys puzzling out mysteries. Combat: Auren is scrappy, and he knows how to fight with various weapons. When he was in the underworld, he learned how to fight with pistols and with snipers, and how to be ruthless and dirty. In the high life, he learned how to fight with swords- specifically with sabers and scimitars. He prefers to use dual wield whenever possible. Planning: Auren knows how to come up with plans, contingencies, and how to tactically move people around, even if he isn’t the most sociable person around. Musical skills: Auren will admit to knowing music, particularly with guitars and the bass. However, he doesn’t let people know that he is excellent at the piano and the viols. [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Outside Opinions [/div] [div class=mainSubheader] Quotes [/div] [div class="mainText preserve"] “I don’t want this half-breed around!”- Hadriana Corve “Next time, please, don’t shoot so close. We’re all not as certain of your shot as you are.”- Terrian Fyrdigaln. “Dude, you’re better than the Eton! I don’t know why you put up with his crap…”- Phillip ‘Scewloose’ “You folks really want this antisocial freak as your leader? He doesn’t even have emotions, let alone a caring thought for you!”- Randoll Eton “Son, you’re all I have left of Talius. I can see him in you- you’re smart, you’re tough. You have Astra Powers, for goodness’ sake! You’re gifted. Don’t let the world take that away from you. Show these people that you’re better than them. Show your father- and your mother-proud.”-Tyrn Ascol "Freak! Why don’t you cry or smile at anything? Do you even have the capability?”- Hadrius Kantor. [/div] [div class=mainSubheader] Reputation [/div] [div class="mainText preserve"] In the lower gangs, he is thought of as dead. In many of them, that is a good thing- he was a ruthless squad leader. In his own, that is a mixture of mourning and triumph. In the high class society, his intellectual skills are recognized, but he is seen as odd. Many people don’t know that he has cybernetic implants. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Relationships [/div] [div class=mainSubheader] Allies [/div] [div class="mainText preserve"] Terrian Fydigaln- A mechanic in the Gang Manticore. Tyrn Ascol- An influential bureaucrat, god-father of Auren. Evelynne Tarin (Corve)(?)- Auren’s real mother, a rebel and counterculturist. Whereabouts unknown. [/div] [div class=mainSubheader] Enemies [/div] [div class="mainText preserve"] Hadriana Corve- Auren’s stepmother, whereabouts unknown, at least to Auren. Randoll Eton- Boss of Gang Manticore. Hadrius Kantor- A minor annoyance to Auren, son of a VERY influential bureaucrat. More so than Tyrn. [/div] [div class=mainSubheader] Organizations [/div] [div class="mainText preserve"] Underground Gangs: If Auren were to emerge, Respect for Auren would emerge, though somewhat strained. [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div] [class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 85%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=preserve]white-space: pre-wrap;[/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 40px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 100px; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Open Sans', sansserif; --mainTextSize: 0.85em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Roboto Condensed', sansserif; --menuTextSize: 1em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Anton', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Roboto', sansserif; --profileTextSize: 0.8em; --profileImage: url( ); --infoBoxColor: rgba(20, 20, 20, 0.8); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: rgb(130, 20, 40); --diagonalColor: rgba(220, 220, 220, 1); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/N0uts0y.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; [/class]

 

[simj26]

[div class="variables"] [div class="aspectRatio"] [div class="root"] [div class="mainFlexContainer"] [div class="primaryBox"] [div class="diagonal"]Lexielai[/div] [div class="hexRender"][/div] [div class="characterName characterNameText"] Rudra [/div] [div class=infoFlexContainer] [div class=profileContainer] [div class=profileImageContainer] [/div] [div class=scrollBox] [div class=profileInfoFlexContainer] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Name [/div] [div class="profileInfo profileInfoText profileText"] Mercedes Hartland [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Aliases [/div] [div class="profileInfo profileInfoText profileText"] Rudra [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Age [/div] [div class="profileInfo profileInfoText profileText"] 27 [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Gender [/div] [div class="profileInfo profileInfoText profileText"] Female [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] Race [/div] [div class="profileInfo profileInfoText profileText"] Manu-Cyborg [/div] [/div] [div class="profileInfoBox"] [div class="profileLabelBox profileInfoText profileLabelText"] District [/div] [div class="profileInfo profileInfoText profileText"] Kumbh [/div] [/div] [/div][/div][/div] [div class=menuContainer] [div class=menuFlexContainer] [div class="menuButton menuText"] [div class="tabName"]oneTAB[/div] Dossier [/div] [div class="menuButton menuText"] [div class="tabName"]twoTAB[/div] Psych Eval [/div] [div class="menuButton menuText"] [div class="tabName"]threeTAB[/div] Capabilities [/div] [div class="menuButton menuText"] [div class="tabName"]fourTAB[/div] Associates [/div] [div class=menuDivider] [/div] [/div][/div] [div class="infoContainer"] [div class="scrollBox one"] [div class=mainHeader] Background [/div] [div class=mainSubheader] Pre-Awakening [/div] [div class="mainText preserve"] The easy way out was to just neck herself, just like her father did. That was such a gruesome way to go, though, and she didn't like the idea. The next easiest way out was to whore herself out like her mother did. She didn't have the looks for it, or the attitude. So, young Mercedes Hartland took to holding up strangers for their valuables and their cash. Life just wasn't fair, this much she knew. She was just unfortunate enough to be born into such a mess of a family. Of course, this meant that, by the same logic, the people she held a knife to had the misfortune of crossing her path when she needed cash for lunch. All was fine with the world that way. She was never caught, and since she never really harmed anyone other than a few officers trying to apprehend her, there were more important things to focus on than some whore’s child roaming the street. Mercedes hit the big time, as big a time as any for a petty thief like her, when she was 18, plying her trade for unsavory types. Needed something nicked off some bugger off the streets? Needed extra muscle to rough up some dumb Ayodhan who wandered into the wrong neighbourhood? Needed pesky gnats swatted before they dug up some dirty laundry? Mercedes was your girl. All she needed was some coin. She was good with what she did, and through the years, she only got better, and pretty damn soon, she was almost exclusively paid as a security force by herself. After that one infamous stunt she pulled that left twenty fully armed men dead or dying by her lonesome, a particularly superstitious rumormonger gave her the moniker of Rudra, and it stuck. [/div] [div class=mainSubheader] Post-Awakening [/div] [div class="mainText preserve"] In the past half a decade, business has declined for Mercedes. Not that she minded, anyway. Her Awakening, while it certainly expedited some business deals, also soon made her realise just how much she needed a break. Furthermore, using her power was almost hypocritical to her own beliefs. Even with the added challenge, the humdrum of it all was just wearing her out. The decline was good for her health, and the piling requests on her backlog thinned out considerably. It was probably from the emergence of Astras and whatever the heck that business was, and now cowards from a time before they had handicaps now moved onto the business she almost cornered. While it pissed her off that most of these people had an ‘Easy Mode’ applied to their lives, she could use the break. Or so she thought. The decline didn't hit as hard as she expected, but one could never have enough money. No, the money wasn't the only issue. It was the thrill of just with the knife in her hand. She realised she was wrong. She needed a break, yes, but only so she could suffer the withdrawal. She wanted the adrenaline again. Working as a part-time barista was boring. Mercedes Hartland was boring. Rudra was so much more thrilling. So she put her name back on the market, a gun for hire, any one, any place, any time, for a price. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Appearance [/div] [div class="mainText preserve"] A woman with black hair. That is the best most can come up with when asked to describe Mercedes due to how plain she looks. She is mostly seen in the drab olive-green hooded combat suit, complete with ballistic protection, and multiple utility pouches and little else, mostly because no one tends to recognise her anyway. Outside of work, she’s usually dressed up in particularly plain clothing, usually dull-coloured tops and trousers. Out of precaution and something of a habit, she is always carrying a knife on her person, either clipped onto her belt, strapped to her ankle, or, in formal occasions, as evidenced once in a party, strapped to her thigh underneath her dress. She has multiple knives of differing variants, and the type she is carrying varies randomly. Her left eye is cybernetic, and is the only part of her that causes her to be registered as a cyborg, much to her own dismay. [/div] [/div] [div class="scrollBox two"] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Characteristics [/div] [div class=mainSubheader] Personality [/div] [div class="mainText preserve"] Inwardly cynical and sarcastic, Mercedes is never short of venomous wit, of which she would rather keep to herself than say aloud. A devout believer that it would be better off that she remain something of a neutral party than become a target of either affection or hatred, Mercedes has plenty on her mind, but little to siphon to her mouth. After all, she’s being paid to do her job, not mouth off. Besides, no one likes a smartass. To that end, she tends to keep a low profile, but not too low a profile to the point of anti-social behaviour. Her apparent down-to-earth personality from this act and genuine lack of real interest in common entertainment make her extremely plain or, in the worst case, boring. [/div] [div class=mainSubheader] Fatal Flaws [/div] [div class="mainText preserve"] Mercedes has a deep-seated disdain for natural-born ‘talents’, like money, family connections, even genes or, more recently, Astra powers. Her belief of the amount of effort being directly related to the quality of results is shattered by these samesaid people, and she hates that. She shows little to no respect for those who earned their place in life with just good luck and no effort on their part. She has a particularly nasty habit of ‘stab first, ask questions while twisting the knife’. She has no reservations when she’s being professional, and when she threatens to cut someone’s tongue out if they don't talk, she will do it as soon as possible. She isn't bound by religion or moralities of the common man and, though capable of respect and acknowledgement, a job is a job, and she won't feel the slightest bit guilty to shove a knife into one’s trachea. Her beliefs are simple- if one picks up a weapon and wishes to fight, then they are already prepared to die. [/div] [div class=mainSubheader] Motivations and Values [/div] [div class="mainText preserve"] Money [/div] [div class=mainSubheader] Fears and Taboos [/div] [div class="mainText preserve"] No children, but that line is extremely blurred. She will participate in kidnapping, but not in actual harming of children. [/div] [/div] [div class="scrollBox three"] [div class=mainHeader] Astra Abilities [/div] [div class=mainSubheader] Power [/div] [div class="mainText preserve"] Mercedes is gifted with the power of foresight. She can see into the future by a set amount of time, allowing her to react accordingly to the events about to happen. It activates on will. [/div] [div class=mainSubheader] Limitations [/div] [div class="mainText preserve"] It is heavily limited through multiple facets. For one, it is not so much as ‘see’ as it is ‘glance’, as it is limited to up to three seconds into the future. Furthermore, she can only use this power with her normal eye, and using it requires her to either tune out her mechanical eye’s vision by sheer force of will or shut it, as the ensuing difference in vision will confuse her. As it is activated by will and is not a passive power, Mercedes is still susceptible to events outside of her expectation, or are too quick for her to be able to put her power to good use. It is also limited to her cone of vision. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Skills [/div] [div class="mainText preserve"] Mercedes is pretty knowledgeable of politics and some underworld groups. She reasons that she has to keep up with the times to know who’s who, and it wouldn't be the best for her career if she didn't know who was calling for a hit. Even if it wasn't in her nature or profession to ask or know, knowledge is power, and power intimidates. However, power also attracts undue attention, so it is necessary she keeps her knowledge hidden. It probably doesn't need to be said, but Mercedes is skilled in combat, particularly close-quarters. She can handle most common firearms well, but shows more capability in dismantling them in the hands of an aggressor. She is particularly known for her skill with a knife, enough to earn her the name of Rudra. A combination of agility, limber body, and quick reflexes makes her a hard target to hit, but a harder opponent to dodge. She has significant firearms training and is quite capable with them. Though nothing much to laud about, she has enough knowledge of the current generation of firearms to dismantle them in combat and in another’s hands. [/div] [/div] [div class="scrollBox four"] [div class=mainHeader] Outside Opinions [/div] [div class=mainSubheader] Quotes [/div] [div class="mainText preserve"] “The boys won’t talk? Won’t be surprised. If you were there on that night, you’d be afraid of talkin’ too. They think it’s some kinda bogeyman, not some jumped up freak. Speaking of it’s the same as callin’ on a curse on their families. Here’s what one of ‘em told me- said he saw eyes on that woman-- it was a woman-- like they were eyes of one of ‘em apex predators, the kind that will leave your bones to bleach under the sun, as she tore through the others with a knife. That’s just stupid. She probably had a gun. The knife was probably more visible. Good ol’ misdirection. Don’t know if she meant to draw attention to her knife though, not consciously, I s’pose. Still, twenty dead by her hand, and no one could rightly see how she looked like. If that don't drive a man to fear, I don’t know what will.” “They get the job done. Don’t rightly know who they are- all I know is if you pay them, they’ll finish the job to the letter. I know these kinds of people- they’re loyal to the money, and only the money. The moment you turn on them, it’s your head on the line.” “Hartland? She’s…okay, I guess? She does well as a barista. Not one for conversations though. Not that she won't talk, but it’s more like you won't get much from her. You know the kind. ‘Don’t know about this’, ‘don’t know about that’, ‘sorry about that’. I don't really mind, as long as she keeps brewing the coffee the way she does.” [/div] [div class=mainSubheader] Reputation [/div] [div class="mainText preserve"] Mercedes herself isn't well-known, just another face in the crowd. The name 'Rudra', however, has made its rounds as a capable mercenary. [/div] [div class=mainHeader style="margin-top: 10px; margin-bottom: 10px;"] Relationships [/div] [div class=mainSubheader] Allies [/div] [div class="mainText preserve"] Gregory Gough- Owner of the café she works at as a part-time barista. Plenty friendly with her, and enjoys her coffee. Ms. Dale- Aging neighbour. Loves cats. Always invites Mercedes over for tea to replace her own estranged daughter. JSON- Anonymous arms dealer who provides for Mercedes. They only go by their given screen name of JSON, and all else about them is unknown. Very punctual with their deliveries, and Mercedes trusts them implicitly to play the neutral game. Anyome she's being paid to play friends with. [/div] [div class=mainSubheader] Enemies [/div] [div class="mainText preserve"] Anyone she's paid to be enemies with. [/div] [div class=mainSubheader] Organizations [/div] [div class="mainText preserve"] -N/A- [/div] [/div] [/div][/div] [/div][/div] [/div][/div][/div] [class name=aspectRatio] display: block; position: relative; width: 100%; padding-top: 60%; [/class] [class name=aspectRatio maxWidth=1200px] display: block; width: 100%; padding-top: 0px; [/class] [class name=root] display: block; position: absolute; height: 100%; width: 100%; margin: auto; overflow: hidden; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0px; left: 0px; right: 0px; bottom 0px; [/class] [class name=root maxWidth=1200px] display: block; position: relative; height: auto; min-height: 100%; [/class] [class name=mainFlexContainer] display: flex; position: relative; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; height: 100%; width: 100%; box-sizing: border-box; overflow: hidden; z-index: 2; [/class] [class name=primaryBox] display: block; position: relative; height: 85%; width: 80%; box-sizing: border-box; margin: 30px; background-color: var(--primaryBoxColor); box-shadow: var(--primaryBoxShadow); overflow: hidden; flex: 1 0 auto; z-index: 3; [/class] [class name=primaryBox maxWidth=1200px] display: block; width: 90%; height: auto; margin: 5%; [/class] [class name=diagonal] position: absolute; height: 100%; width: 180%; background-color: var(--diagonalColor); color: var(--transparent); transform: rotate(-5deg); transform-origin: 100% 150%; overflow: hidden; z-index: 4; [/class] [class name=hexRender] position: absolute; height: 125%; width: 125%; background-image: var(--bgHexImage); background-position: var(--bgHexPosition); background-size: var(--bgHexSize); background-repeat: var(--bgHexRepeat); z-index: 4; [/class] [class name=characterName] position: relative; width: 80%; height: var(--characterNameHeight); box-sizing: border-box; padding: 20px 0px 0px 40px; z-index: 5; [/class] [class name=characterName maxWidth=1200px] width: 100%; [/class] [class name=infoFlexContainer] display: flex; position: relative; height: 80%; width: 100%; box-sizing: border-box; flex-flow: column wrap; justify-content: space-around; align-items: center; align-content: center; flex: 1 1 auto; overflow: hidden; z-index: 6; [/class] [class name=infoFlexContainer maxWidth=1200px] width: 100%; [/class] [class name=infoContainer] position: relative; width: var(--columnTwoWidth); height: 60%; box-sizing: border-box; padding: 20px; border-right: var(--infoBoxBorderStyle); border-bottom: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 1 auto; [/class] [class name=infoContainer maxWidth=1200px] width: 100%; [/class] [class name=menuContainer] width: var(--columnTwoWidth); height: 10%; box-sizing: border-box; border-top: var(--infoBoxBorderStyle); border-right: var(--infoBoxBorderStyle); border-left: var(--infoBoxBorderStyle); background: var(--infoBoxColor); [/class] [class name=menuContainer maxWidth=1200px] width: 100%; [/class] [class name=menuFlexContainer] display: flex; width: 100%; height: 100%; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; [/class] [class name=menuFlexContainer maxWidth=1200px] flex-flow: column wrap; [/class] [class name=menuButton] position: relative; width: var(--menuButtonWidth); height: 90%; box-sizing: border-box; padding: 5px; flex: 1 1 auto; background: var(--menuButtonBgColor); transition: background var(--transitionFunction), color var(--transitionFunction); cursor: pointer; color: var(--menuButtonColor); [/class] [class name=menuButton maxWidth=1200px] width: 100%; [/class] [class name=menuButton state=hover] background-color: var(--menuButtonHoverBgColor); color: var(--menuButtonHoverColor); transition: background var(--transitionFunction), color var(--transitionFunction); [/class] [class name=tabName] display: none; [/class] [class name=menuDivider] width: 90%; min-height: 3px; margin: auto; background: linear-gradient(to right, var(--transparent), var(--mainAccent), var(--transparent)); flex: 3 0 auto; color: var(--transparent); [/class] [class name=profileContainer] position: relative; width: var(--columnOneWidth); height: 96%; box-sizing: border-box; padding: 0px; margin-right: 1%; border: var(--infoBoxBorderStyle); background: var(--infoBoxColor); flex: 1 0 auto; [/class] [class name=profileContainer maxWidth=1200px] width: 100%; margin: 0%; [/class] [class name=profileImageContainer] display: block; position: relative; max-width: 95%; height: 50%; box-sizing: border-box; margin: 10px; background-image: var(--profileImage); background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; [/class] [class name=profileInfoFlexContainer] display: flex; height: 45%; width: auto; justify-content: space-between; align-content: space-between; align-items: center; flex-flow: row wrap; border: 1px sold white; [/class] [class name=profileInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 100%; max-height: 15%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=standardInfoBox] display: flex; justify-content: space-around; align-content: center; align-items: center; position: relative; width: 48%; max-height: 10%; box-sizing: border-box; padding: 2px; margin: 4px; overflow: hidden; [/class] [class name=profileLabelBox] position: relative; max-width: 20%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=standardLabelBox] position: relative; width: 30%; max-width: 30%; box-sizing: border-box; padding: 2px; margin: 3px; flex: 1 0 auto; background-color: var(--diagonalColor); [/class] [class name=profileInfo] display: block; position: relative; max-width: auto; box-sizing: border-box; padding: 2px; margin: 3px; flex: 3 0 auto; [/class] [class name=preserve]white-space: pre-wrap;[/class] [class name=mainText] display: block; position: relative; box-sizing: border-box; padding-left: 20px; padding-bottom: 10px; text-align: justify; font-family: var(--mainFont); font-size: var(--mainTextSize); letter-spacing: 1px; color: var(--mainTextColor); [/class] [class name=mainHeader] display: block; position: relative; box-sizing: border-box; padding: 3px; margin-bottom: 10px; background: var(--diagonalColor); font-family: var(--headerFont); font-size: 3em; letter-spacing: 0px; text-transform: uppercase; color: var(--infoBoxColor); [/class] [class name=mainSubheader] display: block; position: relative; width: 50%; box-sizing: border-box; margin-left: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--mainAccent); font-family: var(--mainFont); font-size: 1.1em; letter-spacing: 2px; text-transform: uppercase; color: var(--mainTextColor); [/class] [class name=indent] text-indent: 40px; [/class] [class name=characterNameText] font-family: var(--nameFont); font-size: 4em; text-transform: uppercase; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5); letter-spacing: 5px; color: var(--nameColor); [/class] [class name=profileInfoText] font-family: var(--profileFont); font-size: var(--profileTextSize); text-transform: uppercase; letter-spacing: 0px; [/class] [class name=profileLabelText] text-align: center; color: var(--infoBoxColor); letter-spacing: 1px; [/class] [class name=profileText] text-align: left; color: var(--mainAccent); letter-spacing: 2px; [/class] [class name=menuText] text-align: center; font-family: var(--menuFont); font-size: var(--menuTextSize); text-transform: uppercase; letter-spacing: 2px; [/class] [class name=scrollBox] display: block; position: relative; height: 90%; width: 100%; max-height: 500vh; padding-right: 100px; padding-left: 5px; overflow-x: hidden; overflow-y: scroll; [/class] [class name=scrollBox maxWidth=1200px] width: 100%; height: auto; max-height: 150vmax; overflow-x: hidden; overflow-y: auto; [/class] [script class="menuButton" version=2] (= currentTab "one") (hide "two") (hide "three") (hide "four") [/script] [script class="menuButton" on=click version=2] (fadeOut 500 currentTab) (= currentTab (trim (index (split (getText) "TAB") 0))) (setTimeout 0.5 (fadeIn 100 currentTab)) [/script] [class=variables] --mainFont: 'Open Sans', sansserif; --mainTextSize: 0.85em; --mainTextColor: rgb(210, 210, 210); --headerFont: 'Share', sansserif; --menuFont: 'Roboto Condensed', sansserif; --menuTextSize: 1em; --menuTextColor: #c2c2ca; --menuTextHoverColor: #d6d6db; --menuButtonWidth: 25%; --menuButtonColor: rgba(210, 210, 210, 1); --menuButtonBgColor: rgba(20, 20, 20, 0.7); --menuButtonHoverBgColor: rgba(21, 67, 96, 0.9); --menuButtonHoverColor: rgba(210, 210, 210, 0.9); --menuBorder: rgba(210, 210, 210, 0.5); --nameFont: 'Anton', 'sansserif'; --nameColor: rgb(240, 240, 240); --profileFont: 'Roboto', sansserif; --profileTextSize: 0.8em; --profileImage: url(https://i.imgur.com/5Wdyz63.jpg ); --infoBoxColor: rgba(20, 20, 20, 0.8); --infoBoxBorderColor: rgba(120, 120, 120, 0.5); --infoBoxBorderStyle: 10px solid var(--infoBoxBorderColor); --mainAccent: rgb(210, 210, 210); --transparent: rgba(0, 0, 0, 0); --primaryBoxColor: rgb(130, 20, 40); --diagonalColor: rgba(220, 220, 220, 1); --primaryBoxShadow: -2px 2px 40px 3px rgba(0, 0, 0, 0.6); --transitionFunction: 0.3s ease-in-out 0s; --textTransitionFunction: 0.8s ease-in-out 0s; --columnOneWidth: 30%; --columnTwoWidth: 65%; --profileHeight: 90%; --nameHeight: 10%; --bgHexImage: url(https://i.imgur.com/N0uts0y.png); --bgHexPosition: center center; --bgHexSize: auto; --bgHexRepeat: repeat; [/class]