Emp CR chart

[showmystar]

Hizumi

Little shit. Didn't trust him at first, but Allen began learning dunamis from him before he disappeared. He seemed harmless, but those eyes... His name is now on the Wall, but he returned...4 years younger?! bondsofsuffering

Ayumu

FREE FOOD!!! Which he never received. Hizumi volunteered Ayumu to help teach Allen dunamis. They talked a bit, and Allen visited the cafe for his amazing food. His name is now on the Wall. melodyoflogic

Sora

Sweet kid. Possibly too sweet. Someone protect him from the harsh world. oathkeeper

Xion

Nervous girl who wants to get stronger. It's hard to not help her. astericus

Akechi

Well-dressed, posh guy, always ready with the perfect smile. His eyes are far too sharp for his smile. skews

Trunks

Strong arms. Dubious robot friend. (unsure) capsulecorps

Wuxian

Funny guy in every meaning of the word. Possibly they're now friends?? Not that Allen will accept that. His name is now on the Wall. ghostmuster

Kuroko

Basketball boy. Kind of hard to read. phantom6th

Akashi

Another basketball dude. Odd guy, but doesn't seem too bad. Don't know what he looks like, yet. glorifies

Caius

Loud asshole brat. Possibly a werewolf. Fought, came to an understanding, and began to sort of get along. His name is now on the Wall. accepted

Lance

First impression: CUSTOMER!!! His name is now on the Wall, but Allen wouldn't recognize it. dragondance

Lena

Orphan?? Hunger?? Cafe??? DUCK?! ashadowcast

Obi-Wan

A leader with experience in war. Seems like a good person with good intentions, but don't all tragedies start that way? Respect. hadthehighground

Ezra

Obi-Wan's apprentice??? He seems alright, and he has his heart in the right place. Allen will have to trust in Obi-Wan here. Ezra did not disappoint. lothrat

Mercy

A capable lady, healer, and doctor! Reliable and experienced. Her name is now on the Wall. caduceusangel

Gawain

First impression: battle priest? Seems polite and nice. Sparred and had a fun time with it. galatining

Bakugou

LOUDEST ASSHOLE. But he could be fun to mess with~ Bring it on, angerboner ♥ hot_handed

LLENN

Speedster left him in the dust in a death trap. Can't hold it against her, but really? pinkdevilmunchkin

Arjuna

A weapon with no purpose. They have something dark in common. Intriguing, mysterious guy. eternalsolitude

Karna

First impression: handy immortal fighter, apparently. reinkarnate

Lavi

Comrade and important friend! He's missed him dearly, but that combats with the urge to keep him at arm's length to keep him safe. looseleafbook

Kanda

Kanda is...complicated, and so is their relationship. They fight. Each other and for each other. But they're comrades. At the end of the day, that's what matters. secondlotus

Uraraka

Gave him mermaid tongue! Loyalty achieved. Sweet girl who can float and also sees the value of money. zerograv

Hanzo

First impression: helpful! Also a bit of an asshole. dragonsmark

Hiyono

Another loud brat, except this one is a 14yo girl. bubblings

Bulma

First impression: farming! ballseeker

Soundwave

Rude girl! But willing to make mitarashi dango for like 3 sylvs. Only knows what Soundwave's female robot avatar looks like. peacewithouttyrany

Farah

Codename: it happened in a dream. First impression: sweet innocent girl making flower chains! selfishsins

Sanson

First impression: talented violinist! Was playing Lacrimosa the first time they met. painalty

Yang

Wrote letters to each other. A friendly (presumably young?) lady with combat experience. It would be nice to meet! nailed_it

Yukihina

First impression: asks for a lot of information without giving any of their own. Written correspondence only. Not trustworthy? username

Dante

First impression: tba ringthenoise

Kor

First impression: tba spirialink

McCree

First impression: tba gunslingersloaded

Prompto

First impression: cocky but friendly. Played a shoot-em-up carnival game together. username

Killua

Conned the kid in a game of cards. Probably gonna get hit by the kid. username

Hibiki

Far too sweet for this world. Her love-infused tea made Allen tear up. Going to give her Flower Festival petals for her tea. username

Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consequat. username

Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consequat. username

Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consequat. username

Red: dislike
Blue: friendship
Green: romantic???
A 10% value is the starting point in this case.

Heart meme here.
code from here.

Comments

[showmystar]

full ver.:
<raw-code><div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('http://i.imgur.com/1bvmU2L.png');margin-bottom:-50px;border-radius:100%;padding:0px;"> <img src="https://i.imgur.com/GhhaUxm.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px;"></div><div style="width:120px; background:url('http://i.imgur.com/lbTan1V.png'); border:1px #CCC solid;border-radius: 25px; padding:50px 0 0 0;"><div style="color:white;font:25px impact;line-height:-10px;margin:-30px 0 -20px 0;text-align:center;text-shadow:0 0 5px gray;"> CHARACTER</div> <div style="height:10px;"></div> <div style="height:10px;width:100%;background:url('http://i.imgur.com/1bvmU2L.png');border-bottom:2px #F0F0F0 solid;"> <!-- red bar --> <div style="height:100%;width:50%;background-color:#c97a89;float:left;"></div></div><div style="height:10px;width:100%;background:url('http://i.imgur.com/1bvmU2L.png') 90%;border-bottom:2px #F0F0F0 solid;"> <!-- blue bar --> <div style="height:100%;width:50%;background-color:#7ac9bf;float:left;"></div></div><div style="height:10px;width:100%;background:url('http://i.imgur.com/1bvmU2L.png') 35%;border-bottom:2px #F0F0F0 solid;"> <!-- green bar --> <div style="height:100%;width:50%;background-color:#ABC97A;float:left;"></div></div><div style="color:gray;font:10px times;text-align:left;margin:3px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae consequat. <center><a href="username" style="color:#111;text-decoration:none;">username</a></center></div></div></div></div></raw-code>

round ver. 1:
<raw-code><div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('http://i.imgur.com/lbTan1V.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/utWBoNS.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:left;border-radius:10px;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; width:70%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div></raw-code>

round ver. 2:
<raw-code><div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('http://i.imgur.com/lbTan1V.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Midoriya Izuku<br /> <small><a href="url" style="color:lightgray;">username</a></small><br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div></raw-code>

how to make round ones right next to each other:
<raw-code> <!-- code makes it so line breaks aren't read by dreamwidth's HTML/CSS processor; line breaks need to be manually added using <br > --> <!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('http://i.imgur.com/lbTan1V.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Midoriya Izuku<br /> <small><a href="url" style="color:lightgray;">username</a></small><br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated --> <!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('http://i.imgur.com/lbTan1V.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Midoriya Izuku<br /> <small><a href="url" style="color:lightgray;">username</a></small><br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated --> </raw-code>

[showmystar]

the old version I was using, now with Piphron colors:

<raw-code><div style="display: inline-block;width:320px;"><div style="float:left;width:130px;margin-bottom:0px;"><img src="http://i.imgur.com/dD1F3vI.png" style="border-radius:50px;height:50px;margin:0 -30px -12px 0;box-shadow:3px 3px 0 #111E40;position:relative;z-index:100;"><img src="http://i.imgur.com/uxRdR4k.png" style="border-radius:50px;box-shadow:5px 5px 0 #9AB2D3;"></div><div style="height:85px;font-family:ms gothic;font-size:10px;margin:10px 0 0 0;line-height:12px;text-align:justify;overflow:hidden;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in lacinia leo. Sed mollis nulla odio, non commodo nibh ultricies id. Cras vitae ultricies turpis, quis cursus tortor. </div><br style="clear:both;"><div style="margin-top:-18px;position:relative;z-index:50;"> <div style="width:270px;height:12px;background-color:#9AB2D3;color:#1C3E6D;font-family:ms gothic;font-size;9px;line-height:10px;border-radius:10px;padding:0 5px 0 15px;text-transform:lowercase;overflow:hidden;float:left;margin:-10px 0 0 40px;"> CHARACTERNAME | <a href="URL" style="color:#1C3E6D;text-decoration:none;">★★★★☆☆☆☆☆☆</a></div><div style="width:270px;margin:0 10px;"><div style="height:4px; width:100%;background-color:#111E40;border-radius:0 0 20px 0 ;float:left;margin-left:30px;"></div></div></div></div></raw-code>