xle/django-exalted
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

everything local, fontawesome free latest

Browse Source
This commit is contained in:
tcaxle
2020-04-17 15:13:01 +01:00
parent 842de65210
commit b17fc83ee7
5219 changed files with 2076 additions and 242080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
templates/characterDetail.html
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 w3-row-padding custom-hover-grey custom-hover-text-orange">
<p style="margin:0" class="accordion 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 %}
@@ -60,7 +60,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Hello I describe the archery</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -73,7 +76,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -86,7 +92,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -99,7 +108,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -112,7 +124,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -125,7 +140,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -138,7 +156,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -151,7 +172,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -164,7 +188,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -177,7 +204,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -190,7 +220,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -203,7 +236,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -216,7 +252,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -229,7 +268,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -242,7 +284,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -255,7 +300,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -268,7 +316,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -281,7 +332,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -294,7 +348,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -307,7 +364,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -320,7 +380,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -333,7 +396,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -346,7 +412,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -359,7 +428,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -372,7 +444,10 @@
&thinsp;
</span>
</p>
<p style="margin:0" class="w3-display-container w3-row-padding custom-hover-grey custom-hover-text-orange">
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
<p style="margin:0" class="accordion 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 %}
@@ -385,6 +460,9 @@
&thinsp;
</span>
</p>
<div class="accordionPanel custom-border-grey w3-border-bottom w3-row-padding">
<p style="margin:0;"><i class="fas fa-level-up-alt fa-rotate-90"></i> Description</p>
</div>
</div>
{% endblock %}
@@ -724,8 +802,8 @@
</tr>
{% if object.itemWeaponSet %}
{% for weapon in object.itemWeaponSet %}
<tr class="custom-hover-grey custom-hover-text-orange">
<td>{{ weapon.name }}</td>
<tr class="trAccordion custom-hover-grey custom-hover-text-orange">
<td style="white-space: nowrap;">{{ weapon.name }}</td>
{% if weapon.rangeClose %}
<td>{{ weapon.rangeClose }}/{{ weapon.rangeShort }}/{{ weapon.rangeMedium }}/{{ weapon.rangeLong }}/{{ weapon.rangeExtreme }}</td>
{% else %}
@@ -736,6 +814,9 @@
<td>{{ weapon.overwhelming }}</td>
<td>{{ weapon.attunement }}</td>
</tr>
<tr class"accordionRow" style="display:none;"><td class="w3-border-bottom custom-border-grey" colspan="6">
<i class="fas fa-level-up-alt fa-rotate-90"></i> {{ weapon.description }} Describe a really long sentence that will definitely overflow the bounds of the single cell
</td></tr>
{% endfor %}
{% else %}
<tr><td>No weapons found.</td></tr>

5
templates/templates/base.html
View File

@@ -6,8 +6,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{% static 'css/w3.css' %}">
<link href="https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{% static 'fontawesome-pro-5.8.2-web/css/all.css' %}">
<link rel="stylesheet" href="{% static 'css/fonts.css' %}">
<link rel="stylesheet" href="{% static 'css/font-awesome.css' %}">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: 'Marcellus SC', serif;}
</style>
@@ -51,4 +51,5 @@
</footer>
</body>
<script type="text/javascript" src="{% static 'js/accordion.js' %}"></script>
</html>