ikrpg.github.io/_posts/Character-Sheet/0000-01-01-Spells.html

---
layout: ikrpg
tags: [Character Sheet, None, None]
categories: [ Character-Sheet ]
---

<p>
    <a href="/portal/Character-Sheet">Back to the Character Sheet main page</a>.
</p>

<div class="sheet">
    <form id="spells" class="card">
        <input id="name" type="text" />
        <div class="content">
            <div id="spell1" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell2" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell3" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell4" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell5" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell6" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell7" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell8" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell9" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell10" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
            <div id="spell11" class="spell">
                <input type="text" class="title" />
                <input type="text" class="cost" />
                <input type="text" class="rng" />
                <input type="text" class="aoe" />
                <input type="text" class="pow" />
                <input type="text" class="up" />
                <input type="text" class="off" />
                <textarea rows="1" class="description"></textarea>
            </div>
        </div>
    </form>
</div>
<p>
    <a href="javascript:hero.url();">Save sheet to URL</a>
</p>
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
<script type="text/javascript">
    var hero = new Heroic({
        "name": "Hero's name",
        "spell1": { "title": "Spell 1", "cost": 0, "rng": 0, "aoe": "-", "pow": 0, "up": "NO", "off": "YES", "description": "Spell 1 description" },
        "spell2": { "title": "Spell 2", "cost": 0, "rng": 0, "aoe": "-", "pow": 0, "up": "NO", "off": "YES", "description": "Spell 2 description" },
        "spell3": { "title": "...", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "..." },
        "spell4": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell5": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell6": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell7": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell8": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell9": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell10": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
        "spell11": { "title": "", "cost": "", "rng": "", "aoe": "", "pow": "", "up": "", "off": "", "description": "" },
    });
    hero.bind();
</script>