Progress once more

This commit is contained in:
tcaxle
2020-04-15 20:35:45 +01:00
parent 1323c8e06e
commit 5f07ab1bf9
5 changed files with 261 additions and 116 deletions

View File

@@ -47,7 +47,7 @@
<p style="margin:3px" class="fancy w3-center w3-xlarge">
<span class="w3-center"><b>Abilities</b></span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Archery:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsArchery %}
@@ -57,9 +57,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Athletics:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsAthletics %}
@@ -69,9 +70,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Awareness:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsAwareness %}
@@ -81,9 +83,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Brawl:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsBrawl %}
@@ -93,9 +96,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Bureaucracy:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsBureaucracy %}
@@ -105,9 +109,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Craft:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsCraft %}
@@ -117,9 +122,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Dodge:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsDodge %}
@@ -129,9 +135,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Integrity:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsIntegrity %}
@@ -141,9 +148,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Investigation:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsInvestigation %}
@@ -153,9 +161,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Larceny:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsLarceny %}
@@ -165,9 +174,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Linguistics:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsLinguistics %}
@@ -177,9 +187,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Lore:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsLore %}
@@ -189,9 +200,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Martial Arts:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsMartialArts %}
@@ -201,9 +213,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Medicine:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsMedicine %}
@@ -213,9 +226,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Melee:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsMelee %}
@@ -225,9 +239,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Occult:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsOccult %}
@@ -237,9 +252,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Performance:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsPerformance %}
@@ -249,9 +265,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Presence:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsPresence %}
@@ -261,9 +278,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Resistance:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsResistance %}
@@ -273,9 +291,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Ride:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsRide %}
@@ -285,9 +304,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Sail:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsSail %}
@@ -297,9 +317,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Socialize:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsSocialize %}
@@ -309,9 +330,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Stealth:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsStealth %}
@@ -321,9 +343,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Survival:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsSurvival %}
@@ -333,9 +356,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Thrown:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsThrown %}
@@ -345,9 +369,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>War:</span>
<span class="w3-medium w3-display-right">
{% for dot in object.dotsWar %}
@@ -357,6 +382,7 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
</div>
@@ -372,7 +398,7 @@
<p style="margin:0" class="w3-large w3-center fancy-small">
<span>Physical</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Strength:</span>
<span class="w3-hide-large w3-hide-small">STR:</span>
<span class="w3-medium w3-display-right">
@@ -383,9 +409,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Dexterity:</span>
<span class="w3-hide-large w3-hide-small">DEX:</span>
<span class="w3-medium w3-display-right">
@@ -396,9 +423,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Stamina:</span>
<span class="w3-hide-large w3-hide-small">STA:</span>
<span class="w3-medium w3-display-right">
@@ -409,6 +437,7 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
</div>
@@ -416,7 +445,7 @@
<p style="margin:0" class="w3-large w3-center fancy-small">
<span>Social</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Charisma:</span>
<span class="w3-hide-large w3-hide-small">CHA:</span>
<span class="w3-medium w3-display-right">
@@ -427,9 +456,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Manipulation:</span>
<span class="w3-hide-large w3-hide-small">MAN:</span>
<span class="w3-medium w3-display-right">
@@ -440,9 +470,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Appearance:</span>
<span class="w3-hide-large w3-hide-small">APP:</span>
<span class="w3-medium w3-display-right">
@@ -453,6 +484,7 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
</div>
@@ -460,7 +492,7 @@
<p style="margin:0" class="w3-large w3-center fancy-small">
<span>Mental</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Perception:</span>
<span class="w3-hide-large w3-hide-small">PER:</span>
<span class="w3-medium w3-display-right">
@@ -471,9 +503,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Intelligence:</span>
<span class="w3-hide-large w3-hide-small">INT:</span>
<span class="w3-medium w3-display-right">
@@ -484,9 +517,10 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container">
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<span class="w3-hide-medium">Wits:</span>
<span class="w3-hide-large w3-hide-small">WIT:</span>
<span class="w3-medium w3-display-right">
@@ -497,6 +531,7 @@
<i class="far fa-circle"></i>
{% endif %}
{% endfor %}
&thinsp;
</span>
</p>
</div>
@@ -623,27 +658,33 @@
<span class="w3-center"><b>Experience</b></span>
</p>
<div class="w3-cell-row">
<div class="w3-cell w3-row-padding w3-half">
<div class="w3-cell w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Current:</span>
<span class="w3-right">{{ object.experience }}</span>
</div>
<div class="w3-cell w3-row-padding w3-half">
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Total:</span>
<span class="w3-right">{{ object.experienceTotal }}</span>
</div>
</div>
</div>
{% if object.type is not "Mortal" %}
<div class="w3-cell w3-row-padding w3-hide-small">
</div>
<div class="w3-cell w3-mobile">
<p style="margin:3px" class="fancy w3-center w3-xlarge">
<span class="w3-center"><b>Exalted Experience</b></span>
</p>
<div class="w3-cell-row">
<div class="w3-cell w3-row-padding w3-half">
<div class="w3-cell w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Current:</span>
<span class="w3-right">{{ object.experienceExalted }}</span>
</div>
<div class="w3-cell w3-row-padding w3-half">
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-row-padding custom-hover-grey custom-hover-text-orange">
<span>Total:</span>
<span class="w3-right">{{ object.experienceExaltedTotal }}</span>
</div>
@@ -685,10 +726,10 @@
{% endif %}
</tr>
{% endfor %}
{% else %}
{% else %}
<tr><td>No weapons found.</td></tr>
{% endif %}
</table>
{% endif %}
</table>
<table class="w3-table" style="line-height:15px">
<tr class="w3-border-bottom custom-border-grey">
<th><b>Armor</b></th>
@@ -708,9 +749,9 @@
</tr>
{% endfor %}
{% else %}
<tr><td>No armor found.</td></tr>
<tr><td>No armor found.</td></tr>
{% endif %}
</table>
</table>
</div>
{% endblock %}
@@ -719,7 +760,54 @@
<p style="margin:3px" class="fancy w3-center w3-xlarge">
<span class="w3-center"><b>Health & Defense</b></span>
</p>
<div class="w3-cell-row">
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Soak (N/A/T):</span>
<span class="w3-right">{{ object.soakNatural }}/{{ object.soakArmored }}/{{ object.soakTotal }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Hardness:</span>
<span class="w3-right">{{ object.hardness }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Guile:</span>
<span class="w3-right">{{ object.guile }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Resolve:</span>
<span class="w3-right">{{ object.resolve }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Rush:</span>
<span class="w3-right">{{ object.rush }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Evasion:</span>
<span class="w3-right">{{ object.evasion }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Disengage:</span>
<span class="w3-right">{{ object.disengage }}</span>
</div>
<div class="w3-cell w3-row-padding vl w3-hide-small">
</div>
<div class="w3-cell w3-mobile custom-hover-grey custom-hover-text-orange w3-row-padding">
<span>Join Battle:</span>
<span class="w3-right">{{ object.joinBattle }}</span>
</div>
</div>
</div>
{% endblock %}
@@ -728,6 +816,40 @@
<p style="margin:3px" class="fancy w3-center w3-xlarge">
<span class="w3-center"><b>Intimacies</b></span>
</p>
<table class="w3-table" style="line-height:15px">
<tr class="w3-border-bottom custom-border-grey">
<th>Principal</th>
<th>Intensity</th>
</tr>
{% if object.intimacyPrincipal_set.all %}
{% for tie in object.intimacyPrincipal_set.all %}
<tr class="custom-hover-grey custom-hover-text-orange">
<td>{{ tie.description }}</td>
<td>{{ tie.intensity }}</td>
</tr>
{% endfor %}
{% else %}
<tr><td>No principals found.</td></tr>
{% endif %}
</table>
<table class="w3-table" style="line-height:15px">
<tr class="w3-border-bottom custom-border-grey">
<th>Tie</th>
<th>Target</th>
<th>Intensity</th>
</tr>
{% if object.intimacyTie_set.all %}
{% for tie in object.intimacyTie_set.all %}
<tr class="custom-hover-grey custom-hover-text-orange">
<td>{{ tie.description }}</td>
<td>{{ tie.target }}</td>
<td>{{ tie.intensity }}</td>
</tr>
{% endfor %}
{% else %}
<tr><td>No ties found.</td></tr>
{% endif %}
</table>
</div>
{% endblock %}