mirror of
https://github.com/ikrpg/ikrpg.github.io.git
synced 2026-05-13 14:27:22 +00:00
155 lines
No EOL
8.6 KiB
HTML
155 lines
No EOL
8.6 KiB
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>
|
|
|
|
<h2>Usage</h2>
|
|
<ol>
|
|
<li><strong>Fill out</strong> the input fields of the character sheet.</li>
|
|
<li>Click the <strong>Save sheet to URL</strong> link below the sheet.</li>
|
|
<li><strong>Copy the URL</strong> and share it with your friends!</li>
|
|
</ol>
|
|
|
|
<div class="sheet">
|
|
<form id="spells" class="card">
|
|
<input id="name" title="Hero's Name" type="text" />
|
|
<div class="content">
|
|
<div id="spell1" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell2" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell3" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell4" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell5" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell6" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell7" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell8" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell9" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell10" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" class="description" ></textarea>
|
|
</div>
|
|
<div id="spell11" class="spell">
|
|
<input type="text" title="Spell" class="title" />
|
|
<input type="text" title="Cost" class="cost" />
|
|
<input type="text" title="RNG" class="rng" />
|
|
<input type="text" title="AOE" class="aoe" />
|
|
<input type="text" title="POW" class="pow" />
|
|
<input type="text" title="UP" class="up" />
|
|
<input type="text" title="OFF" class="off" />
|
|
<textarea rows="1" title="Description" 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> |