diff --git a/Sentinel Comics RPG/Attack.png b/Sentinel Comics RPG/Attack.png new file mode 100644 index 0000000000..dac04cb774 Binary files /dev/null and b/Sentinel Comics RPG/Attack.png differ diff --git a/Sentinel Comics RPG/Boost.png b/Sentinel Comics RPG/Boost.png new file mode 100644 index 0000000000..1aba7579b7 Binary files /dev/null and b/Sentinel Comics RPG/Boost.png differ diff --git a/Sentinel Comics RPG/Bunker-Page-1.jpg b/Sentinel Comics RPG/Bunker-Page-1.jpg new file mode 100644 index 0000000000..bd8175925b Binary files /dev/null and b/Sentinel Comics RPG/Bunker-Page-1.jpg differ diff --git a/Sentinel Comics RPG/Bunker-Page-2.jpg b/Sentinel Comics RPG/Bunker-Page-2.jpg new file mode 100644 index 0000000000..80fee36199 Binary files /dev/null and b/Sentinel Comics RPG/Bunker-Page-2.jpg differ diff --git a/Sentinel Comics RPG/Bunker-Page-3.jpg b/Sentinel Comics RPG/Bunker-Page-3.jpg new file mode 100644 index 0000000000..52630f363d Binary files /dev/null and b/Sentinel Comics RPG/Bunker-Page-3.jpg differ diff --git a/Sentinel Comics RPG/Defend.png b/Sentinel Comics RPG/Defend.png new file mode 100644 index 0000000000..1217122d49 Binary files /dev/null and b/Sentinel Comics RPG/Defend.png differ diff --git a/Sentinel Comics RPG/Header.png b/Sentinel Comics RPG/Header.png new file mode 100644 index 0000000000..cc3720368d Binary files /dev/null and b/Sentinel Comics RPG/Header.png differ diff --git a/Sentinel Comics RPG/Heal.png b/Sentinel Comics RPG/Heal.png new file mode 100644 index 0000000000..128bd178a1 Binary files /dev/null and b/Sentinel Comics RPG/Heal.png differ diff --git a/Sentinel Comics RPG/Hinder.png b/Sentinel Comics RPG/Hinder.png new file mode 100644 index 0000000000..69ef6f4ff0 Binary files /dev/null and b/Sentinel Comics RPG/Hinder.png differ diff --git a/Sentinel Comics RPG/Logo-new.png b/Sentinel Comics RPG/Logo-new.png new file mode 100644 index 0000000000..8805ab4a2b Binary files /dev/null and b/Sentinel Comics RPG/Logo-new.png differ diff --git a/Sentinel Comics RPG/LogoV.png b/Sentinel Comics RPG/LogoV.png new file mode 100644 index 0000000000..291a1e02e5 Binary files /dev/null and b/Sentinel Comics RPG/LogoV.png differ diff --git a/Sentinel Comics RPG/Overcome.png b/Sentinel Comics RPG/Overcome.png new file mode 100644 index 0000000000..10f6a68017 Binary files /dev/null and b/Sentinel Comics RPG/Overcome.png differ diff --git a/Sentinel Comics RPG/SCRPG-Sheet.css b/Sentinel Comics RPG/SCRPG-Sheet.css index e69de29bb2..404a70c2dc 100644 --- a/Sentinel Comics RPG/SCRPG-Sheet.css +++ b/Sentinel Comics RPG/SCRPG-Sheet.css @@ -0,0 +1,126 @@ + +/* Set the min-width so that when the window is resized the look will stay consistant */ +.charsheet { + background-color: #f6f0df; + min-width: 800px; +} + +.sheet-detail-head {font-weight: bold; color: #f2a61d;} +.sheet-typed-head {font-weight: bold; font-size: large;} +.sheet-gfill {background-color: #46e35e;} +.sheet-yfill {background-color: #ffff99;} +.sheet-rfill {background-color: #f9beac;} + +/* --------------------------------Flex & Grid Layouts-------------------------------- */ +.sheet-flexrow {display: flex;} +.sheet-flexspace {flex-grow: 1;} +.sheet-morespace {flex-grow: 4;} + +.sheet-statusgrid { + display: grid; grid-template-columns: 30px 65px auto 50px 50px; +} +.sheet-shead {display: inline-grid; place-items: center;} +.sheet-sgreen {background-color: #41b23b; display: inline-grid; place-items: center;} +.sheet-syellow {background-color: #f8df1b; display: inline-grid; place-items: center;} +.sheet-sred {background-color: #dc2f34; display: inline-grid; place-items: center;} +.sheet-sgrey {background-color: #bfbfbf; display: inline-grid; place-items: center; height: 35px;} +.sheet-sblack {color: white; background-color: #171711; display: inline-grid; place-items: center;} + +.sheet-descgrid { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 5px; +} +.sheet-descinline { + display: grid; + grid-template-columns: auto 1fr; + column-gap: 5px; +} + +.sheet-vhealth {display: grid; grid-template-columns: 200px 170px 170px; place-items: center; column-gap: 1fr; justify-content: space-around;} +.sheet-vlogo {grid-area: 1/1/3/2} +.sheet-hhead {grid-area: 1 / 2; justify-self: start} +.sheet-hchead {grid-area: 1 / 3; justify-self: start} +.sheet-hmax {grid-area: 2 / 2;} +.sheet-hcur {grid-area: 2 / 3;} + +/* --------------------------------Hide and Display section of Code-------------------------------- */ +/* Configure the tab buttons*/ +.sheet-hero, +.sheet-aux, +.sheet-minions, +.sheet-villain, +.sheet-abilities {display: none;} + +/* show the selected tab */ +.sheet-tabstoggle[value="hero"] ~ div.sheet-hero, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-aux, +.sheet-tabstoggle[value="minions"] ~ div.sheet-minions, +.sheet-tabstoggle[value="villain"] ~ div.sheet-villain, +.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities {display: block;} + +.sheet-tabstoggle[value="villain"] ~ div.sheet-villain > div.sheet-green-abilities {background-color: #eaeae9;} +.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities > div.sheet-green-abilities {background-color: #46e35e;} + +/* hide modes based on radio */ +.sheet-mode0, +.sheet-modeselect:not([value="1"]) ~ div.sheet-modeg1, +.sheet-modeselect:not([value="2"]) ~ div.sheet-modeg2, +.sheet-modeselect:not([value="3"]) ~ div.sheet-modeg3, +.sheet-modeselect:not([value="4"]) ~ div.sheet-modey1, +.sheet-modeselect:not([value="5"]) ~ div.sheet-modey2, +.sheet-modeselect:not([value="6"]) ~ div.sheet-moder1 {display: none;} +/* show all modes on aux tab */ +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-mode0, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg1, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg2, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg3, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modey1, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modey2, +.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-moder1 {display: block;} + +/* change font of die in roll button */ +button[type=roll].sheet-rolldice::before { content: ''; font-family: 'dicefontd4'; } + +/* Clear default cycle button styling */ +button.sheet-icon-cycle { + margin: 0; + overflow: visible; + text-transform: none; + padding: 0; + background: transparent; +} +/* Hide the icons that do not match the attribute value */ +input.sheet-icon-cycle:not([value="1"]) ~ span.sheet-attack, +input.sheet-icon-cycle:not([value="2"]) ~ span.sheet-defend, +input.sheet-icon-cycle:not([value="3"]) ~ span.sheet-overcome, +input.sheet-icon-cycle:not([value="4"]) ~ span.sheet-boost, +input.sheet-icon-cycle:not([value="5"]) ~ span.sheet-hinder, +input.sheet-icon-cycle:not([value="6"]) ~ span.sheet-recover {display: none;} + +/* Hide Powers or Modes from ability and villkain tab tab */ +.sheet-modeselect[value="0"] ~ div.sheet-modebase, +.sheet-tabstoggle[value="villain"] ~ div.sheet-modebase, +.sheet-tabstoggle:not([value="villain"]) + .sheet-modeselect:not([value="0"]) ~ div.sheet-powerbase {display: none;} + + +/* Clear default open/close button styling */ +button.sheet-direction, +button.sheet-lock { + margin: 0; + overflow: visible; + text-transform: none; + border-style: none; + padding: 0; + background: transparent; + cursor: pointer; +} +/* Hide the section(s) that do not match the attribute value */ +input.sheet-direction:not([value="down"]) + button.sheet-direction > span.sheet-down, +input.sheet-direction:not([value="right"]) + button.sheet-direction > span.sheet-right, +input.sheet-direction:not([value="down"]) ~ div.sheet-eachform, + +input.sheet-lock:not([value="hide"]) + button.sheet-lock > span.sheet-hide, +input.sheet-lock:not([value="show"]) + button.sheet-lock > span.sheet-show, +input.sheet-lock:not([value="hide"]) ~ div.sheet-nonsource, +input.sheet-lock:not([value="show"]) ~ div.sheet-sourceinput {display: none;} diff --git a/Sentinel Comics RPG/SCRPG-Sheet.html b/Sentinel Comics RPG/SCRPG-Sheet.html index 8c6be65776..6e61a5e0b4 100644 --- a/Sentinel Comics RPG/SCRPG-Sheet.html +++ b/Sentinel Comics RPG/SCRPG-Sheet.html @@ -1,436 +1,1755 @@ - - - - -
- Power Dice + Quality Dice + Status Dice + Mods (Mid die = Effect die)
+ +
+ | Green | -Min | -Max | -|
| - - | -- - | -- - | -|
| Yellow | -Min | -Max | -|
| - - | -- - | -- - | -|
| Red | -Min | -Max | -|
| - - | -- - | -- - | -|
| - DEFEND: - | -- - | -- - | -|
| - HP - - | -- - | -- 0 = OUT - | -|
| - Enivronment Status: - | -- G: - - | -- Y: - - | -- R: - - | -
During Roleplaying
+ +Minor Twist
+ +Major Twist
+ +During Roleplaying
+ +Minor Twist
+ +Major Twist
+ +