✨

less/character-sheet.less

@@ -277,8 +277,8 @@
     }
 
     .charHex {
-        width: 65px;
-        height: 65px;
+        width: 75px;
+        height: 75px;
         background-color: #41c43a;
         color: black;
         border: black;
@@ -316,7 +316,7 @@
     }
 
     .charHexValue {
-        font-size: 25px;
+        font-size: 35px;
     }
 
     .hpValue {
@@ -658,7 +658,7 @@
 
         th {
             padding: 3.5px;
-            padding-right: 4.5px;
+            padding-right: 4px;
             font-size: 12px;
         }
     }
@@ -714,4 +714,20 @@
         right: 0px;
         border-top-left-radius: 20px;
     }
+
+    .inventoryBox {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-items: space-evenly;
+        position: absolute;
+        z-index: 100;
+        margin-top: 15px;
+        margin-left: 30px;
+    }
+
+    .inventory {
+        width: 350px;
+        height: 400px;
+    }
 }

modules/sheets/pokemonCharacterSheet.js

@@ -79,13 +79,8 @@ export default class pokemonCharacterSheet extends api.HandlebarsApplicationMixi
     }
 
     calculateDerivated(context) {
-        context.system.phArmorClass = 10+context.system.stats.defense;
-        context.system.spArmorClass = 10+context.system.stats.defense;
-        if (context.system.defenseCategory == "Physical") {
-            context.system.phArmorClass += 2;
-        } else {
-            context.system.spArmorClass += 2;
-        }
+        context.system.phArmorClass = 3+context.system.stats.defense;
+        context.system.spArmorClass = 3+context.system.stats.specialDefense;
 
         context.defenses = context.types.map(type => this.calcEffectiveness(context, type));
 

pokemon.css

@@ -238,8 +238,8 @@
   justify-content: center;
 }
 .pokemon.sheet.characterSheet .charHex {
-  width: 65px;
-  height: 65px;
+  width: 75px;
+  height: 75px;
   background-color: #41c43a;
   color: black;
   border: black;
@@ -270,7 +270,7 @@
   height: 60px;
 }
 .pokemon.sheet.characterSheet .charHexValue {
-  font-size: 25px;
+  font-size: 35px;
 }
 .pokemon.sheet.characterSheet .hpValue {
   font-size: 40px;
@@ -534,7 +534,7 @@
 }
 .pokemon.sheet.characterSheet .defenseTable th {
   padding: 3.5px;
-  padding-right: 4.5px;
+  padding-right: 4px;
   font-size: 12px;
 }
 .pokemon.sheet.characterSheet .effectiveness0 {
@@ -576,3 +576,17 @@
   right: 0px;
   border-top-left-radius: 20px;
 }
+.pokemon.sheet.characterSheet .inventoryBox {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-items: space-evenly;
+  position: absolute;
+  z-index: 100;
+  margin-top: 15px;
+  margin-left: 30px;
+}
+.pokemon.sheet.characterSheet .inventory {
+  width: 350px;
+  height: 400px;
+}

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.1.24",
+    "version": "0.1.28",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

template.json

@@ -12,6 +12,8 @@
             "type1": "Normal",
             "type2": "",
 
+            "inventory": "",
+
             "experience": {
                 "level": 1,
                 "EXP": 0
@@ -22,6 +24,8 @@
             "stats": {
                 "attack": 0,
                 "defense": 0,
+                "specialAttack": 0,
+                "specialDefense": 0,
                 "speed": 0,
                 "hp": 0
             },

templates/partials/character-sheet-character.hbs

@@ -1,55 +1,22 @@
 <div class="charInfoBox">
     <div class="statsBox">
+        <div class="row">
             <div class="row">
                 <div class="charHex statHex"><span class="charHexHead">Attack</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.attack" value="{{system.stats.attack}}"></div>
-            <div class="categorySelectBox">
-                <div class="row">
-                    <label class="container">
-                        <input class="radioButton" type="radio" name="system.attackCategory" value="Physical"
-                                {{#if (equals system.attackCategory "Physical")}}checked{{/if}}>
-                        <span class="checkmark"></span>
-                        Physical
-                    </label>
             </div>
             <div class="row">
-                    <label class="container">
-                        <input class="radioButton" type="radio" name="system.attackCategory" value="Special"
-                                {{#if (equals system.attackCategory "Special")}}checked{{/if}}>
-                        <span class="checkmark"></span>
-                        Special
-                    </label>
-                </div>
-                {{!-- <select name="system.attackCategory">
-                    <option value="Physical" {{#if (eq system.attackCategory "Physical")}}selected{{/if}}>Physical</option>
-                    <option value="Special" {{#if (eq system.attackCategory "Special")}}selected{{/if}}>Special</option>
-                </select> --}}
+                <div class="charHex statHex"><span class="charHexHead">Sp. Attack</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.specialAttack" value="{{system.stats.specialAttack}}"></div>
             </div>
         </div>
+        <div class="row">
             <div class="row">
                 <div class="charHex statHex"><span class="charHexHead">Defense</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.defense" value="{{system.stats.defense}}"></div>
-            <div class="categorySelectBox">
-                <div class="row">
-                    <label class="container">
-                        <input class="radioButton" type="radio" name="system.defenseCategory" value="Physical"
-                                {{#if (equals system.defenseCategory "Physical")}}checked{{/if}}>
-                        <span class="checkmark"></span>
-                        Physical
-                    </label>
             </div>
             <div class="row">
-                    <label class="container">
-                        <input class="radioButton" type="radio" name="system.defenseCategory" value="Special"
-                                {{#if (equals system.defenseCategory "Special")}}checked{{/if}}>
-                        <span class="checkmark"></span>
-                        Special
-                    </label>
-                </div>
-                {{!-- <select name="system.defenseCategory">
-                    <option value="Physical" {{#if (eq system.defenseCategory "Physical")}}selected{{/if}}>Physical</option>
-                    <option value="Special" {{#if (eq system.defenseCategory "Special")}}selected{{/if}}>Special</option>
-                </select> --}}
+                <div class="charHex statHex"><span class="charHexHead">Sp. Defense</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.specialDefense" value="{{system.stats.specialDefense}}"></div>
             </div>
         </div>
+        <div class="row">
             <div class="row">
                 <div class="charHex statHex"><span class="charHexHead">Speed</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.speed" value="{{system.stats.speed}}"></div>
             </div>
@@ -57,6 +24,7 @@
                 <div class="charHex statHex"><span class="charHexHead">HP</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.hp" value="{{system.stats.hp}}"></div>
             </div>
         </div>
+    </div>
     <div class="defenseBox">
         <span class="header">Defenses</span>
 

templates/partials/character-sheet-inventory.hbs

@@ -1,2 +1,3 @@
 <div class="inventoryBox">
+    <textarea class="inputText inventory" type="text" name="system.inventory">{{system.inventory}}</textarea>
 </div>