Vorlage:Charactersheet: Unterschied zwischen den Versionen

Aus Meddlerde
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
{{Documentation subpage}}
{{Documentation subpage}}
== Character Sheet ==
== Character Sheet ==
<div style="border: 2px solid #4CAF50; padding: 20px; background-color: #f9f9f9; border-radius: 10px; font-family: 'Roboto', sans-serif; width: 65%; float: left; margin-right: 20px; position: sticky; top: 0;">
<button class="collapsible">Open Character Sheet</button>
<div class="content" style="border: 2px solid #4CAF50; padding: 10px; background-color: #f9f9f9; border-radius: 10px; font-family: 'Roboto', sans-serif; width: 65%; float: left; margin-right: 20px; position: sticky; top: 0;">
     <h2 style="color: #4CAF50; text-align: center;">{{{name}}}</h2>
     <h2 style="color: #4CAF50; text-align: center;">{{{name}}}</h2>
     <table style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
     <table style="width: 100%; border-collapse: collapse; margin-bottom: 10px; font-size: 12px;">
         <tr>
         <tr>
             <td><strong>Class:</strong></td>
             <td><strong>Class:</strong></td>
Zeile 41: Zeile 42:
         </tr>
         </tr>
     </table>
     </table>
     <hr style="border: 1px solid #4CAF50; margin: 20px 0;">
     <hr style="border: 1px solid #4CAF50; margin: 10px 0;">
     <h3 style="color: #4CAF50; text-align: center;">Skills</h3>
     <h3 style="color: #4CAF50; text-align: center;">Skills</h3>
     <table style="width: 100%; border-collapse: collapse;">
     <table style="width: 100%; border-collapse: collapse; font-size: 12px;">
         <tr>
         <tr>
             <td><strong>Acrobatics:</strong> {{{acrobatics}}}</td>
             <td><strong>Acrobatics:</strong> {{{acrobatics}}}</td>
Zeile 76: Zeile 77:
     </table>
     </table>
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
for (var i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
    } else {
      content.style.display = "block";
    }
  });
}
</script>


<includeonly>{{Sandbox other|| <!-- Categories below this line --> }}</includeonly>
<includeonly>{{Sandbox other|| <!-- Categories below this line --> }}</includeonly>

Version vom 23. Februar 2025, 17:18 Uhr

Character Sheet

<button class="collapsible">Open Character Sheet</button>

{{{name}}}

Class: {{{class}}} Level: {{{level}}}
Race: {{{race}}} Background: {{{background}}}
Armor Class: {{{armorClass}}} Hit Points: {{{hitPoints}}}
Strength: {{{strength}}} Dexterity: {{{dexterity}}}
Constitution: {{{constitution}}} Intelligence: {{{intelligence}}}
Wisdom: {{{wisdom}}} Charisma: {{{charisma}}}

Skills

Acrobatics: {{{acrobatics}}} Animal Handling: {{{animalHandling}}} Arcana: {{{arcana}}}
Athletics: {{{athletics}}} Deception: {{{deception}}} History: {{{history}}}
Insight: {{{insight}}} Intimidation: {{{intimidation}}} Investigation: {{{investigation}}}
Medicine: {{{medicine}}} Nature: {{{nature}}} Perception: {{{perception}}}
Performance: {{{performance}}} Persuasion: {{{persuasion}}} Religion: {{{religion}}}
Sleight of Hand: {{{sleightOfHand}}} Stealth: {{{stealth}}} Survival: {{{survival}}}

<script> var coll = document.getElementsByClassName("collapsible"); for (var i = 0; i < coll.length; i++) {

 coll[i].addEventListener("click", function() {
   this.classList.toggle("active");
   var content = this.nextElementSibling;
   if (content.style.display === "block") {
     content.style.display = "none";
   } else {
     content.style.display = "block";
   }
 });

} </script>