diff --git a/TailsOfEquestria/less/main.less b/TailsOfEquestria/less/main.less index 40fe866c34..ae6ae12195 100644 --- a/TailsOfEquestria/less/main.less +++ b/TailsOfEquestria/less/main.less @@ -47,6 +47,59 @@ } } + .explodingHooves { + h1 { + display: inline-block; + font-size: 1.5em; + vertical-align: middle; + } + + .explodingHoof { + background: @dashieColor; + border-radius: 0.1in; + display: inline-block; + transition: background 0.5s; + + button { + background: transparent; + border: none; + font-size: 3em; + font-weight: bold; + height: 0.5in; + width: 0.5in; + } + + &:hover { + background: darken(@dashieColor, 20%); + } + + &:nth-of-type(1) button::before { + font-family: dicefontd4; + content: "l"; + } + + &:nth-of-type(2) button::before { + font-family: dicefontd6; + content: "l"; + } + + &:nth-of-type(3) button::before { + font-family: dicefontd8; + content: "h"; + } + + &:nth-of-type(4) button::before { + font-family: dicefontd10; + content: "j"; + } + + &:nth-of-type(5) button::before { + font-family: dicefontd12; + content: "l"; + } + } + } + .friendshipTokens { background: #f226e4; border-radius: 0.75in; diff --git a/TailsOfEquestria/pug/index.pug b/TailsOfEquestria/pug/index.pug index 41434863fd..225ffc6c5f 100644 --- a/TailsOfEquestria/pug/index.pug +++ b/TailsOfEquestria/pug/index.pug @@ -50,6 +50,38 @@ include fields.pug label Charm +rollButton('charm') +selectDice('charm') + + div.explodingHooves + h1 Exploding Hoof Dice: + // + - + var exd12 = '{1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1'; + var exd10 = '{1d9, floor(1d10/10)*{1d0 + 10, ' + exd12 + '}k1}k1'; + var exd8 = '{1d7, floor(1d8/8)*{1d0 + 8, ' + exd10 + '}k1}k1'; + var exd6 = '{1d5, floor(1d6/6)*{1d0 + 6, ' + exd8 + '}k1}k1'; + var exd4 = '{1d3, floor(1d4/4)*{1d0 + 4, ' + exd6 + '}k1}k1'; + - + var exd12 = '{1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1'; + var exd10 = '{1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1'; + var exd8 = '{1d7, floor(1d8/8)*{1d0 + 8, 1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1}k1'; + var exd6 = '{1d5, floor(1d6/6)*{1d0 + 6, 1d7, floor(1d8/8)*{1d0 + 8, 1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1}k1}k1'; + var exd4 = '{1d3, floor(1d4/4)*{1d0 + 4, 1d5, floor(1d6/6)*{1d0 + 6, 1d7, floor(1d8/8)*{1d0 + 8, 1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1}k1}k1}k1'; + .explodingHoof + +input('hidden', 'exploding_hoof_d4')(value=exd4, style='display: none;') + +rollButton('exploding_hoof_d4') + .explodingHoof + +input('hidden', 'exploding_hoof_d6')(value=exd6, style='display: none;') + +rollButton('exploding_hoof_d6') + .explodingHoof + +input('hidden', 'exploding_hoof_d8')(value=exd8, style='display: none;') + +rollButton('exploding_hoof_d8') + .explodingHoof + +input('hidden', 'exploding_hoof_d10')(value=exd10, style='display: none;') + +rollButton('exploding_hoof_d10') + .explodingHoof + +input('hidden', 'exploding_hoof_d12')(value=exd12, style='display: none;') + +rollButton('exploding_hoof_d12') + div .talents mixin talent(isCutieMark) @@ -69,7 +101,7 @@ include fields.pug h1 Talents: +talent(true) +repeating('talents') - +talent(false) + +talent(false) div .quirks mixin quirk(isMain) diff --git a/TailsOfEquestria/sheet.css b/TailsOfEquestria/sheet.css index 0fd0cf4583..12d39db800 100644 --- a/TailsOfEquestria/sheet.css +++ b/TailsOfEquestria/sheet.css @@ -202,6 +202,48 @@ padding: 0; width: 3in; } +.charsheet .sheet-main-container .sheet-explodingHooves h1 { + display: inline-block; + font-size: 1.5em; + vertical-align: middle; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof { + background: #B3E7EF; + border-radius: 0.1in; + display: inline-block; + transition: background 0.5s; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof button { + background: transparent; + border: none; + font-size: 3em; + font-weight: bold; + height: 0.5in; + width: 0.5in; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:hover { + background: #5fccdd; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(1) button::before { + font-family: dicefontd4; + content: "l"; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(2) button::before { + font-family: dicefontd6; + content: "l"; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(3) button::before { + font-family: dicefontd8; + content: "h"; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(4) button::before { + font-family: dicefontd10; + content: "j"; +} +.charsheet .sheet-main-container .sheet-explodingHooves .sheet-explodingHoof:nth-of-type(5) button::before { + font-family: dicefontd12; + content: "l"; +} .charsheet .sheet-main-container .sheet-friendshipTokens { background: #f226e4; border-radius: 0.75in; diff --git a/TailsOfEquestria/sheet.html b/TailsOfEquestria/sheet.html index 6141d70905..7b1caf4c19 100644 --- a/TailsOfEquestria/sheet.html +++ b/TailsOfEquestria/sheet.html @@ -100,6 +100,37 @@ +