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

94 lines
No EOL
3.5 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="notes" class="card">
<input id="name" type="text" />
<div class="content">
<div id="note1" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note2" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note3" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note4" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note5" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note6" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note7" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note8" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note9" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note10" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note11" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></textarea>
</div>
<div id="note12" class="note">
<input class="title" type="text" />
<textarea class="text" rows="1"></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",
"note1": { "title": "Permanent Injuries", "text": "None" },
"note2": { "title": "Spoken Languages", "text": "" },
"note3": { "title": "Religious Beliefs", "text": "" },
"note4": { "title": "Connections", "text": "None" },
"note5": { "title": "Gold", "text": "0 gc" },
"note6": { "title": "Note", "text": "Text" },
"note7": { "title": "", "text": "" },
"note8": { "title": "", "text": "" },
"note9": { "title": "", "text": "" },
"note10": { "title": "", "text": "" },
"note11": { "title": "", "text": "" },
"note12": { "title": "", "text": "" }
});
hero.bind();
</script>