So I asked a while ago, but have since upgraded to a pro sub... doe anyone have a GI Joe sheet for essence 20 (answer still is no, just power ranger) I have a ton (none really) of coding experience so how hard could making a sheet be... lol So I remember Dos commands, and playing with HTML on myspace... I used chatgpt for free to help get me started and some Youtube videos... but I am totally lost. Is there a way to download the power ranger code and just modify it? I just want it to actually look like a roll20 sheet it doesn't need to be perfect but I can't even get it to give me columns let alone tabs I want to run an Essence 20 GI Joe game centered around the PCs being radicalized by cobra making big promises and then learning what they are really about after they have made friends and trained.... <div class="sheet-wrapper"> <!-- Character Info --> <div class="character-info"> <h1>G.I. Joe Character Sheet</h1> <label>Character Name: <input type="text" name="attr_character_name" /></label> <label>Codename: <input type="text" name="attr_codename" /></label> <label>Role: <input type="text" name="attr_role" /></label> <label>Origin: <input type="text" name="attr_origin" /></label> </div> <!-- Four Column Essence Grid --> <div class="essence-grid"> <!-- Strength Column --> <div class="essence-column"> <h2>Strength</h2> <label>Die Type: <select name="attr_strength_die"> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> </select> <button type="roll" value="/roll 1d@{strength_die}" name="roll_strength">Roll</button> </label> <div class="skills"> <label><input type="text" name="attr_strength_skill1" /></label> <label><input type="text" name="attr_strength_skill2" /></label> <label><input type="text" name="attr_strength_skill3" /></label> <label><input type="text" name="attr_strength_skill4" /></label> </div> </div> <!-- Speed Column --> <div class="essence-column"> <h2>Speed</h2> <label>Die Type: <select name="attr_speed_die"> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> </select> <button type="roll" value="/roll 1d@{speed_die}" name="roll_speed">Roll</button> </label> <div class="skills"> <label><input type="text" name="attr_speed_skill1" /></label> <label><input type="text" name="attr_speed_skill2" /></label> <label><input type="text" name="attr_speed_skill3" /></label> <label><input type="text" name="attr_speed_skill4" /></label> </div> </div> <!-- Smarts Column --> <div class="essence-column"> <h2>Smarts</h2> <label>Die Type: <select name="attr_smarts_die"> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> </select> <button type="roll" value="/roll 1d@{smarts_die}" name="roll_smarts">Roll</button> </label> <div class="skills"> <label><input type="text" name="attr_smarts_skill1" /></label> <label><input type="text" name="attr_smarts_skill2" /></label> <label><input type="text" name="attr_smarts_skill3" /></label> <label><input type="text" name="attr_smarts_skill4" /></label> </div> </div> <!-- Social Column --> <div class="essence-column"> <h2>Social</h2> <label>Die Type: <select name="attr_social_die"> <option value="2">d2</option> <option value="4">d4</option> <option value="6">d6</option> <option value="8">d8</option> <option value="10">d10</option> <option value="12">d12</option> </select> <button type="roll" value="/roll 1d@{social_die}" name="roll_social">Roll</button> </label> <div class="skills"> <label><input type="text" name="attr_social_skill1" /></label> <label><input type="text" name="attr_social_skill2" /></label> <label><input type="text" name="attr_social_skill3" /></label> <label><input type="text" name="attr_social_skill4" /></label> </div> </div> </div> <!-- Defense Block --> <div class="defense-block"> <h2>Defenses</h2> <label>Toughness: <input type="number" name="attr_toughness" /></label> <label>Evasion: <input type="number" name="attr_evasion" /></label> <label>Willpower: <input type="number" name="attr_willpower" /></label> <label>Health Points: <input type="number" name="attr_health_points" /></label> </div> <!-- Weapons Section --> <div class="equipment-block"> <h2>Weapons</h2> <fieldset class="repeating_weapons"> <label>Weapon Name: <input type="text" name="attr_weapon_name" /></label> <label>Damage: <input type="text" name="attr_weapon_damage" /></label> <label>Range: <input type="text" name="attr_weapon_range" /></label> <label>Special: <input type="text" name="attr_weapon_special" /></label> </fieldset> </div> <!-- Equipment Section --> <div class="equipment-block"> <h2>Equipment</h2> <fieldset class="repeating_equipment"> <label>Item: <input type="text" name="attr_equipment_item" /></label> </fieldset> </div> <!-- Perks Section --> <div class="equipment-block"> <h2>Perks</h2> <fieldset class="repeating_perks"> <label>Perk: <input type="text" name="attr_perk" /></label> </fieldset> </div> <!-- Flaws Section --> <div class="equipment-block"> <h2>Flaws</h2> <fieldset class="repeating_flaws"> <label>Flaw: <input type="text" name="attr_flaw" /></label> </fieldset> </div> </div> <style> .sheet-wrapper { font-family: Arial, sans-serif; padding: 20px; } .character-info label { display: block; margin-bottom: 5px; } .essence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 20px; } .essence-column { background: #f0f0f0; padding: 10px; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.1); } .skills label, .essence-column label, .defense-block label, .equipment-block label { display: block; margin-bottom: 8px; } input[type="text"], input[type="number"], select, textarea { width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 4px; } h2 { border-bottom: 2px solid #333; padding-bottom: 5px; margin-bottom: 10px; } .defense-block, .equipment-block { margin-top: 30px; background: #f0f0f0; padding: 10px; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.1); } </style>
