<!----------------------------------------------------------------
RP COMFORT
Profile by HTMLobster (noll)
To remove a section, delete from the start of the section until the end.
To add a section, copy from the start of a section until the end and paste it after the ending marker, then replace the text as needed.
TOS:
Do not remove my credit. You may edit it, however.
You may edit code/frankenstein with others as long as their TOS allows!
Turn off WYSIWYG and turn on Code Editor.
Ask me if you want to redistribute edits. Must be F2U.
------------------------------------------------------------------>
<div class="container rounded p-3 bg-secondary" style="max-width:850px;">
<div class="bg-faded rounded p-3">
<!--- Main heading --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mb-2">
<div class="col"><h1 style="font-size:2em;" class="mb-0">Roleplay Comfort</h1></div>
<div class="col-auto text-right"><h1 style="font-size:2em;" class="mb-0"><i class="fas fa-address-card"></i></h1></div>
</div>
<div class="row no-gutters">
<!--- Left column --->
<div class="col-md mr-md-3">
<!--- Basics start --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters">
<div class="col"><h1 class="mb-0">Basics</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-star"></i></h1></div>
</div>
<!--- Basic information --->
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Name --->
<tr>
<td class="align-top text-uppercase py-1">
Name
</td>
<td class="text-right py-1">
your name
</td>
</tr>
<!--- Age --->
<tr>
<td class="align-top text-uppercase py-1">
Age
</td>
<td class="text-right py-1">
your age
</td>
</tr>
<!--- Contact methods --->
<tr>
<td class="align-top text-uppercase py-1">
Contact
</td>
<td class="text-right py-1">
message, discord, comment, etc.
</td>
</tr>
<!--- Characters --->
<tr>
<td class="align-top text-uppercase py-1">
Characters
</td>
<!--- Link: <a href="CHAR_URL">NAME</a> --->
<td class="text-right pr-0 pl-1 py-1">
link to specific characters, tag, etc. you want to use
</td>
</tr>
</table>
<!--- Basics end --->
</div>
<!--- Right column --->
<div class="col-md">
<!--- Key start --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters">
<div class="col"><h1 class="mb-0">Key</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-check"></i></h1></div>
</div>
<!--- Comfort level guide/key --->
<table class="w-100 border-0" style="font-size:1.2em;">
<tr>
<td class="align-top text-uppercase py-1">
Default
</td>
<td class="text-right py-1">
<!--- Copy and paste a comfort level into the designated area in each section.
It is just the <i class=""></i> line under the comfort level markers. --->
<!--- Comfort level - Default --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
<!--- Comfort level end --->
</td>
</tr>
<tr>
<td class="align-top text-uppercase py-1">
Love
</td>
<td class="text-right py-1">
<!--- Comfort level - Love/Favorite --->
<i style="font-size:1.2em;" class="fas fa-heart-square text-primary"></i>
<!--- Comfort level end --->
</td>
</tr>
<tr>
<td class="align-top text-uppercase py-1">
Yes
</td>
<td class="text-right py-1">
<!--- Comfort level - Yes --->
<i style="font-size:1.2em;" class="fas fa-check-square text-success"></i>
<!--- Comfort level end --->
</td>
</tr>
<tr>
<td class="align-top text-uppercase py-1">
Maybe
</td>
<td class="text-right py-1">
<!--- Comfort level - Maybe --->
<i style="font-size:1.2em;" class="fas fa-question-square text-warning"></i>
<!--- Comfort level end --->
</td>
</tr>
<tr>
<td class="align-top text-uppercase py-1">
No
</td>
<td class="text-right py-1">
<!--- Comfort level - No --->
<i style="font-size:1.2em;" class="fas fa-times-square text-danger"></i>
<!--- Comfort level end --->
</td>
</tr>
</table>
<!--- Key end --->
</div>
</div>
<!--- Location --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Location</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-comments"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Location options --->
<tr>
<td class="align-top py-1">
Comments
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Forums
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Private World
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Public World
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Direct Message
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Skype
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Google Docs
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Discord
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Other (notes)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Locations end --->
<!--- Participants --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Participants</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-user"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Participant options --->
<tr>
<td class="align-top py-1">
Any age
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
13-17
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
18+
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Ages depend on RP
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
1 on 1
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Up to 3 people
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Up to 4 people
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
5-10 people
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
10+ people
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
As many as possible
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
Closed RP community
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Open RP community
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Participants end --->
<!--- Writing length --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Writing Length/Style</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-pen"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<tr>
<td class="align-top py-1">
Script style
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Paragraph style
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Novel style
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
1-2 sentences
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
1-2 paragraphs
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
2-5 paragraphs
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Over 5 paragraphs
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
A few pages
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Writing length end --->
<!--- RP Requests --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">RP Requests</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-sticky-note"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Request options --->
<tr>
<td class="align-top py-1">
Anyone at any time
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
When I post an RP call
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Mutuals
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Friends and acquaintances only
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Friends only
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- RP Requests end --->
<!--- Genres --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Genres</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-books"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Genre options --->
<tr>
<td class="align-top py-1">
Action/Adventure
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Horror
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Fantasy
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Sci-fi
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Mystery
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Slice-of-Life
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Historical
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Other (notes)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
AUs
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Canon Universes
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Canon Characters
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Original Universes
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Original Characters
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Other (notes)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Genres end --->
<!--- Character types --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Character Types</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-paw"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Character type options --->
<tr>
<td class="align-top py-1">
Feral
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Anthro
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Humanoid
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Human
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Other (notes)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
Original Species
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Closed Species
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Open Species
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Other (notes)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Character types end --->
<!--- Shipping --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Shipping</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-heart"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Shipping options --->
<tr>
<td class="align-top py-1">
Never
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Our characters know each other deeply
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Our characters know each other deeply, and I trust the roleplayer
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Our characters know each other somewhat
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
At the first sign of flirting
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Only if planned in advance
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Depends on the characters
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
Talk to me about it from the start
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Talk to me about it once our characters know each other
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Talk to me about it once they both have some feelings for each other
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Talk to me about it when they finally decide they want to go beyond hugging
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
You do not need to talk to me about it
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Shipping end --->
<!--- Romance speed --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Romance Speed</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-heartbeat"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Romance speed options --->
<tr>
<td class="align-top py-1">
Immediately
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Fast
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Average
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Slow
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Extremely slow
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Depends on the characters
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Smut/Sexual content --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Smut</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-bed"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Smut options --->
<tr>
<td class="align-top py-1">
Never
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Skip the act/buildup entirely
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Write the buildup, but skip the act
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Write the act only if it's special
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Write the act always
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Romance speed end --->
<!--- Romantic artwork --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Romantic Artwork</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-palette"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Romantic art options --->
<tr>
<td class="align-top py-1">
Do not post at all
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Do not post without consulting me
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post if SFW
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post if NSFW
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post, but do not show me
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Always post
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
No preference
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
Cuddling/hugging
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Kissing
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Nudity
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Sexual acts
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Kink/Fetish
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Romantic artwork end --->
<!--- Dramatics --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Dramatics</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-knife-kitchen"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Drama/violence options --->
<tr>
<td class="align-top py-1">
No violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Verbal arguments
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Very mild violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Mild violence (fighting, a little blood)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Violence (weapons, blood)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Extreme violence (torture, gore & more)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
No violence at all, do not ask
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Ask me first
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Surprise me
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
No preference
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Dramatics end --->
<!--- Dramatic artwork --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Dramatic Artwork</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-palette"></i></h1></div>
</div>
<div class="row no-gutters">
<div class="col mr-md-3">
<table class="w-100 border-0" style="font-size:1.2em;">
<!--- Dramatic art options --->
<tr>
<td class="align-top py-1">
Do not post at all
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Do not post without consulting me
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post if SFW
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post if NSFW (gore)
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Post, but do not show me
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Always post
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
No preference
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="w-100"><hr class="my-0"></td>
</tr>
<tr>
<td class="align-top py-1">
Verbal arguments
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Very mild violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Mild violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
<tr>
<td class="align-top py-1">
Extreme violence
</td>
<td class="text-right py-1">
<!--- Comfort level --->
<i style="font-size:1.2em;" class="fas fa-square text-secondary"></i>
</td>
</tr>
</table>
</div>
<!--- Notes --->
<div class="col-md mt-1">
<h2>Notes</h2>
<ul style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Dramatic artwork end --->
<!--- Extra notes --->
<div class="bg-primary text-white p-2 rounded w-100 row no-gutters mt-2">
<div class="col"><h1 class="mb-0">Extra Notes</h1></div>
<div class="col-auto text-right"><h1 class="mb-0"><i class="fas fa-lightbulb-on"></i></h1></div>
</div>
<!--- Notes --->
<div class="row no-gutters">
<div class="col-md mt-1">
<ul class="mb-0 pl-4" style="font-size:1.2em;">
<li>Note</li>
<li>Note</li>
<li>Note</li>
<li>Note</li>
</ul>
</div>
</div>
<!--- Extra notes end --->
</div>
<div class="bg-faded rounded p-3 text-center mt-3">
layout by <a href="https://toyhou.se/HTMLobster">HTMLobster</a>. original text by <a href="https://www.deviantart.com/elfsama/journal/The-RP-Comfort-Meme-624457392">elfsama</a>, edited by <a href="https://toyhou.se/HTMLobster">HTMLobster</a>.
</div>
</div>