Hi GiGs! Thank you! This is the complete code: HTML: <div class="holder"> <span class="title">RATTEN!</span> <span class="author">Charakterbogen &copy; Loki</span> <div class="basics curved-border"> <span>Name:</span> <input type="text" name="attr_character_name" class="header-input" placeholder="Name"> <span>Rotte:</span> <input type="text" name="attr_rotte" class="header-input" placeholder="Rotte"> <span>Ich:</span> <input type="text" name="attr_rotte" class="header-input" placeholder="Ich"> </div> <div class="small-title"> <span class="big-font">EIGENSCHAFTEN</span> </div> <div class="clever"> <span>Clever</span> <input type="number" name="attr_clever" value=1> <button type="action" name="act_clever" title="Clever-Wert zum Würfelpool hinzufügen">+</button> </div> <div class="sozial"> <span>Sozial</span> <input type="number" name="attr_sozial" value=1> <button type="action" name="act_sozial" title="Sozial-Wert zum Würfelpool hinzufügen">+</button> </div> <div class="stark"> <span>Stark</span> <input type="number" name="attr_stark" value=1> <button type="action" name="act_stark" title="Stark-Wert zum Würfelpool hinzufügen">+</button> </div> <div class="schnell"> <span>Schnell</span> <input type="number" name="attr_schnell" value=1> <button type="action" name="act_schnell" title="Schnell-Wert zum Würfelpool hinzufügen">+</button> </div> <div class="zaeh"> <span>Z&auml;h</span> <input type="number" name="attr_zaeh" value=1> <button type="action" name="act_zaeh" title="Zäh-Wert zum Würfelpool hinzufügen">+</button> </div> <div class="wuerfelpool curved-border"> <span class="middle-font">W&uuml;rfelpool:</span> <input type="text" name="attr_wuerfelpool" placeholder="0"> <button type="action" name="act_delete" class="delete" title="Würfelpool zurücksetzen">X</button> <button type="action" name="act_rolldice" class="sheet-d6-dice"></button> <!-- <button type="roll" title="Würfeln" value="&{template:test} {{name=Prüfung: @{character_name}}} {{Probe=[[1d6]]}} {{Schwierigkeit=?{Schwierigkeit|4}}} {{die1=$[[0]]}}" class="sheet-d6-dice" name="roll_pruefung" ></button> --> </div> <div class="talente-schrift"> <span class="big-font">TALENTE</span> </div> <div class="talente"> <fieldset class="repeating_talente"> <input type="text" placeholder="Talentname"></input> </fieldset> </div> <div class="tricks-schrift"> <span class="big-font">TRICKS</span> </div> <div class="tricks"> <fieldset class="repeating_tricks"> <input type="text" placeholder="Trick"></input> </fieldset> </div> <div class="lieder-schrift"> <span class="big-font">LIEDER</span> </div> <div class="lieder"> <fieldset class="repeating_lieder"> <input type="text" class="sechzig" placeholder="Lied"></input> <select name="attr_kategorie" class="dreissig"> <option value="fang">Fang</option> <option value="auge">Auge</option> <option value="herz">Herz</option> </select> </fieldset> </div> <div class="rotten-schrift"> <span class="big-font">ROTTENVOR- UND NACHTEILE</span> </div> <div class="rotten"> <fieldset class="repeating_rottenvorundnachteile"> <input type="text" placeholder="Rottenvor-/Nachteil"></input> </fieldset> </div> <div class="copyright"> <span class="author">RATTEN! &copy; Prometheus Verlag</span> </div> </div> Roll Template: <rolltemplate class="sheet-rolltemplate-test"> <div class="sheet-template-container"> <div class="sheet-template-header">{{name}}</div> <div class="spacer">&nbsp;</div> {{#rollBetween() die1 1 1}} <img src="<a href="https://i.ibb.co/7Gq3YDr/dice-1.png" rel="nofollow">https://i.ibb.co/7Gq3YDr/dice-1.png</a>" alt="dice-1" border="0" class="die"> {{/rollBetween() die1 1 1}} {{#rollBetween() die1 2 2}} <img src="<a href="https://i.ibb.co/Kqr7tvd/dice-2.png" rel="nofollow">https://i.ibb.co/Kqr7tvd/dice-2.png</a>" alt="dice-2" border="0" class="die"> {{/rollBetween() die1 2 2}} {{#rollBetween() die1 3 3}} <img src="<a href="https://i.ibb.co/q0PXNFF/dice-3.png" rel="nofollow">https://i.ibb.co/q0PXNFF/dice-3.png</a>" alt="dice-3" border="0" class="die"> {{/rollBetween() die1 3 3}} {{#rollBetween() die1 4 4}} <img src="<a href="https://i.ibb.co/51pWryp/dice-4.png" rel="nofollow">https://i.ibb.co/51pWryp/dice-4.png</a>" alt="dice-4" border="0" class="die"> {{/rollBetween() die1 4 4}} {{#rollBetween() die1 5 5}} <img src="<a href="https://i.ibb.co/ChDJPRy/dice-5.png" rel="nofollow">https://i.ibb.co/ChDJPRy/dice-5.png</a>" alt="dice-5" border="0" class="die"> {{/rollBetween() die1 5 5}} {{#rollBetween() die1 6 6}} <img src="<a href="https://i.ibb.co/LhkF1Vt/dice-6.png" rel="nofollow">https://i.ibb.co/LhkF1Vt/dice-6.png</a>" alt="dice-6" border="0" class="die"> {{/rollBetween() die1 6 6}} <div class="spacer">&nbsp;</div> <div class="sheet-template-row"> <div class="sheet-rolltemplate-item-left">Probe:</div> <div class="sheet-rolltemplate-item-right">{{Probe}}</div> </div> <div class="sheet-template-row"> <div class="sheet-rolltemplate-item-left">Schwierigkeit:</div> <div class="sheet-rolltemplate-item-right">{{Schwierigkeit}}</div> </div> </div> </rolltemplate> <rolltemplate class="sheet-rolltemplate-standard"> <div class="sheet-template-container"> <div class="sheet-template-header">{{name}}</div> <div class="spacer">&nbsp;</div> <div class="sheet-template-row"> <div class="sheet-rolltemplate-item-left">Schwierigkeit:</div> <div class="sheet-rolltemplate-item-right">{{Schwierigkeit}}</div> </div> {{#rollBetween() computed::Gluecksgriff 1 1}} <div class="spacer">&nbsp;</div> <div class="sheet-template-row"> <div class="sheet-rolltemplate-item-centered green">Gl&uuml;cksgriff!</div> </div> {{/rollBetween() computed::Gluecksgriff 1 1}} {{#rollBetween() computed::Patzer 1 1}} <div class="spacer">&nbsp;</div> <div class="sheet-template-row"> <div class="sheet-rolltemplate-item-centered red">Patzer!</div> </div> {{/rollBetween() computed::Patzer 1 1}} Images: {{computed::Images}} </div> </rolltemplate> Sheet Worker: <script type="text/worker"> on('clicked:rolldice', (info) => { startRoll("&{template:standard} {{name=Prüfung: @{character_name}}} {{Probe=[[@{wuerfelpool}d6k2]]}} {{Gluecksgriff=[[0]]}} {{Patzer=[[0]]}} {{Images=[[1d1]]}} {{Schwierigkeit=?{Schwierigkeit|4}}}", (results) => { let total = results.results.Probe.result; let dice = results.results.Probe.dice; let computed_g = 0; let computed_p = 0; let computed_i = ""; let einsen = dice.filter(die => die == 1); let sechsen = dice.filter(die => die == 6); if (einsen.length >= Math.ceil(dice.length / 2)) { computed_p = 1; } if (sechsen.length >= 2) { computed_g = 1; } computed_i = returnFilename(1); finishRoll( results.rollId, { Gluecksgriff: computed_g, Patzer: computed_p, Images: computed_i, } ); }); }); on("clicked:clever", function() { getAttrs(["clever"], function(values) { calculateDicepool(values.clever); }); }); on("clicked:sozial", function() { getAttrs(["sozial"], function(values) { calculateDicepool(values.sozial); }); }); on("clicked:stark", function() { getAttrs(["stark"], function(values) { calculateDicepool(values.stark); }); }); on("clicked:schnell", function() { getAttrs(["schnell"], function(values) { calculateDicepool(values.schnell); }); }); on("clicked:zaeh", function() { getAttrs(["zaeh"], function(values) { calculateDicepool(values.zaeh); }); }); on("clicked:delete", function() { setAttrs({ wuerfelpool: 0 }); }); function calculateDicepool(value) { getAttrs(["wuerfelpool"], function(values) { setAttrs({ wuerfelpool: (+values.wuerfelpool + +value) }); }); } function returnFilename(number) { return `[${number}](<a href="https://imgsrv.roll20.net/?src=https%3A//i.ibb.co/7Gq3YDr/dice-${number}.png)`" rel="nofollow">https://imgsrv.roll20.net/?src=https%3A//i.ibb.co/7Gq3YDr/dice-${number}.png)`</a>; } </script> CSS: @import url('<a href="https://fonts.googleapis.com/css2?family=Frijole&display=swap" rel="nofollow">https://fonts.googleapis.com/css2?family=Frijole&display=swap</a>'); *, *:before, *:after { box-sizing: border-box; text-align: center; font-size: 1.5rem; } .holder { background-color: black; color: white; border: 1px solid white; font-family: 'Frijole', cursive; background-image:linear-gradient(to top, black, #474747); display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5fr 1fr 1fr 1fr 5fr 1fr; } .sheet-rolltemplate-standard .sheet-template-container, .sheet-rolltemplate-test .sheet-template-container{ background-color: white; display: flex; flex-wrap: wrap; color: black; border: 2px solid black; border-style: inset; border-radius: 5px; width: 100%; border-spacing: 0; border-collapse: separate; box-shadow: 2px 2px 5px black; overflow: hidden; height: auto; font-weight: bold; } .sheet-rolltemplate-test img.sheet-die { width: 50px; height: 50px; } .sheet-rolltemplate-standard .spacer, .sheet-rolltemplate-test .spacer { width: 100%; } .sheet-rolltemplate-standard .sheet-template-header, .sheet-rolltemplate-test .sheet-template-header { text-align: center; background-color: black; color: white; width: 100%; border: 1px solid white; } .sheet-rolltemplate-standard .sheet-template-row, .sheet-rolltemplate-test .sheet-template-row { display: flex; width: 100%; } .sheet-rolltemplate-standard .sheet-rolltemplate-item-left, .sheet-rolltemplate-test .sheet-rolltemplate-item-left { width: 80%; } .sheet-rolltemplate-standard .sheet-rolltemplate-item-right, .sheet-rolltemplate-test .sheet-rolltemplate-item-right { width: 20%; } .sheet-rolltemplate-standard .rolltemplate-item-centered, .sheet-rolltemplate-test .rolltemplate-item-centered { width: 100%; font-weight: bold; } .sheet-rolltemplate-standard .sheet-green { color: green; margin: 0 auto; } .sheet-rolltemplate-standard .sheet-red { color: red; margin: 0 auto; } .holder .curved-border { border: 1px solid lightgrey; border-radius: 5px; } .holder button.sheet-d6-dice::before { font-family: 'dicefontd6'; content: 'F '; } .holder .delete { background-color: black; color: white; } .holder .title { font-size: 4rem; grid-column: 1 / 4; grid-row: 1 / 2 } .holder .sechzig { width: 60%; } .holder .dreissig { width: 30%; } button { background-color: black; } .holder .author { font-size: 1rem; grid-column: 1 / 4; grid-row: 2 / 3 } .holder .basics { display: flex; width: 100%; justify-content: space-between; grid-column: 1 / 4; grid-row: 4 / 5; } .holder .middle-font { font-size: 1.5rem; } .holder .big-font { font-size: 2rem; } .holder .small-title { grid-column: 1 / 4; grid-row: 6 / 7; } .holder .clever { grid-column: 1 / 2; grid-row: 7 / 8; } .holder .sozial { grid-column: 3 / 4; grid-row: 7 / 8; } .holder .stark { grid-column: 1 / 2; grid-row: 9 / 10; } .holder .schnell { grid-column: 3 / 4; grid-row: 9 / 10; } .holder .zaeh { grid-column: 2 / 3; grid-row: 10 / 11; } .holder .wuerfelpool { grid-column: 1 / 4; grid-row: 12 / 13; } .holder .talente-schrift { grid-column: 1 / 2; grid-row: 14 / 15; } .holder .talente { grid-column: 1 / 2; grid-row: 16 / 17; } .holder .tricks-schrift { grid-column: 3 / 4; grid-row: 14 / 15; } .holder .tricks { grid-column: 3 / 4; grid-row: 16 / 17; } .holder .lieder-schrift { grid-column: 1 / 2; grid-row: 18 / 19; } .holder .lieder { grid-column: 1 / 2; grid-row: 20 / 21; } .holder .rotten-schrift { grid-column: 3 / 4; grid-row: 18 / 19; } .holder .rotten { grid-column: 3 / 4; grid-row: 20 / 21; } .holder .copyright { grid-column: 2 / 3; grid-row: 30 / 31; } Cheers!