Implemented exploding hoof dice.

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;

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)

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;

TailsOfEquestria/sheet.html

@@ -100,6 +100,37 @@
       </div>
     </div>
   </div>
+  <div class="explodingHooves">
+    <h1>Exploding Hoof Dice:</h1>
+    <!--
+    -
+      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';
+    -->
+    <div class="explodingHoof">
+      <input type="hidden" name="attr_exploding_hoof_d4" style="display: none;" value="{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"/>
+      <button type="roll" value="&amp;{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d4}} {{result=[[@{exploding_hoof_d4}]]}}"></button>
+    </div>
+    <div class="explodingHoof">
+      <input type="hidden" name="attr_exploding_hoof_d6" style="display: none;" value="{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"/>
+      <button type="roll" value="&amp;{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d6}} {{result=[[@{exploding_hoof_d6}]]}}"></button>
+    </div>
+    <div class="explodingHoof">
+      <input type="hidden" name="attr_exploding_hoof_d8" style="display: none;" value="{1d7, floor(1d8/8)*{1d0 + 8, 1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1}k1"/>
+      <button type="roll" value="&amp;{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d8}} {{result=[[@{exploding_hoof_d8}]]}}"></button>
+    </div>
+    <div class="explodingHoof">
+      <input type="hidden" name="attr_exploding_hoof_d10" style="display: none;" value="{1d9, floor(1d10/10)*{1d0 + 10, 1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1}k1"/>
+      <button type="roll" value="&amp;{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d10}} {{result=[[@{exploding_hoof_d10}]]}}"></button>
+    </div>
+    <div class="explodingHoof">
+      <input type="hidden" name="attr_exploding_hoof_d12" style="display: none;" value="{1d11, floor(1d12/12)*{1d0 + 12, 1d20}k1}k1"/>
+      <button type="roll" value="&amp;{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d12}} {{result=[[@{exploding_hoof_d12}]]}}"></button>
+    </div>
+  </div>
   <div>
     <div class="talents">
       <h1>Talents:</h1>