VXR Plotter 2

[doHTML]

<style type="text/css">

@keyframes glowone {
from { text-shadow: 0 0 0px #00FF33; }
to { text-shadow: 0 0 20px #00FF33; }
}

@-webkit-keyframes glowone {
from { text-shadow: 0 0 0px #00FF33; }
to { text-shadow: 0 0 20px #00FF33; }
}

@-moz-keyframes glowone {
from { text-shadow: 0 0 0px #00FF33; }
to { text-shadow: 0 0 20px #00FF33; }
}

@-o-keyframes glowone {
from { text-shadow: 0 0 0px #00FF33; }
to { text-shadow: 0 0 20px #00FF33; }
}

</style>

<link href="https://fonts.googleapis.com/css?family=Space+Mono|VT323" rel="stylesheet">

<div id="meat" style="background: transparent; border: 1px solid #111;">
<div id="text" style="background: transparent;">
<br>
<center>
<span class="texter" style="font-family: Space Mono; animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33; font-size: 14px;">characters\Character Name</span>
<br>
<img style="width: 250px; height: 250px; margin: 15px 0px; border: 1px solid;" src="http://placehold.it/250x250">
<h1 style="font-size: 12px; font-family: Overpass Mono; background: rgba(0, 0, 0, 0.5);">[b]Character Name:[/b]
<br>[b]Species:[/b]
<br>[b]Age:[/b] [b]Gender:[/b]
<br>[b]Faction:[/b] [b]Clearance:[/b]
<br><a href="tracker link" style="color: #00FF33;">Tracker</a></h1>

<h1 style="background: rgba(0, 0, 0, 0.5); margin-top: -15px; animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33;">.friends()</h1>
<p class="pac" style="font-family: VT323; font-size: 11px; letter-spacing: 1px; color: #999;">this is where you list the sorts of people your character would be caught hanging around with.</p>
<br>
<h1 style="background: rgba(0, 0, 0, 0.5); animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33;">.lovers()</h1>
<p class="pac" style="font-family: VT323; font-size: 11px; letter-spacing: 1px; color: #999;">this is where you list the sorts of people your character would be caught fooling around with. ;)</p>
<br>
<h1 style="background: rgba(0, 0, 0, 0.5); animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33;">.enemies()</h1>
<p class="pac" style="font-family: VT323; font-size: 11px; letter-spacing: 1px; color: #999;">this is where you list the sorts of people your character would [i]never[/i] be caught hanging around with, or would be caught disposing the body thereof. >;)</p>
<br>
<h1 style="background: rgba(0, 0, 0, 0.5); animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33;">.about()</h1>
<p class="pac" style="font-family: VT323; font-size: 11px; letter-spacing: 1px; color: #999;">Lorem ipsum dolor sit amet blah blah blah, this is where you put some info about your character-you don't have to be as in-depth as a profile bio, per se, but do give your prospective partners enough to work with and decide whether/how they can work with your character.</p>
<br>
<h1 style="background: rgba(0, 0, 0, 0.5); animation: glowone 2s alternate infinite; -webkit-animation: glowone 2s alternate infinite; -moz-animation: glowone 2s alternate infinite; -o-animation: glowone 2s alternate infinite; color: #00FF33;">~</h1></center>
<br>
</div>
</div>

[/doHTML]