mirror of
https://github.com/ikrpg/ikrpg.github.io.git
synced 2026-05-13 14:27:22 +00:00
780 lines
No EOL
36 KiB
HTML
780 lines
No EOL
36 KiB
HTML
---
|
|
layout: ikrpg
|
|
tags: [Character Cards]
|
|
---
|
|
|
|
<style>
|
|
form[id], form[id]:target ~ form#stats, form#import-export { display: none; }
|
|
form[id]:target, form#stats, form#import-export:target { display: block; }
|
|
|
|
div#pic { margin-top: 150px; width: 350px; height: 350px; overflow: hidden; }
|
|
div#pic > img { min-width: 350px; min-height: 500px; }
|
|
#portrait input.url { z-index: 1000; position: absolute; font-size: 1em; display: none; margin-top: 500px; width: 350px; }
|
|
#portrait input.top, #portrait input.left, #portrait input.width { display: none; }
|
|
|
|
#seed { display: block; width: 100%; max-height: 26px; overflow: none; }
|
|
|
|
@media print {
|
|
section.content div#pic { margin-top: -700px; margin-left: -500px; }
|
|
section.content form#stats { position: absolute; display: block; margin-top: -850px; margin-left: -500px; }
|
|
section.content form#skills { position: absolute; display: block; margin-top: -850px; margin-left: 250px; }
|
|
section.content form#abilities { position: absolute; display: block; margin-top: 150px; margin-left: -500px; }
|
|
section.content form#spells { position: absolute; display: block; margin-top: 150px; margin-left: 250px; }
|
|
section.content form#gear { position: absolute; display: block; margin-top: 1150px; margin-left: -500px; }
|
|
section.content form#notes { position: absolute; display: block; margin-top: 1150px; margin-left: 250px; }
|
|
html { zoom: 80%; }
|
|
textarea { resize: none; }
|
|
}
|
|
</style>
|
|
|
|
|
|
<p>
|
|
These <strong>character cards</strong> provide an alternative design for your IKRPG character sheets.
|
|
You may save character cards persistently in your client side database.
|
|
We will not have access to your characters.
|
|
Only you can access them and only in the browser you saved them in.
|
|
</p>
|
|
<p>
|
|
<strong>Beware:</strong> If you <strong>clear your browser cache</strong>, your character cards <strong>will be lost</strong>!
|
|
</p>
|
|
<p>
|
|
You can import/export character cards should you need them in a different browser, clear your browser cache or email them to a friend.
|
|
Exporting cards will give you a base64 representation of your character that you can copy.
|
|
Pasting the base64 string into the same field and importing the character will update the current character.
|
|
Have fun using our custom character sheets!
|
|
</p>
|
|
|
|
<h2 style="font-weight:300;margin:1em 0 2em 0;">
|
|
| <a href="javascript:saveHero();">Save</a> |
|
|
<a href="#import-export">Import/Export Character</a> |
|
|
</h2>
|
|
|
|
<form id="import-export">
|
|
<textarea id="seed"></textarea>
|
|
<button id="generate-seed">Export seed for current cards</button>
|
|
<button id="update-seed">Fill out cards using current seed</button>
|
|
</form>
|
|
|
|
<div style="text-align:center;">
|
|
<table id="characters" class="hero">
|
|
<thead>
|
|
<tr>
|
|
<th>Hero Name</th>
|
|
<th>Archetype</th>
|
|
<th>Race</th>
|
|
<th>Careers</th>
|
|
<th>Load</th>
|
|
<th>Delete</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<h2 style="margin-top:2em;font-weight:300;text-align:center;">
|
|
| <a href="#stats">Stats</a> |
|
|
<a href="#skills">Skills</a> |
|
|
<a href="#abilities">Abilities/Benefits</a> |
|
|
<a href="#spells">Spells</a> |
|
|
<a href="#gear">Gear</a> |
|
|
<a href="#notes">Notes</a> |
|
|
</h2>
|
|
|
|
<div class="sheet">
|
|
<div id="pic">
|
|
<img src="" />
|
|
</div>
|
|
<div id="portrait">
|
|
<input class="url" title="url" placeholder="portrait url" type="text" />
|
|
<input class="top" title="top" type="text" />
|
|
<input class="left" title="left" type="text" />
|
|
<input class="width" title="width" type="text" />
|
|
</div>
|
|
<form id="stats" class="card">
|
|
<input class="hero-name" title="Hero's Name" type="text" />
|
|
<input id="archetype" title="Archetype" type="text" />
|
|
<input id="race" title="Race" type="text" />
|
|
<input id="level" title="Level" type="text" />
|
|
<input id="careers" title="Careers" type="text" />
|
|
<div id="battle" class="stats">
|
|
<input id="ini" title="INI" type="text" />
|
|
<input id="spd" title="SPD" type="text" />
|
|
<input id="str" title="STR" type="text" />
|
|
<input id="cmd" title="CMD" type="text" />
|
|
<input id="def" title="DEF" type="text" />
|
|
<input id="arm" title="ARM" type="text" />
|
|
<input id="arc" title="ARC" type="text" />
|
|
</div>
|
|
<div class="weapons" id="r1m1"></div>
|
|
<div class="weapons" id="r2m1"></div>
|
|
<div class="weapons" id="r1m2"></div>
|
|
<div class="weapons" id="r2"></div>
|
|
<div class="weapons" id="m2"></div>
|
|
<div id="rat1" class="ranged">
|
|
<input class="name" type="text" />
|
|
<div class="stats">
|
|
<input class="rat" title="RAT" type="text" />
|
|
<input class="rng" title="RNG" type="text" />
|
|
<input class="aoe" title="AOE" type="text" />
|
|
<input class="pow" title="POW" type="text" />
|
|
</div>
|
|
</div>
|
|
<div id="rat2" class="ranged">
|
|
<input class="name" type="text" />
|
|
<div class="stats">
|
|
<input class="rat" title="RAT" type="text" />
|
|
<input class="rng" title="RNG" type="text" />
|
|
<input class="aoe" title="AOE" type="text" />
|
|
<input class="pow" title="POW" type="text" />
|
|
</div>
|
|
</div>
|
|
<div id="mat1" class="melee">
|
|
<input class="name" type="text" />
|
|
<div class="stats">
|
|
<input title="MAT" class="mat" type="text" />
|
|
<input title="POW" class="pow" type="text" />
|
|
<input title="PS" class="ps" type="text" />
|
|
</div>
|
|
</div>
|
|
<div id="mat2" class="melee">
|
|
<input class="name" type="text" />
|
|
<div class="stats">
|
|
<input title="MAT" class="mat" type="text" />
|
|
<input title="POW" class="pow" type="text" />
|
|
<input title="PS" class="ps" type="text" />
|
|
</div>
|
|
</div>
|
|
<div id="mat3" class="melee">
|
|
<input class="name" type="text" />
|
|
<div class="stats">
|
|
<input title="MAT" class="mat" type="text" />
|
|
<input title="POW" class="pow" type="text" />
|
|
<input title="PS" class="ps" type="text" />
|
|
</div>
|
|
</div>
|
|
<input id="feats" type="text" />
|
|
<a id="weapons-switch" href="#"> </a>
|
|
<div id="roleplay" class="stats">
|
|
<input id="phy" title="PHY" type="text" />
|
|
<input id="agl" title="AGL" type="text" />
|
|
<input id="prw" title="PRW" type="text" />
|
|
<input id="poi" title="POI" type="text" />
|
|
<input id="int" title="INI" type="text" />
|
|
<input id="per" title="PER" type="text" />
|
|
</div>
|
|
<div id="mod">
|
|
<input id="ini_mod" title="INI modificator" type="text" />
|
|
<input id="def_mod" title="DEF modificator" type="text" />
|
|
<input id="arm_mod" title="ARM modificator" type="text" />
|
|
<input id="cmd_mod" title="CMD modificator" type="text" />
|
|
</div>
|
|
<input title="WIL" id="wil" type="text" />
|
|
<input title="XP" id="xp" type="text" />
|
|
</form>
|
|
|
|
<form id="skills" class="card">
|
|
<input class="hero-name" title="Hero's Name" type="text" />
|
|
<div class="content">
|
|
<div id="s1" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s2" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s3" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s4" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s5" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s6" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s7" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s8" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s9" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s10" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s11" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s12" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s13" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s14" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s15" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s16" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s17" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s18" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s19" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s20" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
<div id="s21" class="skill">
|
|
<input type="text" title="Title" class="title" />
|
|
<input type="text" title="Stat" class="stat" />
|
|
<input type="text" title="Base" class="base" />
|
|
<input type="text" title="Level" class="lvl" />
|
|
<input type="text" title="Sum" class="sum" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form id="abilities" class="card">
|
|
<input class="hero-name" title="Hero's Name" type="text" />
|
|
<div class="content">
|
|
<div id="ability1" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability2" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability3" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability4" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability5" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability6" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability7" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability8" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability9" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability10" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability11" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
<div id="ability12" class="ability">
|
|
<input class="title" title="Ability" type="text" />
|
|
<textarea class="description" title="Description" rows="1"></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form id="spells" class="card">
|
|
<input class="hero-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>
|
|
|
|
<form id="gear" class="card">
|
|
<input class="hero-name" title="Hero's Name" type="text" />
|
|
<div class="content">
|
|
<div id="gear1" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear2" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear3" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear4" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear5" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear6" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear7" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear8" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear9" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear10" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear11" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear12" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear13" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear14" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear15" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear16" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear17" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear18" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear19" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear20" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear21" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear22" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
<div id="gear23" class="gear">
|
|
<input type="text" title="Gear" class="title" />
|
|
<input type="text" title="Benefit" class="benefit" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form id="notes" class="card">
|
|
<input class="hero-name" title="Hero's Name" type="text" />
|
|
<div class="content">
|
|
<div id="note1" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note2" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note3" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note4" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note5" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note6" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note7" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note8" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note9" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note10" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note11" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
<div id="note12" class="note">
|
|
<input class="title" title="Title" type="text" />
|
|
<textarea class="text" title="Text" rows="1"></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<form id="details" class="card">
|
|
<input class="hero-name" type="text" />
|
|
<div id="attributes">
|
|
<input id="playerName" type="text" />
|
|
<input id="careers" type="text" />
|
|
<input id="sex" type="text" />
|
|
<input id="archetype" type="text" />
|
|
<input id="race" type="text" />
|
|
<input id="definingCharacteristics" type="text" />
|
|
<input id="faith" type="text" />
|
|
<input id="weight" type="text" />
|
|
<input id="height" type="text" />
|
|
</div>
|
|
<div id="injuries">
|
|
<input id="injury1" type="text" />
|
|
<input id="injury2" type="text" />
|
|
<input id="injury3" type="text" />
|
|
</div>
|
|
<div id="beliefs">
|
|
<input id="belief1" type="text" />
|
|
<input id="belief2" type="text" />
|
|
<input id="belief3" type="text" />
|
|
</div>
|
|
<div id="connections">
|
|
<input id="connection1" type="text" />
|
|
<input id="connection2" type="text" />
|
|
<input id="connection3" type="text" />
|
|
<input id="connection4" type="text" />
|
|
</div>
|
|
<div id="languages">
|
|
<input id="language1" type="text" />
|
|
<input id="language2" type="text" />
|
|
<input id="language3" type="text" />
|
|
<input id="language4" type="text" />
|
|
<input id="language5" type="text" />
|
|
<input id="language6" type="text" />
|
|
<input id="language7" type="text" />
|
|
<input id="language8" type="text" />
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
|
|
<script type="text/javascript">
|
|
ikrpg.cards.init();
|
|
</script>
|
|
<script type="text/javascript">
|
|
var db2 = new PouchDB('characters.ikrpg');
|
|
|
|
var hero = ikrpg.cards.data;
|
|
|
|
listCharacters();
|
|
|
|
function saveHero() {
|
|
ikrpg.cards.updateData();
|
|
hero = ikrpg.cards.data;
|
|
|
|
var _id = hero["hero-name"].replace(/["']/g, "");
|
|
|
|
db2.get(_id, function(error, doc) {
|
|
if(error) {
|
|
doc = hero;
|
|
doc["_id"] = _id;
|
|
db2.put(doc);
|
|
} else {
|
|
hero["_id"] = doc["_id"];
|
|
hero["_rev"] = doc["_rev"];
|
|
db2.put(hero);
|
|
}
|
|
listCharacters();
|
|
});
|
|
}
|
|
|
|
function listCharacters() {
|
|
$("#characters > tbody").remove();
|
|
|
|
$("#characters").append("<tbody>");
|
|
|
|
db2.allDocs({include_docs: true}, function(error, results) {
|
|
var rows = results.rows;
|
|
|
|
$.each(rows, function(index, row) {
|
|
var character = row.doc;
|
|
|
|
function appendTr() {
|
|
$("#characters > tbody").append("<tr>");
|
|
}
|
|
|
|
function appendTd() {
|
|
$("#characters > tbody > tr:last-of-type").append("<td>");
|
|
}
|
|
|
|
function lastTd() {
|
|
return $("#characters > tbody > tr:last-of-type > td:last-of-type");
|
|
}
|
|
|
|
appendTr();
|
|
appendTd();
|
|
lastTd().text(character["hero-name"]);
|
|
appendTd();
|
|
lastTd().text(character["archetype"]);
|
|
appendTd();
|
|
lastTd().text(character["race"]);
|
|
appendTd();
|
|
lastTd().text(character["careers"]);
|
|
appendTd();
|
|
lastTd().html("<a href=\"javascript:showCharacter('"+character["_id"]+"')\">Load</a>");
|
|
appendTd();
|
|
lastTd().html("<a href=\"javascript:deleteCharacter('"+character["_id"]+"', '"+character["_rev"]+"')\"><strong>Delete</strong></a>");
|
|
});
|
|
});
|
|
}
|
|
|
|
function showCharacter(characterId) {
|
|
db2.get(characterId, function(error, character) {
|
|
if(!error) {
|
|
ikrpg.cards.data = character;
|
|
ikrpg.cards.init();
|
|
ikrpg.cards.switchWeapons();
|
|
ikrpg.cards.heroNameHack();
|
|
ikrpg.cards.setPortrait();
|
|
}
|
|
});
|
|
}
|
|
|
|
function deleteCharacter(characterId, characterRev) {
|
|
db2.remove(characterId, characterRev, function(error, code) {
|
|
listCharacters();
|
|
});
|
|
}
|
|
</script> |