muselist: olympus / tartarus

[transilience]

Can't help makin' those muselists.

lorem

ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget lacus sed justo condimentum.

consectetur volutpat

at eget odio. Sed convallis consectetur facilisis. Duis sed enim hendrerit, accumsan dui nec, convallis eros.

nullam

id elit ligula. Sed rutrum congue augue, a rhoncus augue euismod a.

lorem

ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget lacus sed justo condimentum.

consectetur

at eget odio. Sed convallis consectetur facilisis. Duis sed enim hendrerit, accumsan dui nec, convallis eros.

nullam

id elit ligula. Sed rutrum congue augue, a rhoncus augue euismod a.

notes

this one is a little kludgy and not as flexible as I could wish - I was reduced to using px values to make stuff line up reliably. as a result if your character name is too long (more than ~20 characters) it'll overflow and look weird. if using for a gpsl or what have you feel free to snag the placeholder icons as well.

copy & paste

OLYMPUS:
<div id="container" style="background: #fff; color: #999; font-family: times new roman, georgia, serif; max-width: 960px; margin: auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center;"> <!-- START CHARACTER BLOCK --> <div style="width:300px;"> <a href="JOURNALURL" style="text-decoration: none;"><img src="ICONURL" style="width:50px;border-radius:50%; border: 3px solid #eee; float: left;"> <div style="box-sizing: border-box; height: 56px; padding: 12px; padding-left: 35px; background: #cdd; color: #333; font-size: 23px; font-style: italic; font-weight: bold; text-transform: lowercase; border: 3px solid #eee; margin: 0px 25px; text-align: center;"> NAME </div></a> <p style="font-size: 10pt; letter-spacing: 1px; text-transform: uppercase; padding: 0px 25px; text-align: justify; line-height: 1.35em; ">BLURB TEXT</p> </div> <!-- END CHARACTER BLOCK --> </div>

TARTARUS:
<div id="container" style="background: #000; color: #ccc; font-family: times new roman, georgia, serif; max-width: 960px; margin: auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: center;"> <!-- START CHARACTER BLOCK --> <div style="width:300px;"> <a href="JOURNALURL" style="text-decoration: none;"><img src="ICONURL" style="width:50px;border-radius:50%; border: 3px solid #333; float: left;"> <div style="box-sizing: border-box; height: 56px; padding: 12px; padding-left: 35px; background: #633; color: #eee; font-size: 23px; font-style: italic; font-weight: bold; text-transform: lowercase; border: 3px solid #333; margin: 0px 25px; text-align: center;"> NAME </div></a> <p style="font-size: 10pt; letter-spacing: 1px; text-transform: uppercase; padding: 0px 25px; text-align: justify; line-height: 1.35em; ">BLURB TEXT</p> </div> <!-- END CHARACTER BLOCK --> </div>

find & replace

OLYMPUS:

background: #fff • text color: #999 • nameplate: #cdd • nameplate text: #333 • nameplate borders: #eee

TARTARUS:

background: #000 • text color: #ccc • nameplate: #633 • nameplate text: #eee • nameplate borders: #333