DANGER ZONE :: premade templates storage

[psy]

XXXIII. HEADSPACE. HEART CHART.
An expanding template that scrolls at each individual: hearts are hovered over for the key, and a spoiler beneath them serves as a color guide for mobile users. The first version allows for a 100x100 headshot/image for each character, while the second does not use any images.

v1:

CHARACTER'S HEART CHART

last updated: mm/dd/yy

Welcome to Character's heart chart! intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

MOBILE GUIDE:

♥ would fight/kill for them
♥ romantic interest
♥ considers family
♥ considers a close friend
♥ considers a friend
♥ considers a vague friend
♥ trusts
♥ comfortable around
♥ respects
♥ acquainted with
♥ neutral/unmet
♥ mixed feelings
♥ annoyed by
♥ doesn't trust
♥ dislikes/disrespects
♥ strong dislike/disgust
♥ considers an enemy
♥ despises
♥ arch-nemesis
♥ fight on sight
♥ kill on sight

x

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]LOREM
♥[abbr=considers a close friend]♥♥[abbr=trusts]♥

" She's got a Barbarella silver swimsuit
And when she needs to shelter from reality
She takes a dip in my daydreams "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

x

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]IPSUM
♥♥♥

" Rebel rebel, you've torn your dress
Rebel rebel, your face is a mess
Rebel rebel, how could they know? "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="text-align: center; text-transform: uppercase; font-family: andale mono; font-size: 24px; letter-spacing: 1.5px; color: white;"][b]CHARACTER'S HEART CHART[/b][/div]
[div style="text-align: justify; text-transform: lowercase; font-family: andale mono; font-size: 14px; letter-spacing: 1px;"][align=center]last updated: mm/dd/yy[/align]

Welcome to Character's heart chart! intro/blurb here
[align=center][size=18][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr][abbr=romantic interest][color=#ffa495]♥[/color][/abbr][abbr=considers family][color=#ffba9b]♥[/color][/abbr][abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr][abbr=considers a friend][color=#ffdca1]♥[/color][/abbr][abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr][abbr=trusts][color=#fff39e]♥[/color][/abbr][abbr=comfortable around][color=#ffff9d]♥[/color][/abbr][abbr=respects][color=#e7fea6]♥[/color][/abbr][abbr=acquainted with][color=#cffeae]♥[/color][/abbr][abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr][abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr][abbr=annoyed by][color=#adfee7]♥[/color][/abbr][abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr][abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr][abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr][abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr][abbr=despises][color=#9999ff]♥[/color][/abbr][abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr][abbr=fight on sight][color=#b88bff]♥[/color][/abbr][abbr=kill on sight][color=#c784ff]♥[/color][/abbr][/size]
[spoiler=MOBILE GUIDE][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr] would fight/kill for them
[abbr=romantic interest][color=#ffa495]♥[/color][/abbr] romantic interest
[abbr=considers family][color=#ffba9b]♥[/color][/abbr] considers family
[abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr] considers a close friend
[abbr=considers a friend][color=#ffdca1]♥[/color][/abbr] considers a friend
[abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr] considers a vague friend
[abbr=trusts][color=#fff39e]♥[/color][/abbr] trusts
[abbr=comfortable around][color=#ffff9d]♥[/color][/abbr] comfortable around
[abbr=respects][color=#e7fea6]♥[/color][/abbr] respects
[abbr=acquainted with][color=#cffeae]♥[/color][/abbr] acquainted with
[abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr] neutral/unmet
[abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr] mixed feelings
[abbr=annoyed by][color=#adfee7]♥[/color][/abbr] annoyed by
[abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr] doesn't trust
[abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr] dislikes/disrespects
[abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr] strong dislike/disgust
[abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr] considers an enemy
[abbr=despises][color=#9999ff]♥[/color][/abbr] despises
[abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr] arch-nemesis
[abbr=fight on sight][color=#b88bff]♥[/color][/abbr] fight on sight
[abbr=kill on sight][color=#c784ff]♥[/color][/abbr] kill on sight[/spoiler][/align][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="width: 100px; height: 100px; float: left; border: 2px solid white; background:url('IMGHERE'); background-size: 100% 100%; margin-right: 5px;"][color=transparent]x[/color][/div][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="width: 100px; height: 100px; float: left; border: 2px solid white; background:url('IMGHERE'); background-size: 100% 100%; margin-right: 5px;"][color=transparent]x[/color][/div][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

v2:

CHARACTER'S HEART CHART

last updated: mm/dd/yy

Welcome to Character's heart chart! intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

MOBILE GUIDE:

♥ would fight/kill for them
♥ romantic interest
♥ considers family
♥ considers a close friend
♥ considers a friend
♥ considers a vague friend
♥ trusts
♥ comfortable around
♥ respects
♥ acquainted with
♥ neutral/unmet
♥ mixed feelings
♥ annoyed by
♥ doesn't trust
♥ dislikes/disrespects
♥ strong dislike/disgust
♥ considers an enemy
♥ despises
♥ arch-nemesis
♥ fight on sight
♥ kill on sight

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]LOREM
♥[abbr=considers a close friend]♥♥[abbr=trusts]♥

" She's got a Barbarella silver swimsuit
And when she needs to shelter from reality
She takes a dip in my daydreams "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]IPSUM
♥♥♥

" Rebel rebel, you've torn your dress
Rebel rebel, your face is a mess
Rebel rebel, how could they know? "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="text-align: center; text-transform: uppercase; font-family: andale mono; font-size: 24px; letter-spacing: 1.5px; color: white;"][b]CHARACTER'S HEART CHART[/b][/div]
[div style="text-align: justify; text-transform: lowercase; font-family: andale mono; font-size: 14px; letter-spacing: 1px;"][align=center]last updated: mm/dd/yy[/align]

Welcome to Character's heart chart! intro/blurb here
[align=center][size=18][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr][abbr=romantic interest][color=#ffa495]♥[/color][/abbr][abbr=considers family][color=#ffba9b]♥[/color][/abbr][abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr][abbr=considers a friend][color=#ffdca1]♥[/color][/abbr][abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr][abbr=trusts][color=#fff39e]♥[/color][/abbr][abbr=comfortable around][color=#ffff9d]♥[/color][/abbr][abbr=respects][color=#e7fea6]♥[/color][/abbr][abbr=acquainted with][color=#cffeae]♥[/color][/abbr][abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr][abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr][abbr=annoyed by][color=#adfee7]♥[/color][/abbr][abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr][abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr][abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr][abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr][abbr=despises][color=#9999ff]♥[/color][/abbr][abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr][abbr=fight on sight][color=#b88bff]♥[/color][/abbr][abbr=kill on sight][color=#c784ff]♥[/color][/abbr][/size]
[spoiler=MOBILE GUIDE][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr] would fight/kill for them
[abbr=romantic interest][color=#ffa495]♥[/color][/abbr] romantic interest
[abbr=considers family][color=#ffba9b]♥[/color][/abbr] considers family
[abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr] considers a close friend
[abbr=considers a friend][color=#ffdca1]♥[/color][/abbr] considers a friend
[abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr] considers a vague friend
[abbr=trusts][color=#fff39e]♥[/color][/abbr] trusts
[abbr=comfortable around][color=#ffff9d]♥[/color][/abbr] comfortable around
[abbr=respects][color=#e7fea6]♥[/color][/abbr] respects
[abbr=acquainted with][color=#cffeae]♥[/color][/abbr] acquainted with
[abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr] neutral/unmet
[abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr] mixed feelings
[abbr=annoyed by][color=#adfee7]♥[/color][/abbr] annoyed by
[abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr] doesn't trust
[abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr] dislikes/disrespects
[abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr] strong dislike/disgust
[abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr] considers an enemy
[abbr=despises][color=#9999ff]♥[/color][/abbr] despises
[abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr] arch-nemesis
[abbr=fight on sight][color=#b88bff]♥[/color][/abbr] fight on sight
[abbr=kill on sight][color=#c784ff]♥[/color][/abbr] kill on sight[/spoiler][/align][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]