mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
Merge pull request #14265 from WilliamBarkerCoC/ATRIM.wb1
[ATRIM] New Sheet
This commit is contained in:
Nicole Brooks
+171
@@ -0,0 +1,171 @@
|
||||
|
||||
.charsheet {
|
||||
border: 2px solid Black;
|
||||
padding: 2px;
|
||||
width: 860px;
|
||||
min-width: 860px;
|
||||
min-height: 1240px;
|
||||
background-color: rgb(252, 242, 217);
|
||||
font-family: "Courier New, serif";
|
||||
}
|
||||
|
||||
.charsheet input[type="checkbox"].rounded-checkbox {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
border: 1px solid black;
|
||||
appearance: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.charsheet input[type="checkbox"].rounded-checkbox:checked {
|
||||
appearance: auto;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
.charsheet .sheet-die{
|
||||
font-family: "dicefontd6";
|
||||
font-weight: 500;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-skillName{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: content-box;
|
||||
width: 200px;
|
||||
height: 36px;
|
||||
color: White;
|
||||
background-color: Black;
|
||||
font-family: "Russo One";
|
||||
font-weight: 300;
|
||||
font-size: 30px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
text-align: right;
|
||||
padding: 3px 0px 0px 0px;
|
||||
border-top: 6px solid Black;
|
||||
}
|
||||
|
||||
.charsheet input[type="text"]{
|
||||
display: inline-block;
|
||||
color: Black;
|
||||
}
|
||||
|
||||
/* Buttons Styling */
|
||||
.charsheet button{
|
||||
text-align: left;
|
||||
color: black;
|
||||
}
|
||||
.charsheet button:hover{
|
||||
background: black;
|
||||
color: #968c6a;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.charsheet button[type=action].sheet-skillName,
|
||||
.charsheet button[type=roll].sheet-skillName {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: content-box;
|
||||
background-color: Black;
|
||||
width: 200px;
|
||||
height: 36px;
|
||||
color: White;
|
||||
font-family: "Barlow Condensed";
|
||||
font-weight: 500;
|
||||
font-size: 36px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
text-align: right;
|
||||
padding: 0px 0px 0px 0px;
|
||||
border: 6px solid Black;
|
||||
}
|
||||
|
||||
.charsheet button[type=roll].sheet-textButton::before,
|
||||
.charsheet button[type=action].sheet-textButton::before {
|
||||
content: "" !important;
|
||||
}
|
||||
.charsheet button[type=roll].sheet-skillName::before,
|
||||
.charsheet button[type=action].sheet-skillName::before {
|
||||
padding: 0px 0px 0px 0px;
|
||||
content: "" ;
|
||||
}
|
||||
|
||||
|
||||
.charsheet label.sheet-skillName:hover {
|
||||
background-color: rgba(255,255,0,0.3)!important;
|
||||
}
|
||||
/*End Button Styling*/
|
||||
|
||||
|
||||
/* Check Template */
|
||||
.sheet-rolltemplate-check .sheet-container {
|
||||
color: Black;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid;
|
||||
padding: 2px;
|
||||
width: 189px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .sheet-container h1{
|
||||
color: inherit;
|
||||
font-size: 1.2em;
|
||||
font-variant: small-caps;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check div {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check span {
|
||||
color: currentColor;
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
font-size: 1.2em;
|
||||
font-variant: small-caps;
|
||||
line-height: 1.4em;
|
||||
padding-left: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .sheet-subheader {
|
||||
color: currentColor;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .sheet-arrow-right {
|
||||
border-bottom: 3px solid transparent;
|
||||
border-left: 180px solid currentColor;
|
||||
border-top: 3px solid transparent;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .sheet-tcat {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
.sheet-rolltemplate-check .inlinerollresult {
|
||||
background-color: LightGray !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
.sheet-rolltemplate-check .inlinerollresult.fullcrit {
|
||||
color: #3FB315;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .inlinerollresult.fullfail {
|
||||
color: #B31515;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-check .inlinerollresult.importandivoll {
|
||||
color: #4A57ED;
|
||||
border: none;
|
||||
}
|
||||
/* End Check template */
|
||||
@@ -0,0 +1,387 @@
|
||||
<div style="display: inline-block; vertical-align: top; width: 426px; height: 1200px; border: 0px solid Red">
|
||||
<div style="width: 392px; height: 84px; margin: 16px 0px 0px 26px; border: 4px solid Black;">
|
||||
<input name="attr_character_name" type="text" style="width: 386px; height: 76px; font-size: 30px; font-style: bold; text-align: center; margin: 2px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
</div>
|
||||
<label style="width: 60px; height: 26px; font-style: italic; margin: 10px 0px 0px 210px; background-color: transparent; border: 0px solid Red" data-i18n="name-c">Name</label>
|
||||
<div style="width: 370px; height: 200px; margin: 6px 0px 0px 40px; border: 4px solid Black;">
|
||||
<label style="display: inline-block; vertical-align: top; width: 90px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="species:-c">Species:</label>
|
||||
<input name="attr_species" type="text" style="display: inline-block; vertical-align: top; width: 258px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 130px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="profession:-c">Profession:</label>
|
||||
<input name="attr_profession" type="text" style="display: inline-block; vertical-align: top; width: 218px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 150px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="wheelhouse:-c">Wheelhouse:</label>
|
||||
<input name="attr_wheelhouse1" type="text" style="display: inline-block; vertical-align: top; width: 200px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_wheelhouse2" type="text" style="display: inline-block; vertical-align: top; width: 370px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: -10px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_wheelhouse3" type="text" style="display: inline-block; vertical-align: top; width: 370px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
</div>
|
||||
<!-- Traits -->
|
||||
<label style="width: 60px; height: 26px; font-size: 26px; font-weight: bold; margin: 34px 0px 0px 44px; background-color: transparent; border: 0px solid Red" data-i18n="traits-c">Traits</label>
|
||||
<div style="display: inline-block; vertical-align: top; width: 24px; height: 270px; margin: 6px 0px 0px 50px; border: 0px solid Black;">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundOne" style="margin: 14px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundTwo" style="margin: 23px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundThree" style="margin: 23px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundFour" style="margin: 23px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundFive" style="margin: 23px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
<input type="checkbox" class="rounded-checkbox" name="attr_woundSix" style="margin: 23px 0px 0px 2px" data-i18n-title="wounds-c" value="1">
|
||||
</div>
|
||||
<div style="display: inline-block; vertical-align: top; width: 324px; height: 260px; margin: 6px 0px 0px 4px; border: 4px solid Black;">
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >g</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 2px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceOne">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >h</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 8px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceTwo">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >i</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 8px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceThree">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >j</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 8px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceFour">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >k</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 8px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceFive">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -6px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 30px; height: 30px; font-size: 28px; font-family: 'dicefontd6'; font-weight: bold; margin: 14px 2px 2px 6px; background-color: transparent; border: 0px solid Red" >l</label>
|
||||
<select style="display: inline-block; vertical-align: top; width: 220px; height: 30px; font-size: 24px; background-color: transparent; margin: 8px 0px 0px 8px; padding: 0px 2px 2px 2px;" name="attr_faceSix">
|
||||
<option value="" selected></option>
|
||||
<option value="Might" data-i18n="might-c">Might</option>
|
||||
<option value="Agility" data-i18n="agility-c">Agility</option>
|
||||
<option value="Smarts" data-i18n="smarts-c">Smarts</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Possessions -->
|
||||
<div style="display: inline-block; vertical-align: top; width: 372px; height: 456px; margin: 30px 0px 0px 40px; border: 4px solid Black;">
|
||||
<label style="display: inline-block; vertical-align: top; width: 260px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="notableEquipment:-c">Notable Equipment:</label>
|
||||
<input name="attr_notableEquipment1" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: -18px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_notableEquipment2" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_notableEquipment3" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -2px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 260px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="coolStuff:-c">Cool Stuff:</label>
|
||||
<input name="attr_coolStuff1" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: -18px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_coolStuff2" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_coolStuff3" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -2px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 260px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="etcetera:-c">Etcetera:</label>
|
||||
<input name="attr_etcetera1" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 32px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: -18px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_etcetera2" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 32px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<input name="attr_etcetera3" type="text" style="display: inline-block; vertical-align: top; width: 366px; height: 32px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 2px solid DimGray; margin: -2px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 90px; height: 30px; font-size: 28px; font-weight: bold; padding: 4px 2px 2px 14px; background-color: transparent; border: 0px solid Red" data-i18n="money:-c">Money:</label>
|
||||
<input name="attr_money" type="text" style="display: inline-block; vertical-align: top; width: 250px; height: 38px; font-size: 24px; font-style: italic; padding: 4px 4px 2px 4px; text-align: center; font-style: bold; margin: 0px 0px 0px 0px; background-color: transparent; border: 0px solid Red" value=' ' />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="display: inline-block; vertical-align: top; width: 426px; height: 1200px; border: 0px solid Black">
|
||||
<div style="width: 380px; height: 520px; margin: 16px 0px 0px 26px; border: 4px solid Black;; background-position: center; background-repeat: no-repeat; background-size: contain;" name="attr_character_art" data-i18n-title="characterArt-c">
|
||||
</div>
|
||||
<!-- Dynamic Image Source: https://wiki.roll20.net/Image_use_in_character_sheets -->
|
||||
<label style="display: inline-block; vertical-align: top; width: 380px; height: 20px; font-size: 18px; font-style: italic; text-align: center; margin: 4px 2px 2px 24px; background-color: transparent; border: 0px solid Red" data-i18n="characterArt-c">Character Art</label>
|
||||
<label style="display: inline-block; vertical-align: top; height: 14px; width: 30px; color: DimGray; margin: 4px 0px 2px 20px; font-family: Arial; font-stretch: ultra-condensed; font-size: 16px; padding: 1px 0px 0px 0px; text-align: left; border: 0px solid Red;" data-i18n="url:-u">URL:</label>
|
||||
<!-- URL example art: "https://live.staticflickr.com/4179/34476193102_379ed6f6fd_c.jpg" -->
|
||||
<input class="sheet-characteristic" type="text" style="width: 360px; height: 19px; margin: 4px 0px 0px 6px; border: 0; border-bottom: 2px solid DimGray;" name='attr_character_art' value="" />
|
||||
<!-- Difficulty Chart -->
|
||||
<label style="display: inline-block; vertical-align: top; width: 260px; height: 30px; font-size: 24px; font-weight: bold; margin: 30px 2px 2px 36px; background-color: transparent; border: 0px solid Red" data-i18n="difficultyChart-c">Difficulty Chart</label>
|
||||
|
||||
<div style="display: inline-block; vertical-align: top; width: 322px; height: 120px; margin: 4px 0px 0px 40px; border: 4px solid Black;">
|
||||
<label style="display: inline-block; vertical-align: top; width: 96px; height: 18px; font-size: 18px; color: Black; font-weight: bold; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="impossible-c">Impossible</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 200px; height: 16px; font-size: 18px; color: Black; font-weight: normal; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="automaticFailure-c">Automatic Failure</label>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 3px solid DimGray; margin: -8px 0px 0px 0px;">
|
||||
|
||||
<button class="btn sheet-skillName" type="action" name="act_hard" style="display: inline-block; vertical-align: top; width: 96px; height: 18px; font-size: 18px; color: Black; font-weight: bold; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red">
|
||||
<label data-i18n="hard-c">Hard</label>
|
||||
</button>
|
||||
<label style="display: inline-block; vertical-align: top; width: 32px; height: 16px; font-size: 18px; color: Black; font-weight: normal; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="roll-c">Roll</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 160px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >g</label>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 3px solid DimGray; margin: -8px 0px 0px 0px;">
|
||||
|
||||
<button class="btn sheet-skillName" type="action" name="act_moderate" style="display: inline-block; vertical-align: top; width: 96px; height: 18px; font-size: 18px; color: Black; font-weight: bold; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red">
|
||||
<label data-i18n="moderate-c">Moderate</label>
|
||||
</button>
|
||||
<label style="display: inline-block; vertical-align: top; width: 32px; height: 16px; font-size: 18px; color: Black; font-weight: normal; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="roll-c">Roll</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 14px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >h</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 120px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >m</label>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 3px solid DimGray; margin: -8px 0px 0px 0px;">
|
||||
|
||||
<button class="btn sheet-skillName" type="action" name="act_easy" style="display: inline-block; vertical-align: top; width: 96px; height: 18px; font-size: 18px; color: Black; font-weight: bold; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red">
|
||||
<label data-i18n="easy-c">Easy</label>
|
||||
</button>
|
||||
<label style="display: inline-block; vertical-align: top; width: 32px; height: 16px; font-size: 18px; color: Black; font-weight: normal; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="roll-c">Roll</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 14px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >i</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 14px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >n</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 100px; height: 24px; font-size: 20px; font-family: 'dicefontd6'; font-weight: bold; margin: 0px 2px 2px -2px; background-color: transparent; border: 0px solid Blue" >i</label>
|
||||
<hr style="width: 100%; height: 0px; border-bottom: 3px solid DimGray; margin: -8px 0px 0px 0px;">
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 96px; height: 18px; font-size: 18px; color: Black; font-weight: bold; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="trivial-c">Trivial</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 200px; height: 16px; font-size: 18px; color: Black; font-weight: normal; padding: 2px 2px 0px 4px; background-color: transparent; border: 0px solid Red" data-i18n="automaticSuccess-c">Automatic Success</label>
|
||||
</div>
|
||||
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 340px; height: 30px; font-size: 18px; line-height: 22px; color: Black; font-style: italic; margin: 36px 2px 0px 36px; background-color: transparent; border: 0px solid Red" data-i18n="paragraph1a">When rolling, if the action your PC is attempting is in their</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 90px; height: 20px; font-size: 18px; color: Blue; font-style: italic; font-weight: bold; margin: -6px 2px 0px 194px; background-color: transparent; border: 0px solid Blue" data-i18n="wheelhouse-c">Wheelhouse</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 140px; height: 20px; font-size: 18px; color: Black; font-style: italic; margin: -24px 2px 0px 286px; background-color: transparent; border: 0px solid Purple" data-i18n="paragraph1b">, drop the</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 340px; height: 20px; font-size: 18px; color: Black; font-style: italic; margin: -18px 2px 0px 36px; background-color: transparent; border: 0px solid Red" data-i18n="paragraph1c">difficulty by one step on this chart.</label>
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 390px; height: 30px; font-size: 17px; line-height: 24px; color: Black; font-style: italic; margin: -4px 2px 0px 36px; background-color: transparent; border: 0px solid Red" data-i18n="paragraph2">All CONFLICT rolls start at MODERATE difficulty.</label>
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 360px; height: 30px; font-size: 18px; line-height: 24px; color: Black; font-style: italic; margin: 8px 2px 0px 36px; background-color: transparent; border: 0px solid Red" data-i18n="paragraph3a">Difficulties may increase or decrease depending on your PC's</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 90px; height: 20px; font-size: 18px; color: Blue; font-style: italic; font-weight: bold; margin: -2px 2px 0px 142px; background-color: transparent; border: 0px solid Blue" data-i18n="species,Profession,Equipment,-c">Species,Profession,Equipment,</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 360px; height: 20px; font-size: 18px; color: Black; font-style: italic; margin: 4px 2px 0px 36px; background-color: transparent; border: 0px solid Purple" data-i18n="paragraph3b">and/or other factions determined by the GM.</label>
|
||||
|
||||
<label style="display: inline-block; vertical-align: top; width: 360px; height: 20px; font-size: 18px; line-height: 24px; color: Black; font-style: italic; margin: 36px 2px 0px 36px; background-color: transparent; border: 0px solid Red" data-i18n="disclaimer">The ATRIM character sheet is licensed under a</label>
|
||||
<label style="display: inline-block; vertical-align: top; width: 360px; height: 20px; font-size: 18px; color: Blue; font-style: italic; font-weight: bold; color: Blue; margin: 4px 2px 0px 36px; background-color: transparent; border: 0px solid Blue" data-i18n="license">Creative Commons Attribution-ShareAlike 4.0 International License</label>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div style="display: inline-block; vertical-align: top; width: 856px; height: 44px; border:0px solid Purple">
|
||||
<hr style="width: 820px; height: 0px; border-bottom: 3px solid DimGray; margin: 4px 0px 0px 30px;">
|
||||
<label style="display: inline-block; vertical-align: top; width: 854px; height: 20px; font-size: 16px; text-align: center; color: Black; margin: 4px 2px 0px 2px; background-color: transparent; border: 0px solid Red" data-i18n="attribution">ATRIM Character Sheet by Dan Suptic</label>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-check">
|
||||
<div class="container">
|
||||
<div><h1>{{name}}</h1></div>
|
||||
<div class="arrow-container"><div class="arrow-right"></div></div>
|
||||
{{#rollGreater() Check 0}}
|
||||
<div class="rowcolor"><span class="tcat" data-i18n="check:-c">Check: </span>{{Roll}}</div>
|
||||
{{/rollGreater() Check 0}}
|
||||
|
||||
{{#NumDie}}
|
||||
{{#rollTotal() NumDie 1 }}
|
||||
<div class="rowcolor"><span class="tcat" data-i18n="roll:-c">Roll: </span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die1}}</span></div>
|
||||
{{/rollTotal() NumDie 1 }}
|
||||
{{#rollTotal() NumDie 2 }}
|
||||
<div class="rowcolor"><span class="tcat" data-i18n="roll:-c">Roll: </span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die1}}</span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die2}}</span></div>
|
||||
{{/rollTotal() NumDie 2 }}
|
||||
{{#rollTotal() NumDie 3 }}
|
||||
<div class="rowcolor"><span class="tcat" data-i18n="roll:-c">Roll: </span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die1}}</span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die2}}</span><span style="font-family: dicefontd6; font-size: 2.0em;">{{Die3}}</span></div>
|
||||
{{/rollTotal() NumDie 3 }}
|
||||
{{/NumDie}}
|
||||
</div>
|
||||
</rolltemplate>
|
||||
|
||||
<script type="text/worker">
|
||||
|
||||
on("clicked:hard clicked:moderate clicked:easy", function(eventInfo) {
|
||||
let TriggerName = eventInfo.triggerName;
|
||||
let Name = eventInfo.triggerName.substring(8); //Difficulty level
|
||||
//console.log(" TriggerName: " + TriggerName);
|
||||
//console.log(" Name: " + Name);
|
||||
//console.log(" eventInfo: " + JSON.stringify(eventInfo));
|
||||
|
||||
|
||||
getAttrs(["faceOne","faceTwo","faceThree","faceFour","faceFive","faceSix","woundOne","woundTwo","woundThree","woundFour","woundFive","woundSix" ], function(values) {
|
||||
|
||||
let FaceOne = values.faceOne;
|
||||
let FaceTwo = values.faceTwo;
|
||||
let FaceThree = values.faceThree;
|
||||
let FaceFour = values.faceFour;
|
||||
let FaceFive = values.faceFive;
|
||||
let FaceSix = values.faceSix;
|
||||
let WoundOne = parseInt(values.woundOne)||0;
|
||||
let WoundTwo = parseInt(values.woundTwo)||0;
|
||||
let WoundThree = parseInt(values.woundThree)||0;
|
||||
let WoundFour = parseInt(values.woundFour)||0;
|
||||
let WoundFive = parseInt(values.woundFive)||0;
|
||||
let WoundSix = parseInt(values.woundSix)||0;
|
||||
|
||||
//console.log(" Faces 1: " + FaceOne + " 2: " + FaceTwo + " 3: " + FaceThree + " 4: " + FaceFour + " 5: " + FaceFive + " 6: " + FaceSix);
|
||||
//console.log(" Wounds 1: " + WoundOne + " 2: " + WoundTwo + " 3: " + WoundThree + " 4: " + WoundFour + " 5: " + WoundFive + " 6: " + WoundSix);
|
||||
|
||||
let Might = 0;
|
||||
let Agility = 0;
|
||||
let Smarts = 0;
|
||||
let Successes = 0;
|
||||
|
||||
let NumDie = 1;
|
||||
let CurrentDie = 1;
|
||||
let Difficulty = "None";
|
||||
let RollResult = "";
|
||||
let Result1 = "0";
|
||||
let Result2 = "0";
|
||||
let Result3 = "0";
|
||||
let Roll = 0;
|
||||
|
||||
switch (Name) {
|
||||
case "hard" : Difficulty = "Hard"; NumDie = 1; break;
|
||||
case "moderate" : Difficulty = "Moderate"; NumDie = 2; break;
|
||||
case "easy" : Difficulty = "Easy"; NumDie = 3; break;
|
||||
default: console.log(" Name " + Name + " not Easy, Moderate, or Hard");
|
||||
}
|
||||
|
||||
|
||||
while (CurrentDie <= NumDie) {
|
||||
|
||||
Roll = Math.floor(Math.random() * 6) + 1;
|
||||
//console.log(" Roll: " + Roll + " CurrentDie " + CurrentDie + " of " + NumDie + " Difficulty: " + Difficulty);
|
||||
|
||||
switch (Roll) {
|
||||
case 1:
|
||||
if (WoundOne != 1) {
|
||||
RollResult = "g";
|
||||
if (FaceOne == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceOne == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceOne == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 1: " + Roll); }
|
||||
} else {
|
||||
RollResult = "G";
|
||||
}
|
||||
break;
|
||||
|
||||
case 2:
|
||||
if (WoundTwo != 1) {
|
||||
RollResult = "h";
|
||||
if (FaceTwo == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceTwo == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceTwo == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 2: " + Roll); }
|
||||
}else {
|
||||
RollResult = "H";
|
||||
}
|
||||
break;
|
||||
|
||||
case 3:
|
||||
if (WoundThree != 1) {
|
||||
RollResult = "i";
|
||||
if (FaceThree == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceThree == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceThree == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 3: " + Roll); }
|
||||
}else {
|
||||
RollResult = "I";
|
||||
}
|
||||
break;
|
||||
|
||||
case 4:
|
||||
if (WoundFour != 1) {
|
||||
RollResult = "j";
|
||||
if (FaceFour == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceFour == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceFour == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 4: " + Roll); }
|
||||
}else {
|
||||
RollResult = "J";
|
||||
}
|
||||
break;
|
||||
|
||||
|
||||
case 5:
|
||||
if (WoundFive != 1) {
|
||||
RollResult = "k";
|
||||
if (FaceFive == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceFive == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceFive == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 5: " + Roll); }
|
||||
}else {
|
||||
RollResult = "K";
|
||||
}
|
||||
break;
|
||||
|
||||
|
||||
case 6:
|
||||
if (WoundSix != 1) {
|
||||
RollResult = "l";
|
||||
if (FaceSix == "Might")
|
||||
{ Might +=1; }
|
||||
else if (FaceSix == "Agility")
|
||||
{ Agility +=1; }
|
||||
else if (FaceSix == "Smarts")
|
||||
{Smarts +=1; }
|
||||
else { console.log(" Roll bad 6: " + Roll); }
|
||||
}else {
|
||||
RollResult = "L";
|
||||
}
|
||||
break;
|
||||
|
||||
default:
|
||||
console.log(" Roll default: " + Roll);
|
||||
|
||||
}
|
||||
//console.log (" Successes: Might " + Might + " Agility " + Agility + " Smarts " + Smarts + " CurrentDie " + CurrentDie);
|
||||
if (CurrentDie == 1) {
|
||||
Result1 = RollResult;
|
||||
} else if (CurrentDie == 2) {
|
||||
Result2 = RollResult;
|
||||
} else if (CurrentDie == 3) {
|
||||
Result3 = RollResult;
|
||||
}
|
||||
|
||||
CurrentDie += 1;
|
||||
|
||||
}
|
||||
//console.log (" Successes: Might " + Might + " Agility " + Agility + " Smarts " + Smarts );
|
||||
//console.log (" Results: (" + Result1 + ") (" + Result2 + ") (" + Result3 + ")");
|
||||
|
||||
|
||||
const rollBase ="&{template:check} {{name=@{character_name} *rolls* "+Difficulty+"}} {{Roll=[["+Roll+"]]}} {{NumDie=[["+NumDie+"]]}} {{Die1="+Result1+"}} {{Die2="+Result2+"}} {{Die3="+Result3+"}}";
|
||||
|
||||
//console.log(" rollBase = " + rollBase);
|
||||
|
||||
startRoll(rollBase, rollResult => {
|
||||
|
||||
finishRoll(
|
||||
rollResult.rollId
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"html": "ATRIM.html",
|
||||
"css": "ATRIM.css",
|
||||
"authors": "Vialmada",
|
||||
"preview": "ATRIM.png",
|
||||
"roll20userid": "6040293",
|
||||
"instructions": "## ATRIM is a character sheet for Daniel Suptic's RPG. The rules can be found at https://djsuptic.itch.io/atrim. If you have any questions or comments, please contact Vialmada.\n\n## Features\n- Die Faces which are Wounds display in rolls as Black\n- Character Art allows for a URL",
|
||||
"legacy": false
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
{
|
||||
"name-c":"Name",
|
||||
"species:-c":"Species:",
|
||||
"profession:-c":"Profession:",
|
||||
"wheelhouse:-c":"Wheelhouse:",
|
||||
"traits-c":"Traits",
|
||||
"wounds-c":"Wounds",
|
||||
"might-c":"Might",
|
||||
"agility-c":"Agility",
|
||||
"smarts-c":"Smarts",
|
||||
"notableEquipment:-c":"Notable Equipment:",
|
||||
"coolStuff:-c":"Cool Stuff:",
|
||||
"etcetera:-c":"Etcetera:",
|
||||
"money:-c":"Money:",
|
||||
"characterArt-c":"Character Art",
|
||||
"difficultyChart-c":"Difficulty Chart",
|
||||
"impossible-c":"Impossible",
|
||||
"automaticFailure-c":"Automatic Failure",
|
||||
"hard-c":"Hard",
|
||||
"roll-c":"Roll",
|
||||
"moderate-c":"Moderate",
|
||||
"easy-c":"Easy",
|
||||
"trivial-c":"Trivial",
|
||||
"automaticSuccess-c":"Automatic Success",
|
||||
"paragraph1a":"When rolling, if the action your PC is attempting is in their",
|
||||
"wheelhouse-c":"Wheelhouse",
|
||||
"paragraph1b":", drop the",
|
||||
"paragraph1c":"difficulty by one step on this chart.",
|
||||
"paragraph2":"All CONFLICT rolls start at MODERATE difficulty.",
|
||||
"paragraph2a":"All",
|
||||
"conflict-c":"Conflict",
|
||||
"paragraph2b":"rolls start at",
|
||||
"moderate-c":"Moderate",
|
||||
"paragraph2b":"difficulty",
|
||||
"paragraph3a":"Difficulties may increase or decrease depending on your PC's",
|
||||
"species,Profession,Equipment,-c":"Species,Profession,Equipment,",
|
||||
"paragraph3b":"and/or other factions determined by the GM.",
|
||||
"disclaimer":"The ATRIM character sheet is licensed under a",
|
||||
"license":"Creative Commons Attribution-ShareAlike 4.0 International License",
|
||||
"attribution":"ATRIM Character Sheet by Dan Suptic",
|
||||
"url:-u":"URL:",
|
||||
|
||||
"check:-c":"Check:",
|
||||
"result:-c":"Result:",
|
||||
"check-c":"Check:",
|
||||
"result-c":"Result:",
|
||||
"success!-c":"Success!",
|
||||
"failure-c":"Failure",
|
||||
"roll:-c":"Roll:"
|
||||
}
|
||||
Reference in New Issue
Block a user