Nemesis Sheet v1 - initial add (#4687)

* Start of Nemesis sheet

* add Nemesis

* details row in progress

* Saving progress

* Skills update

* using inline-block

* Version 1 of Nemesis

* Removed approved changes

* added inputs for stats and tweaked css
This commit is contained in:
Cassie Levett
2019-02-11 18:00:33 -06:00
committed by GitHub
parent e2f85fc33f
commit 881ec0f57c
4 changed files with 1226 additions and 0 deletions
+656
View File
@@ -0,0 +1,656 @@
/**********************************************************************************************************/
/*************************** GLOBAL SETTINGS ***************************/
/********************************************************************************************************/
* {
box-sizing: border-box;
font-family: sans-serif;}
button {
background-color: transparent;
background-image: none;
border-color: transparent;
border: none;
box-shadow: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
text-shadow: none;}
button:before {display: none;}
button:hover {background-color: transparent;}
button[type="roll"],
button[type="action"] {
font-size: 1em;
margin: 0px;
padding: 0px;}
button[type="action"]:hover {
color: #fff;
text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715;}
div {
background-color: transparent;}
fieldset {
background: transparent;}
h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
width: fit-content;}
input[type="text"],
input[type="number"] {
background-color: transparent;
border : none;
border-bottom: 1px solid black;
border-radius: 0px;}
input[type="text"]:hover,
input[type="number"]:hover,
input[type="text"]:focus,
input[type="number"]:focus {
color: white;
background: #929082;
padding-bottom: 1px;
outline: #39201e;}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + span,
input[type="radio"] + span {
position: relative;}
label {
display: inline-block;
margin : 0px;
padding: 0px; }
span {
word-break: break-word;}
textarea {
border-bottom : 1px dotted #FCD116;
font-size : 12px;
font-weight : normal;
height : 100px;
line-height : 18px;
min-height : 50px;
overflow : hidden;
overflow-wrap : break-word;
padding : 2px;
resize : vertical;
text-align : left;
vertical-align: top;
white-space : pre-line;
width : 95%;}
.charsheet {
width: 850px;}
.sheet-container {
margin-left: -2%;
width : 100%;}
.sheet-container div {
box-sizing : border-box;
vertical-align: top;}
.sheet-pc {
border : 2px solid black;
padding: 1%;
width : 100%;}
/**********************************************************************************************************/
/*************************** TAB ***************************/
/********************************************************************************************************/
div.sheet-tabs {
display : inline-block;
width : 100%;}
div.sheet-tabs button {
margin: 0px 2%;
padding: 5%;
width : fit-content;}
div.sheet-tabs div {
display: inline-block;}
div.sheet-tabs div:nth-of-type(1) {
margin-right: 2em;
width: 20%;}
div.sheet-tabs div:nth-of-type(2) {
margin-right: 2em;
width: 25%;}
div.sheet-tabs div:nth-of-type(3) {
padding: 1%;
width: 16%;}
div.sheet-tabs h1 {
color: #39201e;
text-shadow:
3px 3px 0 #ba2c2c,
-1px -1px 0 #ba2c2c,
1px -1px 0 #ba2c2c,
-1px 1px 0 #ba2c2c,
1px 1px 0 #ba2c2c;}
div.sheet-tabs h2 {
font-size: 0.8em;}
input.sheet-whisper-toggle + button {
font-family: "pictos";}
/**********************************************************************************************************/
/*************************** PC ***************************/
/********************************************************************************************************/
div.sheet-info-row {
display : inline-block;
width : 100%;}
div.sheet-flexcol {
display: inline-block;
width: 49%;}
div.sheet-info-row div.sheet-flexcol div {
padding: 1% 0px;}
/* INPUTS WITH ALL THE PLAYER AND CHARACTER DETAILS */
/* DATE */
div.sheet-details div:nth-of-type(1) input:nth-of-type(2) {
width: 30%;}
/* SEX, HAIR, EYES.... */
div.sheet-details div:nth-of-type(2) input {
width: 20%;}
/* DOB/OCCUPATION/NATIONALITY */
div.sheet-details div:nth-of-type(3) input {
width: 75%;}
div.sheet-details div:nth-of-type(3) input:nth-of-type(1n+2) {
width: 78%;}
/* AUTHORIZED */
div.sheet-details div:nth-of-type(5) input {
width: 95%;}
/* ID NO */
div.sheet-details div:nth-of-type(6) input {
width: 85%;}
div.sheet-details input[type="text"]:nth-of-type(1n+9) {
margin-bottom: 2%;
width : 100%;}
div.sheet-details label {
font-size : 0.8em;
text-transform: uppercase;
font-weight : normal;
margin-right : 3%;
width : fit-content;}
/* INPUTS FOR TRACKING DAMAGE? */
div.sheet-wounds button[type="action"] {
font-family : fantasy;
font-weight : bold;
text-align : left;
text-transform: capitalize;
width : 25%;}
div.sheet-wounds input[type="radio"] {
cursor : pointer;
height : 20px;
left : 11px;
margin : -10px;
opacity : 0;
position: relative;
top : -5px;
width : 20px;
z-index : 1;}
/* STAST section */
div.sheet-stats {
vertical-align: middle;
text-align: center;}
div.sheet-stats label {
font-size: 0.85em;
font-weight: normal;
width: fit-content;}
div.sheet-stats input[type="number"] {
background : radial-gradient(#f6f6f6, #dfdfdf);
border : 1px solid #ba2c2c;
border-radius: 50%;
display : inline-block;
height : 25px;
text-align : center;
width : 25px;}
div.sheet-stats input[type="number"]:hover,
div.sheet-stats input[type="number"]:focus {
background: #929082;}
/* Fake radio */
div.sheet-wounds input[type="radio"] + span::before,
div.sheet-meters input[type="radio"] + span::before {
background : #333;
border : solid 1px #a8a8a8;
border-radius : 50%;
box-shadow : 0 0 2px #ccc;
content : "";
display : inline-block;
height : 18px;
margin-right : 1%;
width : 18px;}
div.sheet-meters input[type="radio"] + span::before {
border-radius: 2%;
box-shadow : 0 0 2px #658160;
height : 10px;
margin-right : 0px;
width : 10px;}
div.sheet-meters input[type="radio"].sheet-failed + span::before {
background : #ba2c2c;
border-color: #ba2c2c;}
div.sheet-meters input[type="radio"].sheet-hardened + span::before {
background : #658160;
border-color: #658160;}
/* Remove dot from all radios _after_ selected one */
div.sheet-wounds input[type="radio"]:checked ~ input[type="radio"] + span::before,
div.sheet-wounds input[type="hidden"][value="0"] ~ span::before,
div.sheet-meters input[type="radio"]:checked ~ input[type="radio"] + span::before,
div.sheet-meters input[type="hidden"][value="0"] ~ span::before {
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);}
/* meters SECTION */
div.sheet-meters button[type="action"] {
font-size: 1em;
width: 100%;}
div.sheet-meters div.sheet-statcol {
display: inline-block;
width : 38%;}
div.sheet-meters div.sheet-statcol:nth-of-type(2) {
width: 20%;}
div.sheet-meters button[type="action"]:hover {
color: #fff;
text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #658160;}
div.sheet-meters label,
div.sheet-meters button[type="action"] {
color : #658160;
text-align : center;
text-transform: capitalize;}
div.sheet-meters div.sheet-statcol label {
margin: auto 2%;
width: 100%;}
div.sheet-meters input[type="number"] {
border : 1px solid #ba2c2c;
box-shadow: 0 0 10px #658160 inset;
height : 22px;
margin : 2% 20%;
text-align: center;}
/* Fake radio squares for STASTS */
div.sheet-meters input[type="radio"] {
cursor : pointer;
height : 12px;
left : 6px;
margin : 0px -6px;
opacity: 0;
top : -3px;
width : 12px;
z-index: 1;}
/* EVERY LABEL AFTER PIPS */
div.sheet-details label:nth-of-type(1n+9) {
width: fit-content;}
div.sheet-notes-col {
margin-right: 1%;}
/* WEAPONS */
div.sheet-weapons h2 {
display: inline-block;
font-size: 1.8em;
width: 25%;}
div.sheet-weapons label {
font-size : 0.8em;
text-align: center;
width : 11%;}
div.sheet-weapons label:nth-of-type(1) {
width: 29%;}
div.sheet-weapons label:nth-of-type(4),
div.sheet-weapons label:nth-of-type(5) {
width: 9%;}
div.sheet-weapons input[type="text"] {
width: 8%;}
div.sheet-weapons input[type="text"]:nth-of-type(1) {
width: 25%;}
div.sheet-weapons input[type="text"]:nth-of-type(3),
div.sheet-weapons input[type="text"]:nth-of-type(5),
div.sheet-weapons input[type="text"]:nth-of-type(6) {
width: 12%;}
/* SKILLS */
div.sheet-skills-col {
display: inline-block;
width: 48%;}
div.sheet-skills-col:nth-of-type(1) {
margin-right: 3%;}
div.sheet-skills-col h3 {
margin-bottom: 5px;}
div.sheet-skills-col h4 {
border-right : 1px solid #333;
color : #7b1915;
display : inline-block;
margin-bottom : 2%;
text-orientation: mixed;
width : 5%;
writing-mode : vertical-rl;}
/* BODY HEADER */
div.sheet-skills-col:nth-of-type(1) h4:nth-of-type(1) {
height: 250px;}
/* COORDINATION HEADER */
div.sheet-skills-col:nth-of-type(1) h4:nth-of-type(2) {
height: 360px;}
/* SENSE HEADER */
div.sheet-skills-col:nth-of-type(1) h4:nth-of-type(3) {
height: 150px;}
/* MIND HEADER */
div.sheet-skills-col:nth-of-type(2) h4:nth-of-type(1) {
height: 500px;}
/* COMMAND & EMPATHY HEADER */
div.sheet-skills-col:nth-of-type(2) h4:nth-of-type(2),
div.sheet-skills-col:nth-of-type(2) h4:nth-of-type(3) {
height: 150px;}
div.sheet-skills-col label {
width: 83%;
margin-right: 2%;
font-size: 0.9em;
text-transform: capitalize;}
div.sheet-skill-col {
display: inline-block;
margin-bottom: 5%;
width: 90%;}
div.sheet-skill-col div {
padding: 1% 0px;}
div.sheet-skill-col input[type="number"] {
height: 20px;
text-align: center;
width: 2em;}
div.sheet-skill-col input[type="text"] {
height: 20px;
width: 3em;}
/* CUSTOMIZE LABELS FOR SKILLS WITH TEXT INPTUS */
div.sheet-skill-mar label {
width: 40%;}
div.sheet-skill-mar input[type="text"] {
width: 38.9%;}
div.sheet-skill-mel label {
width: 47%;}
div.sheet-skill-mel input[type="text"] {
width: 31.9%;}
div.sheet-skill-dri label {
width: 25%;}
div.sheet-skill-dri input[type="text"] {
width: 53.9%;}
div.sheet-skill-fire label {
width: 30%;}
div.sheet-skill-fire input[type="text"] {
width: 48.9%;}
div.sheet-skill-pil label {
width: 20%;}
div.sheet-skill-pil input[type="text"]{
width: 58.9%;}
div.sheet-skill-sail label {
width: 15%;}
div.sheet-skill-sail input[type="text"] {
width: 63.9%}
div.sheet-skill-cust input[type="text"] {
width: 82.9%;}
div.sheet-skill-lan label {
width: 35%;}
div.sheet-skill-lan input[type="text"] {
width: 43.9%;}
div.sheet-skill-mech label {
width: 33%;}
div.sheet-skill-mech input[type="text"] {
width: 45.9%;}
div.sheet-skill-perf label {
width: 42%;}
div.sheet-skill-perf input[type="text"] {
width: 36.9%;}
/**********************************************************************************************************/
/*************************** NPC ***************************/
/********************************************************************************************************/
div.sheet-npc {
border : 1px solid black;
padding: 1%;
width : 65%;}
div.sheet-npc div {
padding: 1% 0px;}
div.sheet-npc input[type="text"][name*="character"] {
font-size : 2em;
margin-bottom: 2%;
text-align : left;
width : 100%;}
div.sheet-npc label {
margin-right : 5%;
text-transform: capitalize;
width : 50%;}
div.sheet-npc input[type="text"] {
text-align: center;
width: 8em;}
div.sheet-npc-stat-block {
width: 80%;}
div.sheet-npc-body-details div {
margin-left: 5%;}
div.sheet-npc-body-details label {
margin-right: 5%;
width : 65%;}
div.sheet-npc-extras input[type="text"] {
font-weight: bolder;
text-align: left;
width : 100%;}
/**********************************************************************************************************/
/*************************** HIDE & SHOW THINGS ***************************/
/********************************************************************************************************/
div.sheet-pc,
div.sheet-npc {
display: none;}
input.sheet-type[value="pc"] ~ .sheet-pc,
input.sheet-type[value="npc"] ~ .sheet-npc {
display : block;}
/**********************************************************************************************************/
/*************************** HIGHLIGHT BUTTONS ***************************/
/********************************************************************************************************/
input.sheet-whisper-toggle[value*="gm"] + button[name*="whisper"],
input.sheet-type[value="pc"] ~ div.sheet-tabs button[name*="pc"],
input.sheet-type[value="npc"] ~ div.sheet-tabs button[name*="npc"] {
color : #fff;
background-color: #7b1915;
box-shadow : inset 0px 0px 3px 1px #e31715;}
/**********************************************************************************************************/
/*************************** FOOTER ***************************/
/********************************************************************************************************/
.sheet-footer {
border: none;
font-size: 0.55em;
line-height: 15px;
margin-top: 15px;
text-align: left;
width: 700px;}
/**********************************************************************************************************/
/*************************** REPEATING SECTIONS *********************/
/********************************************************************************************************/
.repcontainer {}
/* This will make the Add & Modify words transparent so that only our symbols below show up */
.repcontrol .btn {
color: transparent;}
/* This will put icons next to the buttons. A `+` for Add and a lock for edit */
.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
color : #111518;
font-family : pictos;
font-size : 2.5em;}
.repcontrol .repcontrol_edit:after {
content: '(';}
.repcontrol .repcontrol_add:after {
content: '&';}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: ')';}
/* These are the buttons that appear after the repcontrol_edit is clicked*/
.itemcontrol {
z-index: 10;}
.itemcontrol .repcontrol_del,
.itemcontrol .repcontrol_move {
font-size: 18px;
margin-top: 0px;
padding: 0px;
width: 15px;}
.itemcontrol .repcontrol_del {
background-color: darkred;
font-family: pictos;}
/**********************************************************************************************************/
/*************************** ROLL TEMPLATE *********************/
/********************************************************************************************************/
.sheet-rolltemplate-rolls {
}
.sheet-rolltemplate-rolls .sheet-template-body {
border : 1px solid #000;
text-align: center;}
.sheet-rolltemplate-rolls .sheet-template-header {
background-color: white;
border : 1px solid #000;
border-bottom : 2px solid #000;
color : black;
font-size : 20px;
font-variant : small-caps;
letter-spacing : 2px;
padding : 4px 0px 3px 0px;
text-align : center;
text-transform : capitalize;}
.sheet-rolltemplate-rolls .sheet-template-row {
background-color: #555;
}
/* Use this to alternate the background colors for each row */
.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
background-color: #1c1c1c;
}
/* Remove some fo the built in styles around rolls */
.sheet-rolltemplate-rolls .inlinerollresult {
background-color: transparent;
border : none;
color : black;
display :inline-block;
font-size : 25px;
padding : 5px;
}
.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls.inlinerollresult.importantroll {
border: none;
}
/* Change the colors of Full Fails & Full Crits from their built in defaults */
.sheet-rolltemplate-rolls .inlinerollresult.fullfail {
color: white;
}
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit {
color: white;
}
/**********************************************************************************************************/
/*************************** FIREFOX ***************************/
/********************************************************************************************************/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;}
input[type=number] {
-moz-appearance:textfield;}
+562
View File
@@ -0,0 +1,562 @@
<div class="container">
<!--*********************************************************************************************************-->
<!--*************************** Top Level Navigation ***************************-->
<!--*********************************************************************************************************-->
<input class="type" name="attr_sheet_type" type="hidden" value="pc">
<div class="tabs">
<div>
<h1>NEMESIS</h1>
</div>
<div>
<h2>Role Playing in World of Horrors</h2>
</div>
<div>
<!-- Buttong to toggle on GM whisper -->
<!--<input class="whisper-toggle" type="hidden" name="attr_gm_toggle" value=" " /><button type="action" name="act_whisper">q</button>-->
<!-- Buttons to change page view -->
<button type="action" name="act_sheet_toggle_pc">PC</button>
<button type="action" name="act_sheet_toggle_npc">NPC</button>
</div>
</div>
<!--*********************************************************************************************************-->
<!--*************************** PC SHEET ***************************-->
<!--*********************************************************************************************************-->
<div class="pc">
<!--<button type="roll" value="@{gm_toggle} &{template:rolls}{{header=Title}}{{dice=[[1d20]]}}{{desc=Some Text}}">A Button</button>-->
<!-- <input name="" title="" type="text" value="" />-->
<div class="info-row">
<div class="flexcol details">
<div>
<label>X</label><input name="attr_character_name" title="@{character_name}" type="text" value="" />
<label>date</label><input name="attr_date" title="@{date}" type="text" value="" />
</div>
<div>
<label>sex</label><input name="attr_sex" title="@{sex}" type="text" value="" />
<label>hair</label><input name="attr_hair" title="@{hair}" type="text" value="" />
<label>eyes</label><input name="attr_eyes" title="@{eyes}" type="text" value="" />
<label>height</label><input name="attr_height" title="@{height}" type="text" value="" />
<label>weight</label><input name="attr_weight" title="@{weight}" type="text" value="" />
<label>pips</label><input name="attr_pips" title="@{pips}" type="text" value="" />
</div>
<div>
<label>date of birth</label><input name="attr_dob" title="@{dob}" type="text" value="" /><br />
<label>occupation</label><input name="attr_occupation" title="@{occupation}" type="text" value="" /><br />
<label>nationality</label><input name="attr_nationality" title="@{nationality}" type="text" value="" />
</div>
<div>
<label>must wear corrective lenses</label><input name="attr_lenses" title="@{lenses}" type="checkbox". value="" /><br />
<label>education</label><textarea name="attr_education" placeholder="Education"></textarea>
</div>
<div>
<label>authorized narrator signature</label><input name="attr_signature" title="@{signature}" type="text"value="" />
</div>
<div>
<label>id no.</label><input name="attr_id" title="@{id}" type="text" value="" />
</div>
</div>
<div class="flexcol wound-box">
<div class="wounds">
<div>
<button name="act_reset_wound_head" type="action">head (10)</button>
<input name="attr_wound_head" type="hidden" value="0" />
<input name="attr_wound_head" title="@{wound_head}" type="radio" value="1" /><span></span>
<input name="attr_wound_head" title="@{wound_head}" type="radio" value="2" /><span></span>
<input name="attr_wound_head" title="@{wound_head}" type="radio" value="3" /><span></span>
<input name="attr_wound_head" title="@{wound_head}" type="radio" value="4" /><span></span>
</div>
<div>
<button name="act_reset_wound_body" type="action">body (7-9)</button>
<input name="attr_wound_body" type="hidden" value="0" />
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="1" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="2" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="3" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="4" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="5" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="6" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="7" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="8" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="9" /><span></span>
<input name="attr_wound_body" title="@{wound_body}" type="radio" value="10" /><span></span>
</div>
<div>
<button name="act_reset_wound_right_arm" type="action">right arm (5-6)</button>
<input name="attr_wound_right_arm" type="hidden" value="0" />
<input name="attr_wound_right_arm" title="@{wound_right_arm}" type="radio" value="1" /><span></span>
<input name="attr_wound_right_arm" title="@{wound_right_arm}" type="radio" value="2" /><span></span>
<input name="attr_wound_right_arm" title="@{wound_right_arm}" type="radio" value="3" /><span></span>
<input name="attr_wound_right_arm" title="@{wound_right_arm}" type="radio" value="4" /><span></span>
<input name="attr_wound_right_arm" title="@{wound_right_arm}" type="radio" value="5" /><span></span>
</div>
<div>
<button name="act_reset_wound_left_arm" type="action">left arm (3-4)</button>
<input name="attr_wound_left_arm" type="hidden" value="0" />
<input name="attr_wound_left_arm" title="@{wound_left_arm}" type="radio" value="1" /><span></span>
<input name="attr_wound_left_arm" title="@{wound_left_arm}" type="radio" value="2" /><span></span>
<input name="attr_wound_left_arm" title="@{wound_left_arm}" type="radio" value="3" /><span></span>
<input name="attr_wound_left_arm" title="@{wound_left_arm}" type="radio" value="4" /><span></span>
<input name="attr_wound_left_arm" title="@{wound_left_arm}" type="radio" value="5" /><span></span>
</div>
<div>
<button name="act_reset_wound_legs" type="action">legs (2)</button>
<input name="attr_wound_legs" type="hidden" value="0" />
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="1" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="2" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="3" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="4" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="5" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="6" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="7" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="8" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="9" /><span></span>
<input name="attr_wound_legs" title="@{wound_legs}" type="radio" value="10" /><span></span>
</div>
</div>
<div class="stats">
<input name="attr_body" placeholder="0" title="" type="number" value="0" /><label>Body</label>
<input name="attr_coordination" placeholder="0" title="" type="number" value="0" /><label>Coordination</label>
<input name="attr_sense" placeholder="0" title="" type="number" value="0" /><label>Sense</label>
<input name="attr_mind" placeholder="0" title="" type="number" value="0" /><label>Mind</label>
<input name="attr_command" placeholder="0" title="" type="number" value="0" /><label>Command</label>
<input name="attr_empathy" placeholder="0" title="" type="number" value="0" /><label>Empathy</label>
</div>
<div class="meters">
<div>
<div class="statcol">
<button type="action" name="act_reset_failed_violance">failed</button>
<input name="attr_failed_violance" type="hidden" value="0" />
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="1" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="2" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="3" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="4" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="5" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="6" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="7" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="8" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="9" /><span></span>
<input class="failed" name="attr_failed_violance" title="@{failed_violance}" type="radio" value="10" /><span></span>
</div>
<div class="statcol">
<label>violence</label>
<input name="attr_violance" title="" type="number" value="" />
</div>
<div class="statcol">
<button type="action" name="act_reset_hardened_violance">hardened</button>
<input name="attr_hardened_violance" type="hidden" value="0" />
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="1" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="2" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="3" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="4" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="5" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="6" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="7" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="8" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="9" /><span></span>
<input class="hardened" name="attr_hardened_violance" title="@{hardened_violance}" type="radio" value="10" /><span></span>
</div>
</div>
<div>
<div class="statcol">
<button type="action" name="act_reset_failed_unnatural">failed</button>
<input name="attr_failed_unnatural" type="hidden" value="0" />
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="1" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="2" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="3" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="4" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="5" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="6" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="7" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="8" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="9" /><span></span>
<input class="failed" name="attr_failed_unnatural" title="@{failed_unnatural}" type="radio" value="10" /><span></span>
</div>
<div class="statcol">
<label>the unnatural</label>
<input name="attr_unnatural" title="" type="number" value="" />
</div>
<div class="statcol">
<button type="action" name="act_reset_hardened_unnatural">hardened</button>
<input name="attr_hardened_unnatural" type="hidden" value="0" />
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="1" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="2" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="3" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="4" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="5" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="6" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="7" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="8" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="9" /><span></span>
<input class="hardened" name="attr_hardened_unnatural" title="@{hardened_unnatural}" type="radio" value="10" /><span></span>
</div>
</div>
<div>
<div class="statcol">
<button type="action" name="act_reset_failed_self">failed</button>
<input name="attr_failed_self" type="hidden" value="0" />
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="1" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="2" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="3" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="4" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="5" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="6" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="7" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="8" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="9" /><span></span>
<input class="failed" name="attr_failed_self" title="@{failed_self}" type="radio" value="10" /><span></span>
</div>
<div class="statcol">
<label>self</label>
<input name="attr_self" title="" type="number" value="" />
</div>
<div class="statcol">
<button type="action" name="act_reset_hardened_self">hardened</button>
<input name="attr_hardened_self" type="hidden" value="0" />
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="1" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="2" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="3" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="4" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="5" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="6" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="7" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="8" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="9" /><span></span>
<input class="hardened" name="attr_hardened_self" title="@{hardened_self}" type="radio" value="10" /><span></span>
</div>
</div>
<div>
<div class="statcol">
<button type="action" name="act_reset_failed_helplessness">failed</button>
<input name="attr_failed_helplessness" type="hidden" value="0" />
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="1" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="2" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="3" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="4" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="5" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="6" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="7" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="8" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="9" /><span></span>
<input class="failed" name="attr_failed_helplessness" title="@{failed_helplessness}" type="radio" value="10" /><span></span>
</div>
<div class="statcol">
<label>helplessness</label>
<input name="attr_helplessness" title="" type="number" value="" />
</div>
<div class="statcol">
<button type="action" name="act_reset_hardened_helplessness">hardened</button>
<input name="attr_hardened_helplessness" type="hidden" value="0" />
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="1" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="2" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="3" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="4" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="5" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="6" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="7" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="8" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="9" /><span></span>
<input class="hardened" name="attr_hardened_helplessness" title="@{hardened_helplessness}" type="radio" value="10" /><span></span>
</div>
</div>
</div>
</div>
<div class="flexcol notes-col">
<div class="flexrow">
<h2>Traits</h2>
<textarea></textarea>
</div>
<div class="flexrow">
<h2>Disorders</h2>
<textarea></textarea>
</div>
<div class="flexrow weapons">
<div>
<h2>Weapons</h2>
<label>Spray/Penetration/Area</label>
<label>Capacity</label>
<label>Damage</label>
<label>Range Close</label>
<label>Max</label>
</div>
<fieldset class="repeating_weapons">
<input name="attr_name" type="text" value="" />
<input name="attr_spray" type="text" value="" />
<input name="attr_penetration" type="text" value="" />
<input name="attr_area" type="text" value="" />
<input name="attr_capacity" type="text" value="" />
<input name="attr_damage" type="text" value="" />
<input name="attr_range_close" type="text" value="" />
<input name="attr_range_max" type="text" value="" />
</fieldset>
</div>
<div class="flexrow">
<h2>Possessions</h2>
<textarea></textarea>
</div>
</div>
<div class="flexcol">
<h3>Skills</h3>
<div class="skills-col">
<h4>Body</h4>
<div class="skill-col">
<div><label>athletics</label><input name="attr_athletics" type="number" value="" /></div>
<div><label>brawling</label><input name="attr_brawling" type="number" value="" /></div>
<div><label>endurance</label><input name="attr_endurance" type="number" value="" /></div>
<div><label>health</label><input name="attr_health" type="number" value="" /></div>
<div class="skill-mar">
<label>martial arts</label>
<input name="attr_martial_arts_name" type="text" value="" />
<input name="attr_martial_arts" type="number" value="" />
</div>
<div class="skill-mel">
<label>melee weapon</label>
<input name="attr_melee_weapon_name_1" type="text" value="" />
<input name="attr_melee_weapon_1" type="number" value="" />
</div>
<div class="skill-mel">
<label>melee weapon</label>
<input name="attr_melee_weapon_name_2" type="text" value="" />
<input name="attr_melee_weapon_2" type="number" value="" />
</div>
<div><label>running</label><input name="attr_running" type="number" value="" /></div>
<div><label>swimming</label><input name="attr_swimming" type="number" value="" /></div>
<div><label>wrestling</label><input name="attr_wrestling" type="number" value="" /></div>
</div>
<h4>Coordination</h4>
<div class="skill-col">
<div><label>acrobatics</label><input name="attr_acrobatics" type="number" value="" /></div>
<div><label>archery</label><input name="attr_archery" type="number" value="" /></div>
<div><label>catch</label><input name="attr_catch" type="number" value="" /></div>
<div><label>climbing</label><input name="attr_climbing" type="number" value="" /></div>
<div><label>dodge</label><input name="attr_dodge" type="number" value="" /></div>
<div class="skill-dri">
<label>driving</label>
<input name="attr_driving_name" type="text" value="" />
<input name="attr_driving" type="number" value="" />
</div>
<div><label>escape artist</label><input name="attr_escape_artist" type="number" value="" /></div>
<div class="skill-fire">
<label>firearms</label>
<input name="attr_firearms_name_1" type="text" value="" />
<input name="attr_firearms_1" type="number" value="" />
</div>
<div class="skill-fire">
<label>firearms</label>
<input name="attr_firearms_name_2" type="text" value="" />
<input name="attr_firearms_2" type="number" value="" />
</div>
<div><label>lockpick</label><input name="attr_lockpick" type="number" value="" /></div>
<div class="skill-pil">
<label>pilot</label>
<input name="attr_pilor_name" type="text" value="" />
<input name="attr_pilot" type="number" value="" />
</div>
<div><label>pick pocket</label><input name="attr_pick_pocket" type="number" value="" /></div>
<div class="skill-sail">
<label>sail</label>
<input name="attr_sail_name" type="text" value="" />
<input name="attr_sail" type="number" value="" />
</div>
<div><label>stealth</label><input name="attr_stealth" type="number" value="" /></div>
<div><label>throw</label><input name="attr_throw" type="number" value="" /></div>
</div>
<h4>Sense</h4>
<div class="skill-col">
<div><label>hearing</label><input name="attr_hearing" type="number" value="" /></div>
<div><label>sight</label><input name="attr_sight" type="number" value="" /></div>
<div><label>smell</label><input name="attr_smell" type="number" value="" /></div>
<div><label>taste</label><input name="attr_taste" type="number" value="" /></div>
<div><label>touch</label><input name="attr_touch" type="number" value="" /></div>
<div><label>search</label><input name="attr_search" type="number" value="" /></div>
</div>
<h4></h4>
<div class="skill-col">
<div class="skill-cust">
<input name="attr_custom_skill_name_1" type="text" value="" />
<input name="attr_custom_skill_1" type="number" value="" />
</div>
<div class="skill-cust">
<input name="attr_custom_skill_name_2" type="text" value="" />
<input name="attr_custom_skill_2" type="number" value="" />
</div>
<div class="skill-cust">
<input name="attr_custom_skill_name_3" type="text" value="" />
<input name="attr_custom_skill_3" type="number" value="" />
</div>
</div>
</div>
<div class="skills-col">
<h4>Mind</h4>
<div class="skill-col">
<div><label>archaeology</label><input name="attr_archaeology" type="number" value="" /></div>
<div><label>anthropology</label><input name="attr_anthropology" type="number" value="" /></div>
<div><label>computer hardware</label><input name="attr_computer_hardware" type="number" value="" /></div>
<div><label>computer programming</label><input name="attr_computer_programming" type="number" value="" /></div>
<div><label>cryptology</label><input name="attr_cryptology" type="number" value="" /></div>
<div><label>education</label><input name="attr_education" type="number" value="" /></div>
<div><label>electronics</label><input name="attr_electronics" type="number" value="" /></div>
<div><label>first aid</label><input name="attr_first_aid" type="number" value="" /></div>
<div><label>forgery</label><input name="attr_forgery" type="number" value="" /></div>
<div class="skill-lan">
<label>language</label>
<input name="attr_language_name_1" type="text" value="" />
<input name="attr_language_1" type="number" value="" />
</div>
<div class="skill-lan">
<label>language</label>
<input name="attr_language_name_2" type="text" value="" />
<input name="attr_language_2" type="number" value="" />
</div>
<div><label>forgery</label><input name="attr_forgery" type="number" value="" /></div>
<div><label>mythos</label><input name="attr_mythos" type="number" value="" /></div>
<div class="skill-mech">
<label>mechanic</label>
<input name="attr_mechanic_name" type="text" value="" />
<input name="attr_mechanic" type="number" value="" />
</div>
<div><label>medicine</label><input name="attr_medicine" type="number" value="" /></div>
<div><label>navigation [land]</label><input name="attr_navigation_land" type="number" value="" /></div>
<div><label>navigation [sea/air]</label><input name="attr_navigation_sea-air" type="number" value="" /></div>
<div><label>occult</label><input name="attr_occult" type="number" value="" /></div>
<div><label>psychiatry</label><input name="attr_psychiatry" type="number" value="" /></div>
<div><label>survival</label><input name="attr_survival" type="number" value="" /></div>
<div><label>tactics</label><input name="attr_tactics" type="number" value="" /></div>
</div>
<h4>Command</h4>
<div class="skill-col">
<div><label>inspiration</label><input name="attr_inspiration" type="number" value="" /></div>
<div><label>intimidation</label><input name="attr_intimidation" type="number" value="" /></div>
<div><label>leadership</label><input name="attr_leadership" type="number" value="" /></div>
<div class="skill-perf">
<label>performance</label>
<input name="attr_performance_name" type="text" value="" />
<input name="attr_performance" type="number" value="" />
</div>
<div><label>psychology</label><input name="attr_psychology" type="number" value="" /></div>
<div><label>seduction</label><input name="attr_seduction" type="number" value="" /></div>
</div>
<h4>Empathy</h4>
<div class="skill-col">
<div><label>bluff</label><input name="attr_bluff" type="number" value="" /></div>
<div><label>counseling</label><input name="attr_counseling" type="number" value="" /></div>
<div><label>lie</label><input name="attr_lie" type="number" value="" /></div>
<div><label>meditation</label><input name="attr_meditation" type="number" value="" /></div>
<div><label>persuasion</label><input name="attr_persuasion" type="number" value="" /></div>
<div><label>resist</label><input name="attr_resist" type="number" value="" /></div>
</div>
<h4></h4>
<div class="skill-col">
<div><label>equilibrium</label><input name="attr_equilibrium" type="number" value="" /></div>
</div>
</div>
</div>
</div>
</div>
<!--*********************************************************************************************************-->
<!--*************************** NPC SHEET ***************************-->
<!--*********************************************************************************************************-->
<div class="npc">
<input name="attr_character_name" title="" type="text" value="" />
<div class="npc-stat-block">
<div><label>Number of Dice:</label><input name="attr_dice" title="" type="text" value="" /></div>
<div class="npc-body">
<div><label>Body:</label><input name="attr_body" title="" type="text" value="" /></div>
<div class="npc-body-details">
<div><label>Lift:</label><input name="attr_lift" title="" type="text" value="" /></div>
<div><label>Throw:</label><input name="attr_throw" title="" type="text" value="" /></div>
<div><label>Sprint:</label><input name="attr_sprint" title="" type="text" value="" /></div>
<div><label>Jump:</label><input name="attr_jump" title="" type="text" value="" /></div>
</div>
</div>
<div><label>Coordination:</label><input name="attr_coordination" title="" type="text" value="" /></div>
<div><label>Sense:</label><input name="attr_sense" title="" type="text" value="" /></div>
<div><label>Mind:</label><input name="attr_mind" title="" type="text" value="" /></div>
<div><label>Command:</label><input name="attr_command" title="" type="text" value="" /></div>
<div><label>Empathy:</label><input name="attr_empathy" title="" type="text" value="" /></div>
<div><label>Attack:</label><input name="attr_attack" title="" type="text" value="" /></div>
<div><label>Armor:</label><input name="attr_armor" title="" type="text" value="" /></div>
<div><label>Unnatural Intensity:</label><input name="attr_unnatural" title="" type="text" value="" /></div>
</div>
<div><label>Skills:</label><textarea name="attr_skills"></textarea></div>
<div><label>Traits:</label><textarea name="attr_traits"></textarea></div>
<div>
<label>Extras:</label>
<fieldset class="repeating_text">
<div class="npc-extras"><input name="attr_name" placeholder="Imitation" title="" type="text" value="" /></div>
<textarea name="attr_description" placeholder="This skill can be substituted..."></textarea>
</fieldset>
</div>
</div>
</div>
<!--*********************************************************************************************************-->
<!--*************************** FOOTER ***************************-->
<!--*********************************************************************************************************-->
<div class="footer">
<span>Nemesis is property of Arc Dream Publishing</span>
<span>Version </span><span name="attr_version"></span>
</div>
<!--*********************************************************************************************************-->
<!--*************************** HIDDEN ATTRIBUTES ***************************-->
<!--*********************************************************************************************************-->
<input type="hidden" name="attr_version" value="1" />
<!--*********************************************************************************************************-->
<!--*************************** ROLL TEMPLATE ***************************-->
<!--*********************************************************************************************************-->
<div class="rolltemplates">
<rolltemplate class="sheet-rolltemplate-rolls">
<!--- Display a header on the template --->
<div class="sheet-template-header">
{{#header}}{{header}}{{/header}}
</div>
<!--- Display the dice roll in the template --->
<div class="sheet-template-body">
{{#dice}}
<div class="sheet-template-row">{{dice}}</div>
{{/dice}}
<!--- Display a description. This is great for text included with a roll --->
{{#desc}}
<div class="sheet-template-row">
<span class="sheet-template-desc">
</span>
</div>
{{/desc}}
</div>
</rolltemplate>
</div>
<!--*********************************************************************************************************-->
<!--*************************** SCRIPTS ***************************-->
<!--*********************************************************************************************************-->
<script type="text/worker">
['sheet_toggle_pc', 'sheet_toggle_npc'].forEach(attr => {
on(`clicked:${attr}`, function(eventinfo) {
setAttrs({
sheet_type : eventinfo.triggerName.split("_")[2]
});
});
});
on("clicked:whisper", function(eventinfo) {
getAttrs(["gm_toggle"], function (v) {
setAttrs({
gm_toggle : (v.gm_toggle.includes("gm")) ? " " : "/w gm"
});
});
});
['wound_head', 'wound_body', `wound_right_arm`, `wound_left_arm`, `wound_legs`, `failed_violance`, `hardened_violance`, `failed_unnatural`, `hardened_unnatural`, `failed_self`, `hardened_self`, `hardened_helplessness`,`failed_helplessness` ].forEach(attr => {
on(`clicked:reset_${attr}`, function(eventinfo) {
const attr = eventinfo.triggerName.split("reset_")[1];
setAttrs({
[`${attr}`] : 0
});
});
});
</script>
Binary file not shown.

After

Width:  |  Height:  |  Size: 236 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "nemesis.html",
"css": "nemesis.css",
"authors": "Cassie Levett",
"roll20userid": "557736",
"preview": "preview.png",
"instructions": "Character sheet for Nemesis by Arc Dream Publishing."
}