So take a look what you've done

06 August 2017 @ 06:20 pm

( Read more... )
CODE

<raw-code>
<div style="display: block; margin: auto; width: 650px; height: 515px;">

<div style="height: 75px; display: block; width: 650px;">
<div style="width: 350px; height: 70px; display: inline-block; background: url(http://i.imgur.com/LH5iMpz.png) no-repeat; color: #fffaeb; font-size: 300%; text-align: center; font-weight: bold; font-family: 'Book Antiqua', Palatino, serif; padding-top: 7px;"><a href="#main" style="color: #fffaeb; text-decoration: none;">Sorey</a></div></div>

<div style="display: flex; width: 640px; height: 390px; margin: auto; background: url(http://i.imgur.com/UnqGODx.png); justify-content: center; align-items: center; overflow: hidden;">
<div style=" margin: auto; width: 560px; height: 320px; overflow: hidden;">

<div style="width: 560px; height: 320px; overflow: hidden; overflow: hidden;">
<a name="main"></a>

<div style="display: block; overflow: hidden; height: 325px;" id="AUpersonality">
<a name="AUbio"></a>

<div style="display: inline-block; width: 330px; height: 320px; overflow: auto; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-size: 105%; padding-right: 5px;"><div style="display: block; height: 15px; margin-bottom: 20px;">
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Recolle</span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<a href="#Canonbio" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps">Canon</a> </div>
<span style="border-bottom: 1px solid #ddd8c5; font-size: 130%; font-weight: bold;">BASICS.</span>

<table style="margin: auto; text-align: left;">
<tr><td>NAME.</td><td>Sorey</td></tr>
<tr><td>NICKNAME.</td><td>The Shepherd, That One Guy</td></tr>
<tr><td>AGE.</td><td>17</td></tr>
<tr><td>OCCUPATION.</td><td>World savior and archaeologist</td></tr>
<tr><td>RANK.</td><td>King</td></tr>
<tr><td>ORIENTATION.</td><td>'does Mikleo count as a babe'</td></tr>
<tr><td>DATING STATUS.</td><td>One and only</td></tr>
<tr><td>HEIGHT.</td><td>5'9"</td></tr>
<tr><td>BUILD.</td><td>Lean and muscular</td></tr>
<tr><td>HAIR.</td><td>Brown and spiked</td></tr>
<tr><td>EYES.</td><td>Bright green</td></tr>
<tr><td>PLAYER.</td><td>Saffy</td></tr>
<tr><td>JOURNAL.</td><td>~riku</td></tr>
<tr><td>TIME ZONE.</td><td>Pacific Standard Time (GMT-8)</td></tr>
</table>
<br />

</div>

<div style="width: 225px: height: 320px; float: right; display: inline-block; overflow: hidden;">
<img src="http://i.imgur.com/7uPd4wh.png" alt="sorey" style="height: 320px; width: 225px;"></div>

</div>

<div style="display: block; overflow: hidden; height: 325px;" id="CanonBio">
<a name="Canonbio"></a>

<div style="display: inline-block; width: 330px; height: 320px; overflow: auto; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-size: 105%; padding-right: 5px;"><div style="display: block; height: 15px; margin-bottom: 20px;">
<a href="#AUbio" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">Recolle</a>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Canon</span></div>
<span style="border-bottom: 1px solid #ddd8c5; font-size: 130%; font-weight: bold;">BASICS.</span>

</div>

<div style="width: 225px: height: 320px; float: right; display: inline-block; overflow: hidden;">
<img src="http://i.imgur.com/bBjnA33.png" alt="sorey"></div>

</div>

</div>

<div style="width: 560px; height: 320px; overflow: hidden; overflow: hidden;">
<a name="personality"></a>

<div style="display: block; overflow: hidden; height: 325px;" id="AUpersonality">
<a name="AUpersonality"></a>
<div style="height: 50px;"><img src="http://i.imgur.com/HFumRQh.png" alt="armor">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">PERSONALITY.</span></div>
<div style="display: block; height: 15px; margin-bottom: 10px;">
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Recolle</span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<a href="#Canonpersonality" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps">Canon</a></div>

<div style="display: block; overflow: auto; height: 245px; color: #fffaeb; font-size: 110%; font-family: 'Book Antiqua', Palatino, serif; margin-bottom: 5px; padding-right: 5px;">
  
ENTER AU PERSONALITY

</div></div>

<div style="display: block; overflow: hidden; height: 325px;" id="CanonHistory">
<a name="Canonpersonality"></a>
<div style="height: 50px;"><img src="http://i.imgur.com/HFumRQh.png" alt="armor">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">PERSONALITY.</span></div>
<div style="display: block; height: 15px; margin-bottom: 10px;">
<a href="#AUpersonality" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">Recolle</a>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Canon</span></div>

<div style="display: block; overflow: auto; height: 245px; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; margin-bottom: 5px; padding-right: 5px; font-size: 110%;">
Sorey is a bastion of light for all he meets and a source of support for the whole world. He is honest without being awfully blunt, although he doesn't always tell the whole truth; he would rather lie a little bit and keep someone happy than be right for the sake of being right. He's kind and generous with his affection and energy, which is dangerous when one is supposed to be a pure savior of the world, and it invites burnout. Yet he never seems to reach it. Around strangers, he tends to be polite and slightly reserved. He shoulders his burdens as he is expected to, and hardly ever complains.
<br /><br />
There are parts of him he doesn't let show, of course. No one is perfect but Sorey feels the pressure and takes it quietly without letting go of his ideals. He will fight for them-- and yes, even kill for them-- though it's only toward the end of the game that he makes this decision. He worries about things more than he lets on, though since he's a bad liar, it's usually fairly obvious that he's troubled. He always, <i>always</i> puts others before himself, even if it's a damned stupid decision. And to add insult to injury, he doesn't like other people to worry for him in return.
<br /><br />
It's important to note that Mikleo and Sorey are written to be mirrors of each other. Between Sorey's impulsive but earnest nature and Mikleo's dose of logic and <i>wait a second you idiot</i>, they make up a functioning protagonist. Even their skit poses are mirrored and made to be opposites of each other. This is indicative of their relationship as a whole, which is integral to the game. They push each other forward and sometimes to the brink, but always for a good reason.
<br /><br />
As Sorey grows into his powers and his place in the world, he learns to open up about what he is struggling with. He only troubles his friends with these things when it becomes absolutely necessary, though. Shepherds have to learn to share the burden lest they become burdened with malevolence-- the evil that taints the world, like darkness in Kingdom Hearts-- and he takes his duty very seriously (aside from the occasional sheep puns, of course). Sorey's way of sharing also means trying to buoy the party in the worst of circumstances, so long as it's respectful; he has a gentle sense of humor and a quiet laugh that carries him through the worst of times. Stunningly, he also has absolute faith in people, even ones he barely knows. This can be owed to his ability to sense malevolence, but he seems to have a natural empathy as well.
<br /><br />
Sorey saturated himself with the Shepherd legend so it's no surprise he tries to emulate it. The pressure is real. And yet, even when he's broken down and tired and forced to go against his number one rule of <i>no killing, ever</i>-- he doesn't lose himself. He realizes from example that sometimes... sometimes death is a release. Sometimes death can be a mercy. And he always wishes for it to be different.
<br /><br />
He has a lot of faith in peace, too. He believes humans and seraphim can get along just like they did in ancient history and he lays down the rest of his mortal life to defend this idea. It's Sorey's absolute dedication in this that keeps him pure, and eventually spreads resonance to the (very, very large) continent he resides on, so that <i>everyone</i> can see seraphim and learn to live with them once again. His opinion doesn't change after witnessing (and participating) in the horrors of war, though by all rights, it should; it's an awful experience that he doesn't want to repeat, so he works toward preventing it from happening again.
<br /><br />
All of that, and he still has to keep that unshakable core. Even Sorey has his moments of self-doubt. He trudges on like he isn't even human, and to those who <i>are</i>, he can be both savior and destroyer. Sorey has so much power and humans just can't comprehend it. Some of them are scared of him, some of them hate him, and all of them are people he tries to save. He takes it all on his shoulders, knowing that the moment he begins to doubt his <i>mission</i>, he'll doom the seraphim around him to turning into dragons. That's another thing. He's scared that his mistakes will cause people to be hurt. And worse, what if he screws up and dooms the whole world? What if he becomes the next Lord of Calamity because he was wrong?
<br /><br />
Thankfully, Sorey has surrounded himself with people who can tell what he's thinking. That strong support system allows him to become truly independent at the end of the game, when he pushes Rose away to save her. He then kills the main villain, a sympathetic one (made by the <i>last Shepherd</i>!) with his own hands. The whole game is about Sorey's unrealistic ideals, and he handles that problem in a very Sorey-like way: by taking them on, accepting them, and giving all of himself to ensure that the light reigns.
</div></div>

</div>

<div style="width: 560px; height: 320px; overflow: hidden; overflow: hidden;">
<a name="history"></a>

<div style="display: block; overflow: hidden; height: 325px;" id="AUHistory">
<a name="AUhistory"></a>
<div style="height: 50px;"><img src="http://i.imgur.com/yx8sKpA.png" alt="armor">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">HISTORY.</span></div>
<div style="display: block; height: 15px; margin-bottom: 10px;">
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Recolle</span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<a href="#Canonhistory" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps">Canon</a></div>

ENTER AU HISTORY

</div></div>

<div style="display: block; overflow: hidden; height: 325px;" id="CanonHistory">
<a name="Canonhistory"></a>
<div style="height: 50px;"><img src="http://i.imgur.com/yx8sKpA.png" alt="armor">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">HISTORY.</span></div>
<div style="display: block; height: 15px; margin-bottom: 10px;">
<a href="#AUhistory" style="text-decoration: none; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">Recolle</a>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-variant: small-caps;">| </span>
<span style="font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; font-size: 125%; font-variant: small-caps;">Canon</span></div>

ENTER CANON HISTORY

</div></div>

</div>

<div style="width: 560px; height: 320px; overflow: hidden; overflow: hidden;">
<a name="abilities"></a>
<div style="height: 50px;">
<img src="http://i.imgur.com/UCZkABS.png" alt="accessory">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">ABILITIES.</span></div>
<div style="display: block; overflow: auto; height: 270px;">

<div style="display: block; margin-top: 10px; margin-bottom: 10px;">

<div style="display: block; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif;">
<div style="display: inline-block; width: 40%; padding: 5px; font-weight: bold; vertical-align: top; padding-top: 1.5%; font-size: 140%;">
Armtization
</div><div style="display: inline-block; padding-top: 3%; padding-right: 3%; font-size: 110%; float: right;">
Shepherd Skill
</div></div>

<div style="display: block; padding: 5px; padding-left: 10px; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-size: 105%;">
(a. 10/16/16). Can go full magic girl.
</div>

</div>

</div></div>

<div style="width: 560px; height: 320px; overflow: hidden; overflow: hidden;">
<a name="regains"></a>
<div style="height: 50px;"><img src="http://i.imgur.com/mUsqHN0.png" alt="misc">
<span style="border-bottom: 1px solid #fffaeb; font-size: 200%; font-weight: bold; color: #fffaeb; font-family: 'Book Antiqua', Palatino, serif; padding-right: 5px;">REGAINS.</span></div>
<div style="display: block; overflow: auto; height: 270px;">

<div style="display: block; margin-top: 10px; margin-bottom: 10px;">

<div style="display: block; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif;">
<div style="display: inline-block; width: 40%; padding: 5px; font-weight: bold; vertical-align: top; padding-top: 1.5%; font-size: 140%;">
Mikleo being hot
</div>
<div style="display: inline-block; padding-top: 3%; padding-right: 3%; font-size: 110%; float: right;">
Memory
</div></div>

<div style="display: block; padding: 5px; padding-left: 10px; color: #ddd8c5; font-family: 'Book Antiqua', Palatino, serif; font-size: 105%;">
(a. 8/6/167) Mikleo is so beautiful oh my god I'm so gay.
</div>

</div>
</div>

</div></div>

<div style="display: block; margin: auto; width: 282px;">
<a href="#main"><img src="http://i.imgur.com/60s7msy.png" alt="main" style="border-radius: 50px;"></a>
<a href="#personality"><img src="http://i.imgur.com/3rKRbur.png" alt="personality" style="border-radius: 50px;"></a>
<a href="#history"><img src="http://i.imgur.com/iv639zG.png" alt="history" style="border-radius: 50px;"></a>
<a href="#abilities"><img src="http://i.imgur.com/Nakfyt1.png" alt="abilities" style="border-radius: 50px;"></a>
<a href="#regains"><img src="http://i.imgur.com/w81jmaD.png" alt="regains" style="border-radius: 50px;"></a></div>

</div>
<div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
</raw-code>
</cut>