Feat : add onclick event for text

output/heron/001.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">

output/heron/002.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/003.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(77.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">

output/heron/005.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>

output/heron/006.svg

@@ -57,7 +57,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/007.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>

output/heron/008.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre</tspan><tspan x="0" dy="1em">Garde que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/009.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/010.svg

@@ -56,7 +56,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>

output/heron/011.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/012.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/013.svg

@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="lancersiz3.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/013.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">

output/heron/014.svg

@@ -41,7 +41,7 @@
 <path d="M10,45 L264,45" stroke="black" stroke-width="1" />
 <path d="M10,90 L264,90" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 </g>

output/heron/016.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">stack_next_action_bought</text>
 </g>
 </g>

output/heron/017.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

output/heron/018.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 </g>

output/heron/019.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Assomez le champion ciblé. </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/020.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

output/heron/023.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/025.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/026.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>

output/heron/027.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_card</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/030.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/031.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/033.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/034.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/036.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/037.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/038.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/039.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/040.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier jusqu'à deux</tspan><tspan x="0" dy="1em">cartes de votre main et/ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/041.svg

@@ -41,14 +41,14 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez un champion de votre défausse</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/042.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>

output/heron/043.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/045.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/046.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/047.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 </g>

output/heron/048.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,45)">
 <g class="svg_effect">
 <circle cx="30" cy="22.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>

output/heron/049.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/050.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher jusqu'à deux cartes,</tspan><tspan x="0" dy="1em">défaussez-vous ensuite d'autant de cartes</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/051.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/052.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/053.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>

output/heron/054.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/060.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/061.svg

@@ -40,14 +40,14 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé se défausse d'une carte. </tspan><tspan x="0" dy="1em">restack_discarded_card</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/062.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_all_champions</text>
 </g>
 </g>

output/heron/063.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champions_passive</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">control_opposing_champion_passive</text>
 </g>
 </g>

output/heron/064.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">+ x None</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/065.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">damage_all_champions</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/066.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/067.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>

output/heron/068.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>

output/heron/069.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">damage_all_champions </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>

output/heron/070.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">discard_x_and_draw_x</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/071.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/072.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_another_champion</text>
 </g>
 </g>

output/heron/073.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>

output/heron/074.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

output/heron/078.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/079.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/080.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Couteau</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/081.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/082.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champion</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/086.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

output/heron/091.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/092.svg

@@ -44,7 +44,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">keep_in_hand</text>
 </g>
 </g>

output/heron/094.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_gem_for_free</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

output/heron/095.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_skills_passive </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>

output/heron/099.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>

output/heron/101.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_card_if_higher_price </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>

output/heron/102.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">pick_faction</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

src/data/heron_skin.json

@@ -9,7 +9,7 @@
         "13": {
             "title": "Caprisun",
             "flavor_text_type": "20cl",
-            "image_path": "lancersiz3.png"
+            "image_path": "../../img/skins/heron/013.png"
         }
     }
     

src/draw_functions.py

@@ -332,7 +332,9 @@ def create_effect_row(effects: list[Effect], type: str, height: int, width: int)
                 create_effect_text(effect_with_text, text_height, text_width),
                 transform=f"translate({width / 2},{text_y_pos})",
                 **{
-                    "v-bind:class": f"{{used:used_effects_indexes.includes({effect_with_text[0].get('index')})}}"
+                    "class": "svg_effect",
+                    "v-bind:class": f"{{used:used_effects_indexes.includes({effect_with_text[0].get('index')})}}",
+                    "v-on:click": js_event_function(effect_with_text[0].get("index")),
                 },
             )
         )