Faux's Responsive Templates

[Faux Flag]

Faux's Responsive Templates

Alternatively known as Faux's Fanciful Factory of Flawless Flexible Forms for Fantasy Forums

 

This topic contains and shares all of the responsive templates I have created, with an example of each in use along with their source code. I've currently finished my Pathfinder 2E character template, with a D&D 5E character template and character post template on the way.

 

To use a template, simply copy and paste the code behind a spoiler into the Source button in the editor.

 

After pressing the OK button, you will then be able to edit the template in the MW visual editor.

 

Contents

Pathfinder 2E Character	A template that can be used as a character sheet for Pathfinder 2E. This template features a large visual section including the character's name, a quote, their image, their ancestry, background, and class. The second part of the sheet covers most of the character's mechanics. A large table lists all of the character's skills, their skill modifiers, as well as a quick and easy way to visually see their level of proficiency. It also lists each of the character's armour and weapon proficiencies, as well as their class DC and languages in a similarly visual way. The final part of the sheet lists all of the character's feats, features, and abilities, separated by category for ease.	Show Source Code <div class="fxName" style="text-align:center;font-size:7vmin;font-family:Verdana;color:#040e63;"> <span><strong>NAME ME</strong></span> </div> <div class="fxQuote" style="text-align:center;font-size:2.5vmin;font-family:Verdana;color:#040e63;"> <span><em>&quot;Quoth the Raven...&quot;</em></span> </div> <div class="fxSpacer"> &nbsp; </div> <div class="fxABC" style="text-align:center;color:#040e63;"> <table align="center" border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody> <tr> <td width="50%"> <img alt="Fighter+-+Valeros.jpg" data-loaded="true" data-src="https://images.squarespace-cdn.com/content/v1/57c8dde4579fb35c8fb9dcd5/1565284385134-LV429FRBARDN1AYO8UOJ/Fighter+-+Valeros.jpg" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="height:auto;width:85%;"> </td> <td width="50%"> <div class="fxAncestry"> <img alt="uc?export=download&amp;id=1YQovPs9D46ttjkctgId1HSz-dWO3LuDC" data-loading="true" data-src="https://drive.google.com/uc?export=download&amp;id=1YQovPs9D46ttjkctgId1HSz-dWO3LuDC" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="height:auto;width:22.5%;"> <p style="line-height:1;"> <span style="font-size:4.5vmin;"><strong>EDIT ME</strong></span><br> <strong><span style="color:#000000;font-size:1.8vmin;"><strong>ANCESTRY</strong></span> </strong> </p> <strong> </strong> </div> <strong>&nbsp; </strong> <hr style="height:1px;width:85%;border-width:0;color:#000000;background-color:#000000;"> <strong> &nbsp; </strong> <div class="fxBackground"> <strong><img alt="uc?export=download&amp;id=14YD2yBMqeJIc1Tj0_DCF3YkxKE5FqjcZ" data-loading="true" data-src="https://drive.google.com/uc?export=download&amp;id=14YD2yBMqeJIc1Tj0_DCF3YkxKE5FqjcZ" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="height:auto;width:22.5%;"> </strong> <p style="line-height:1;"> <strong><span style="font-size:4.5vmin;"><strong>EDIT ME</strong></span><br> <span style="color:#000000;font-size:1.8vmin;"><strong>BACKGROUND</strong></span> </strong> </p> <strong> </strong> </div> <strong> &nbsp; </strong> <hr style="height:1px;width:85%;border-width:0;color:#000000;background-color:#000000;"> <strong> &nbsp; </strong> <div class="fxClass"> <strong><img alt="uc?export=download&amp;id=1X30Ae0I19YPQIJYf44PSZBZ43oJGgSVI" data-loading="true" data-src="https://drive.google.com/uc?export=download&amp;id=1X30Ae0I19YPQIJYf44PSZBZ43oJGgSVI" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="height:auto;width:22.5%;"> </strong> <p style="line-height:1;"> <strong><span style="font-size:4.5vmin;"><strong>EDIT ME</strong></span><br> <span style="color:#000000;font-size:1.8vmin;"><strong>CLASS</strong></span> </strong> </p> <strong> </strong> </div> <strong> </strong> </td> </tr> </tbody> </table> </div> <div class="fxSpacer"> &nbsp; </div> <div class="fxAbilityScores"> <table align="center" border="0" cellpadding="1" cellspacing="1" style="width:100%;"> <tbody style="text-align:center;"> <tr> <td style="width:5%;"> &nbsp; </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>STR</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>DEX</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>CON</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>INT</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>WIS</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:15%;"> <p style="line-height:1.3;"> <strong><span style="font-size:4.7vmin;color:#000000;"><u>CHA</u></span></strong><br> <strong><span style="font-size:2.7vmin;color:#000000;">10 (+0)</span></strong> </p> </td> <td style="width:5%;"> &nbsp; </td> </tr> </tbody> </table> </div> <div class="fxSpacer"> &nbsp; </div> <div class="fxDefences"> <table align="center" border="2" cellpadding="1" cellspacing="1" style="width:100%;border-color:#000000;"> <tbody style="text-align:center;"> <tr style="font-size:3vmin;background-color:#000000;color:#ffffff;"> <td style="width:50%;"> <strong><span style="font-size:4vmin;">B</span>ASICS</strong> </td> <td style="width:50%;"> <strong><span style="font-size:4vmin;">S</span>AVES</strong> </td> </tr> <tr> <td style="width:50%;text-align:left;font-size:2.5vmin;padding-left:2.5%;"> <span><strong>Perception +0</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span><br> <span><strong>Speed</strong> 25&nbsp;feet</span><br> <span><strong>Alignment</strong> Chaotic Awesome/EDIT</span> </td> <td style="width:50%;text-align:left;font-size:2.5vmin;padding-left:2.5%;"> <span><strong>Fortitude +0</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span></span><span style="font-size:2vmin;">&nbsp;(CON)</span><br> <span><strong>Reflex +0</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span></span><span style="font-size:2vmin;">&nbsp;(DEX)</span><br> <span><strong>Will +0</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span> </td> </tr> </tbody> </table> </div> <div class="fxProficiencies"> <table align="center" border="2" cellpadding="1" cellspacing="1" style="width:100%;border-color:#000000;"> <tbody style="text-align:center;"> <tr style="font-size:3vmin;background-color:#000000;color:#ffffff;"> <td style="width:50%;"> <strong><span style="font-size:4vmin;">S</span>KILLS</strong> </td> <td style="width:50%;"> <strong><span style="font-size:4vmin;">P</span>ROFICIENCIES</strong> </td> </tr> <tr> <td style="width:50%;text-align:left;font-size:2.5vmin;padding-left:2.5%;"> <span><strong>Acrobatics +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(DEX)</span></span><br> <span><strong>Arcana +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span> <span style="font-size:2vmin;">&nbsp;(INT)</span></span><br> <span><strong>Athletics +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(STR)</span></span><br> <span><strong>Crafting +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(INT)</span></span><br> <span><strong>Deception +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(CHA)</span></span><br> <span><strong>Intimidation +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(CHA)</span></span><br> <span><strong>Lore: EDITME +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(INT)</span></span><br> <span><strong>Medicine +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span><br> <span><strong>Nature +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span><br> <span><strong>Occultism +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(INT)</span></span><br> <span><strong>Performance +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(CHA)</span></span><br> <span><strong>Religion +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span><br> <span><strong>Society +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(INT)</span></span><br> <span><strong>Stealth +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(DEX)</span></span><br> <span><strong>Survival +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(WIS)</span></span><br> <span><strong>Thievery +0</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span><span style="font-size:2vmin;">&nbsp;(DEX)</span></span> </td> <td style="width:50%;text-align:left;vertical-align:top;font-size:2.5vmin;padding-left:2.5%;"> <span><strong>Class DC 10</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span></span><br> <br> <span><strong>Unarmed Attacks </strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span></span><br> <span><strong>Simple Weapons </strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <span><strong>Martial Weapons </strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <span><strong>Advanced Weapons </strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <br> <span><strong>Unarmoured Defence</strong> 🅣<span style="color:#bdc3c7;">🅔🅜🅛</span></span><br> <span><strong>Light Armour</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <span><strong>Medium Armour</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <span><strong>Heavy Armour</strong> <span style="color:#bdc3c7;">🅣🅔🅜🅛</span></span><br> <br> <span><strong>Languages</strong> Common</span> </td> </tr> </tbody> </table> </div> <div class="fxSpacer"> &nbsp; </div> <div class="fxFeatsAndAbilities"> <table align="center" border="2" cellpadding="1" cellspacing="1" style="width:100%;border-color:#000000;"> <tbody style="text-align:center;"> <tr style="font-size:3vmin;background-color:#000000;color:#ffffff;"> <td style="width:50%;"> <strong><span style="font-size:4vmin;">F</span>EATS AND <span style="font-size:4vmin;">A</span>BILITIES</strong> </td> </tr> </tbody> </table> </div> <div class="fxFeats1"> <table align="center" border="2" cellpadding="1" cellspacing="1" style="width:100%;border-color:#000000;"> <tbody style="text-align:center;"> <tr style="font-size:2.2vmin;background-color:#000000;color:#ffffff;"> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">A</span>NCESTRY <span style="font-size:3.2vmin;">F</span>EATS</strong> </td> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">C</span>LASS <span style="font-size:3.2vmin;">F</span>EATS</strong> </td> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">G</span>ENERAL <span style="font-size:3.2vmin;">F</span>EATS</strong> </td> </tr> <tr> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> </tr> </tbody> </table> <div class="fxFeats2"> <table align="center" border="2" cellpadding="1" cellspacing="1" style="width:100%;border-color:#000000;"> <tbody style="text-align:center;"> <tr style="font-size:2.2vmin;background-color:#000000;color:#ffffff;"> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">S</span>KILL <span style="font-size:3.2vmin;">F</span>EATS</strong> </td> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">C</span>LASS <span style="font-size:3.2vmin;">A</span>BILITIES</strong> </td> <td style="width:33.3%;"> <strong><span style="font-size:3.2vmin;">A</span>RCHETYPE <span style="font-size:3.2vmin;">F</span>EATS</strong> </td> </tr> <tr> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> <td style="width:33.3%;text-align:left;vertical-align:top;font-size:2vmin;padding-left:0.5%;"> &nbsp; </td> </tr> </tbody> </table> </div> </div>
Character Post Template	A simple template for in-character posts, featuring a picture and some of the basic information commonly needed in games. The template was designed for Pathfinder and includes Fort, Reflex, and Will saves by default, but it can be easily modified to display the six 5E saves or to any other system in general. There is also plenty of space to add additional lines of information. I'm still not 100% happy with this and it should be considered under construction.	Show Source Code <center>     <table border="0" cellpadding="1" cellspacing="1" style="width:97.5%;">         <tbody>             <tr>                 <td style="width:15%;border-style:double;">                     <img alt="uc?export=download&amp;id=1dRpitT3CcasYF2DNUtVf9NtjWbs0fRXE" data-loaded="true" data-src="https://drive.google.com/uc?export=download&amp;id=1dRpitT3CcasYF2DNUtVf9NtjWbs0fRXE" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="width:100%;height:auto;">                 </td>                 <td style="width:80%;padding-left:5px;">                     <p style="line-height:0.4;font-family:Tahoma;">                         <span class="fxName" style="color:#A41010;font-size:1.6vmax;font-weight:bold;">NAME ME</span> <span class="fxDescription" style="font-size:1.8vmin;font-weight:bold;font-style:italic;"> DESCRIBE ME </span>                     </p>                     <hr style="width:100%;height:1.5px;border:none;background-color:#000000;">                     <p style="line-height:1.1;font-size:2vmin;font-family:Tahoma;">                         <img alt="uc?export=download&amp;id=1aGwGlFu1fxfqg9jNvnhwN3a_-VCqngeg" data-loaded="true" data-src="https://drive.google.com/uc?export=download&amp;id=1aGwGlFu1fxfqg9jNvnhwN3a_-VCqngeg" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="width:2.5%;height:auto;vertical-align:top;"> <span class="fxHP" style="font-weight:900;">HP:</span>&nbsp;10/10&nbsp;<strong>|</strong> <img alt="uc?export=download&amp;id=1KRenOriyfHeSqQv56nTb5MnLrEQkMsmi" data-loaded="true" data-src="https://drive.google.com/uc?export=download&amp;id=1KRenOriyfHeSqQv56nTb5MnLrEQkMsmi" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="width:2.2%;height:auto;vertical-align:top;"> <span class="fxAC" style="font-weight:900;">AC:</span> 10 <strong>|</strong> <img alt="uc?export=download&amp;id=1qD0CKJVuSFGelLS2Z-bEcc5SZlsrT-iM" data-loaded="true" data-src="https://drive.google.com/uc?export=download&amp;id=1qD0CKJVuSFGelLS2Z-bEcc5SZlsrT-iM" src="https://test.myth-weavers.com/applications/core/interface/js/spacer.png" style="width:3%;height:auto;"> <span class="fxPerception" style="font-weight:900;">Perception:</span> +0                     </p>                     <p style="line-height:1.1;font-size:2vmin;font-family:Tahoma;">                         <span style="font-weight:900;">Fort:</span> +10&nbsp;<strong>|</strong> <span style="font-weight:900;">Ref:</span> +10 <strong>|</strong> <span style="font-weight:900;">Will:</span> +10                     </p>                     <p style="line-height:1.2;font-size:2vmin;font-family:Tahoma;">                         <span class="mwooc"><span class="mwooc-shown">Resources</span><span class="mwooc-hidden">FILL ME</span></span> <strong>|</strong> <span class="mwooc"><span class="mwooc-shown">Spells</span><span class="mwooc-hidden">FILL ME</span></span> <strong>|</strong> <span class="mwooc"><span class="mwooc-shown">Skills</span><span class="mwooc-hidden">FILL ME</span></span>                     </p>                 </td>             </tr>         </tbody>     </table>     <hr style="width:97.5%;height:2px;border:none;background-color:#000000;"> </center> <p>     <span style="color:#A41010;"><strong>&quot;This is how I speak.&quot;</strong></span> </p> <p>     &nbsp; </p> <p>     <em><span style="color:#A41010;">This is how I think.</span></em> </p> <p>     &nbsp; </p> <p>     This is how I act. </p>

 

What is responsive design?

Responsive design is when the layout and style of a webpage changes based on the size of the screen used to view it. It is why any modern website will automatically adjust and be readable on both your computer and your phone. In short, it keeps stuff looking good.

Without access to full CSS, we can't technically create proper responsive templates here (hint hint MW team 😉), but we can use HTML to achieve similar to the desired effect, utilising a combination of %-width, em, and viewpoint measurements like vmin.

[Faux Flag]

Pathfinder 2E Character Template example

---

Valeros

"You broke my shield. That's annoying, but fixable. The beer, though...that beer is gone forever..."

 

Human (Skilled) ANCESTRY     Farmhand BACKGROUND     Fighter CLASS

 

STR 18 (+4)

DEX 14 (+2)

CON 14 (+2)

INT 12 (+1)

WIS 10 (+0)

CHA 10 (+0)

 

BASICS	SAVES
Perception +7 🅣🅔🅜🅛 (WIS) Speed 20 feet Alignment Neutral Good	Fortitude +9 🅣🅔🅜🅛 (CON) Reflex +9 🅣🅔🅜🅛 (DEX) Will +7 🅣🅔🅜🅛 (WIS)

SKILLS

PROFICIENCIES

Acrobatics +7 🅣🅔🅜🅛 (DEX) Arcana +1 🅣🅔🅜🅛  (INT) Athletics +11 🅣🅔🅜🅛 (STR) Crafting +6 🅣🅔🅜🅛 (INT) Deception +0 🅣🅔🅜🅛 (CHA) Intimidation +5 🅣🅔🅜🅛 (CHA) Lore: Farming +6 🅣🅔🅜🅛 (INT) Lore: Warfare +6 🅣🅔🅜🅛 (INT) Medicine +0 🅣🅔🅜🅛 (WIS) Nature +0 🅣🅔🅜🅛 (WIS) Occultism +6 🅣🅔🅜🅛 (INT) Performance +0 🅣🅔🅜🅛 (CHA) Religion +0 🅣🅔🅜🅛 (WIS) Society +1 🅣🅔🅜🅛 (INT) Stealth +2 🅣🅔🅜🅛 (DEX) Survival +0 🅣🅔🅜🅛 (WIS) Thievery +2 🅣🅔🅜🅛 (DEX)

Fighter Class DC 19 🅣🅔🅜🅛 Unarmed Attacks  🅣🅔🅜🅛 Simple Weapons  🅣🅔🅜🅛 Martial Weapons  🅣🅔🅜🅛 Advanced Weapons  🅣🅔🅜🅛 Unarmoured Defence 🅣🅔🅜🅛 Light Armour 🅣🅔🅜🅛 Medium Armour 🅣🅔🅜🅛 Heavy Armour 🅣🅔🅜🅛 Languages Common, Goblin, Kelish

 

FEATS AND ABILITIES

ANCESTRY FEATS	CLASS FEATS	GENERAL FEATS
Natural Ambition (Reactive Shield)You were raised to be ambitious and always reach for the stars, leading you to progress quickly in your chosen field. You gain a 1st-level class feat for your class. https://2e.aonprd.com/Feats.aspx?ID=70	Aggressive BlockYou push back as you block the attack, knocking your foe away or off balance. You use your shield to push the triggering creature, either automatically Shoving it 5 feet or causing it to become flat-footed until the start of your next turn. The triggering creature chooses whether to be moved or become flat-footed. If it chooses to be moved, you choose the direction. If the Shove would cause it to hit a solid object, enter a square of difficult terrain, or enter another creature's space, it must become flat-footed instead of being moved. https://2e.aonprd.com/Feats.aspx?ID=363 Double SliceYou lash out at your foe with both weapons. Make two Strikes, one with each of your two melee weapons, each using your current multiple attack penalty. Both Strikes must have the same target. If the second Strike is made with a weapon that doesn't have the agile trait, it takes a –2 penalty. If both attacks hit, combine their damage, and then add any other applicable effects from both weapons. You add any precision damage only once, to the attack of your choice. Combine the damage from both Strikes and apply resistances and weaknesses only once. This counts as two attacks when calculating your multiple attack penalty. https://2e.aonprd.com/Feats.aspx?ID=356 Reactive ShieldYou can snap your shield into place just as you would take a blow, avoiding the hit at the last second. You immediately use the Raise a Shield action and gain your shield's bonus to AC. The circumstance bonus from the shield applies to your AC when you're determining the outcome of the triggering attack. https://2e.aonprd.com/Feats.aspx?ID=360	Shield BlockYou snap your shield in place to ward off a blow. Your shield prevents you from taking an amount of damage up to the shield’s Hardness. You and the shield each take any remaining damage, possibly breaking or destroying the shield. https://2e.aonprd.com/Feats.aspx?ID=839 ToughnessYou can withstand more punishment than most before succumbing. Increase your maximum Hit Points by your level. The DC of recovery checks is equal to 9 + your dying condition value. https://2e.aonprd.com/Feats.aspx?ID=855

SKILL FEATS	CLASS ABILITIES	ARCHETYPE FEATS
Assurance (Athletics)Even in the worst circumstances, you can perform basic tasks. Choose a skill you’re trained in. You can forgo rolling a skill check for that skill to instead receive a result of 10 + your proficiency bonus (do not apply any other bonuses, penalties, or modifiers). https://2e.aonprd.com/Feats.aspx?ID=756 Combat ClimberYour techniques allow you to fight as you climb. You’re not flat-footed while Climbing and can Climb with a hand occupied. You must still use another hand and both legs to Climb. https://2e.aonprd.com/Feats.aspx?ID=768	Attack of OpportunityYou lash out at a foe that leaves an opening. Make a melee Strike against the triggering creature. If your attack is a critical hit and the trigger was a manipulate action, you disrupt that action. This Strike doesn’t count toward your multiple attack penalty, and your multiple attack penalty doesn’t apply to this Strike. https://2e.aonprd.com/Feats.aspx?ID=145 BraveryHaving faced countless foes and the chaos of battle, you have learned how to stand strong in the face of fear and keep on fighting. Your proficiency rank for Will saves increases to expert. When you roll a success at a Will save against a fear effect, you get a critical success instead. In addition, anytime you gain the frightened condition, reduce its value by 1. https://2e.aonprd.com/Classes.aspx?ID=7

[Faux Flag]

Character Post Template example

---

Seoni Lawful Neutral Sorcerer 5 HP: 53/53 | AC: 20 | Perception: +9 Fort: +11 | Ref: +10 | Will: +11 ResourcesFILL ME | SpellsFILL ME | SkillsFILL ME

---

Seoni brandished her gnarled, peltogyne staff and shook it threateningly in the faces of the guards barring her passage. That they would refuse her entry into Korvosa on her nationality alone was infuriating; that they were convinced their crossed bardiches would prevent her from blasting through them if she really wanted to was humorous.

 

"What's being Varisian got to do with anything?" the sorcerer growled in the face of one of the guards. She stood close enough to see a bead of nervous sweat roll from the guard's brow.

 

As the magical runes tattooed into her skin crackled with blue electricity, it didn't surprise her when the guards quickly changed their tune and greeted her warmly—if desperately—through the city gates. This snub by the guards, if only briefly, was the latest in a long chain of troubles that had plagued the caravan run by her and her companions.  

 

Slowly making their way through the streets of Korvosa, she replayed the scene from a few weeks ago after a particularly troublesome challenge. In her mind's eye, she was sitting around the campfire once more. "My family's Varisian," she had said, the sound of her voice echoing softly within her head. "Everywhere we went rumours followed and some people were suspicious. We never stayed anywhere for long, but whenever we were together, we were home."

[Colin]

On 5/17/2022 at 10:52 AM, Faux Flag said:

Without access to full CSS, we can't technically create proper responsive templates here (hint hint MW team 😉)

 

I’m working on an article documenting what CSS is and isn’t available, don’t worry! Just not ready yet, and some is restricted because of page display breakage potential, but there will be info soon on what is allowed in the settings. 🙂

[Faux Flag]

3 hours ago, Colin said:

 

I’m working on an article documenting what CSS is and isn’t available, don’t worry! Just not ready yet, and some is restricted because of page display breakage potential, but there will be info soon on what is allowed in the settings. 🙂

It was only a light-hearted comment as I'm conscious full control over CSS would likely not be possible, but that's brilliant to hear documentation on what CSS is available to us is coming soon! That'll be a very helpful tool for designing templates etc. 

[theredshirtwholive]

Where on the sheet are character inventory, attack bonuses, AC, HP, and spells/formulae supposed to go?