From 174253cf4deed28cd3150c0137e68c633b9dc06e Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Sun, 7 Jul 2024 17:17:20 +0200
Subject: [PATCH] Feat : add onclick event for text

---
 output/heron/001.svg     | 2 +-
 output/heron/002.svg     | 2 +-
 output/heron/003.svg     | 2 +-
 output/heron/005.svg     | 4 ++--
 output/heron/006.svg     | 2 +-
 output/heron/007.svg     | 4 ++--
 output/heron/008.svg     | 2 +-
 output/heron/009.svg     | 2 +-
 output/heron/010.svg     | 2 +-
 output/heron/011.svg     | 2 +-
 output/heron/012.svg     | 2 +-
 output/heron/013.svg     | 2 +-
 output/heron/014.svg     | 2 +-
 output/heron/016.svg     | 2 +-
 output/heron/017.svg     | 4 ++--
 output/heron/018.svg     | 4 ++--
 output/heron/019.svg     | 2 +-
 output/heron/020.svg     | 2 +-
 output/heron/023.svg     | 2 +-
 output/heron/025.svg     | 2 +-
 output/heron/026.svg     | 2 +-
 output/heron/027.svg     | 2 +-
 output/heron/030.svg     | 2 +-
 output/heron/031.svg     | 2 +-
 output/heron/033.svg     | 2 +-
 output/heron/034.svg     | 2 +-
 output/heron/036.svg     | 2 +-
 output/heron/037.svg     | 4 ++--
 output/heron/038.svg     | 2 +-
 output/heron/039.svg     | 2 +-
 output/heron/040.svg     | 4 ++--
 output/heron/041.svg     | 4 ++--
 output/heron/042.svg     | 2 +-
 output/heron/043.svg     | 2 +-
 output/heron/045.svg     | 2 +-
 output/heron/046.svg     | 2 +-
 output/heron/047.svg     | 4 ++--
 output/heron/048.svg     | 2 +-
 output/heron/049.svg     | 2 +-
 output/heron/050.svg     | 2 +-
 output/heron/051.svg     | 2 +-
 output/heron/052.svg     | 2 +-
 output/heron/053.svg     | 4 ++--
 output/heron/054.svg     | 2 +-
 output/heron/060.svg     | 4 ++--
 output/heron/061.svg     | 4 ++--
 output/heron/062.svg     | 4 ++--
 output/heron/063.svg     | 4 ++--
 output/heron/064.svg     | 2 +-
 output/heron/065.svg     | 2 +-
 output/heron/066.svg     | 2 +-
 output/heron/067.svg     | 2 +-
 output/heron/068.svg     | 2 +-
 output/heron/069.svg     | 4 ++--
 output/heron/070.svg     | 2 +-
 output/heron/071.svg     | 2 +-
 output/heron/072.svg     | 4 ++--
 output/heron/073.svg     | 2 +-
 output/heron/074.svg     | 2 +-
 output/heron/078.svg     | 2 +-
 output/heron/079.svg     | 2 +-
 output/heron/080.svg     | 2 +-
 output/heron/081.svg     | 2 +-
 output/heron/082.svg     | 2 +-
 output/heron/086.svg     | 2 +-
 output/heron/091.svg     | 2 +-
 output/heron/092.svg     | 2 +-
 output/heron/094.svg     | 2 +-
 output/heron/095.svg     | 2 +-
 output/heron/099.svg     | 2 +-
 output/heron/101.svg     | 2 +-
 output/heron/102.svg     | 2 +-
 src/data/heron_skin.json | 2 +-
 src/draw_functions.py    | 4 +++-
 74 files changed, 91 insertions(+), 89 deletions(-)

diff --git a/output/heron/001.svg b/output/heron/001.svg
index c3b3b74..0af7b2d 100644
--- a/output/heron/001.svg
+++ b/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)}">
diff --git a/output/heron/002.svg b/output/heron/002.svg
index 46ff698..5093687 100644
--- a/output/heron/002.svg
+++ b/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)}">
diff --git a/output/heron/003.svg b/output/heron/003.svg
index 61819c8..71ddbad 100644
--- a/output/heron/003.svg
+++ b/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)}">
diff --git a/output/heron/005.svg b/output/heron/005.svg
index 7307f9d..8447d5a 100644
--- a/output/heron/005.svg
+++ b/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>
diff --git a/output/heron/006.svg b/output/heron/006.svg
index 2bee63c..03b33de 100644
--- a/output/heron/006.svg
+++ b/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>
diff --git a/output/heron/007.svg b/output/heron/007.svg
index faf5c3c..ed8c43a 100644
--- a/output/heron/007.svg
+++ b/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>
diff --git a/output/heron/008.svg b/output/heron/008.svg
index 4bc4bec..a332fbf 100644
--- a/output/heron/008.svg
+++ b/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)}">
diff --git a/output/heron/009.svg b/output/heron/009.svg
index d048139..d08cb5c 100644
--- a/output/heron/009.svg
+++ b/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)}">
diff --git a/output/heron/010.svg b/output/heron/010.svg
index 573552d..dacff5c 100644
--- a/output/heron/010.svg
+++ b/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>
diff --git a/output/heron/011.svg b/output/heron/011.svg
index 0a52bbc..2d05a80 100644
--- a/output/heron/011.svg
+++ b/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)}">
diff --git a/output/heron/012.svg b/output/heron/012.svg
index 043e1d3..6ff5aec 100644
--- a/output/heron/012.svg
+++ b/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)}">
diff --git a/output/heron/013.svg b/output/heron/013.svg
index c521ba8..37f7631 100644
--- a/output/heron/013.svg
+++ b/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">
diff --git a/output/heron/014.svg b/output/heron/014.svg
index 476e82a..298d2ef 100644
--- a/output/heron/014.svg
+++ b/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>
diff --git a/output/heron/016.svg b/output/heron/016.svg
index ef393d4..48a5e18 100644
--- a/output/heron/016.svg
+++ b/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>
diff --git a/output/heron/017.svg b/output/heron/017.svg
index 67ff321..68f1dd0 100644
--- a/output/heron/017.svg
+++ b/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>
diff --git a/output/heron/018.svg b/output/heron/018.svg
index f7a68e6..37d4750 100644
--- a/output/heron/018.svg
+++ b/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>
diff --git a/output/heron/019.svg b/output/heron/019.svg
index 7e273fb..d44ee99 100644
--- a/output/heron/019.svg
+++ b/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)}">
diff --git a/output/heron/020.svg b/output/heron/020.svg
index 02abf00..24842b7 100644
--- a/output/heron/020.svg
+++ b/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>
diff --git a/output/heron/023.svg b/output/heron/023.svg
index 18f05d9..fcdb5b3 100644
--- a/output/heron/023.svg
+++ b/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>
diff --git a/output/heron/025.svg b/output/heron/025.svg
index 7d1a46b..98cba25 100644
--- a/output/heron/025.svg
+++ b/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)}">
diff --git a/output/heron/026.svg b/output/heron/026.svg
index 13e6c00..2f73e4a 100644
--- a/output/heron/026.svg
+++ b/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>
diff --git a/output/heron/027.svg b/output/heron/027.svg
index 588fe62..9b89986 100644
--- a/output/heron/027.svg
+++ b/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)}">
diff --git a/output/heron/030.svg b/output/heron/030.svg
index f9e6dbe..b2e3719 100644
--- a/output/heron/030.svg
+++ b/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>
diff --git a/output/heron/031.svg b/output/heron/031.svg
index f702140..25eb564 100644
--- a/output/heron/031.svg
+++ b/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)}">
diff --git a/output/heron/033.svg b/output/heron/033.svg
index 6e0abdc..8d0a33f 100644
--- a/output/heron/033.svg
+++ b/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)}">
diff --git a/output/heron/034.svg b/output/heron/034.svg
index 5478080..ba57f20 100644
--- a/output/heron/034.svg
+++ b/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>
diff --git a/output/heron/036.svg b/output/heron/036.svg
index eef65bf..46e49a0 100644
--- a/output/heron/036.svg
+++ b/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)}">
diff --git a/output/heron/037.svg b/output/heron/037.svg
index 0f0ffe7..cd2ec1c 100644
--- a/output/heron/037.svg
+++ b/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>
diff --git a/output/heron/038.svg b/output/heron/038.svg
index 8ed5c42..cba038b 100644
--- a/output/heron/038.svg
+++ b/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)}">
diff --git a/output/heron/039.svg b/output/heron/039.svg
index 55583df..75a945f 100644
--- a/output/heron/039.svg
+++ b/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)}">
diff --git a/output/heron/040.svg b/output/heron/040.svg
index e8b5693..ca13219 100644
--- a/output/heron/040.svg
+++ b/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>
diff --git a/output/heron/041.svg b/output/heron/041.svg
index c1f50b5..cc18566 100644
--- a/output/heron/041.svg
+++ b/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>
diff --git a/output/heron/042.svg b/output/heron/042.svg
index 753f144..1f6d718 100644
--- a/output/heron/042.svg
+++ b/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>
diff --git a/output/heron/043.svg b/output/heron/043.svg
index 1166347..1753041 100644
--- a/output/heron/043.svg
+++ b/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>
diff --git a/output/heron/045.svg b/output/heron/045.svg
index 1491ac0..1f3be62 100644
--- a/output/heron/045.svg
+++ b/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)}">
diff --git a/output/heron/046.svg b/output/heron/046.svg
index 35bb8a9..ad4739e 100644
--- a/output/heron/046.svg
+++ b/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)}">
diff --git a/output/heron/047.svg b/output/heron/047.svg
index 97c36d2..79fc60e 100644
--- a/output/heron/047.svg
+++ b/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>
diff --git a/output/heron/048.svg b/output/heron/048.svg
index 3a676dc..71a42c4 100644
--- a/output/heron/048.svg
+++ b/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>
diff --git a/output/heron/049.svg b/output/heron/049.svg
index e3bbc95..5f54024 100644
--- a/output/heron/049.svg
+++ b/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>
diff --git a/output/heron/050.svg b/output/heron/050.svg
index 0b534bc..2629915 100644
--- a/output/heron/050.svg
+++ b/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)}">
diff --git a/output/heron/051.svg b/output/heron/051.svg
index b67e03a..628ab10 100644
--- a/output/heron/051.svg
+++ b/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)}">
diff --git a/output/heron/052.svg b/output/heron/052.svg
index a604696..8cfab0a 100644
--- a/output/heron/052.svg
+++ b/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)}">
diff --git a/output/heron/053.svg b/output/heron/053.svg
index ffbd13b..03af76c 100644
--- a/output/heron/053.svg
+++ b/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>
diff --git a/output/heron/054.svg b/output/heron/054.svg
index 9af8a9d..1218fe1 100644
--- a/output/heron/054.svg
+++ b/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)}">
diff --git a/output/heron/060.svg b/output/heron/060.svg
index dccfffe..bb0ea05 100644
--- a/output/heron/060.svg
+++ b/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>
diff --git a/output/heron/061.svg b/output/heron/061.svg
index 50e5926..f491acc 100644
--- a/output/heron/061.svg
+++ b/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>
diff --git a/output/heron/062.svg b/output/heron/062.svg
index 306083a..61c2318 100644
--- a/output/heron/062.svg
+++ b/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>
diff --git a/output/heron/063.svg b/output/heron/063.svg
index 2ae7feb..bbe811d 100644
--- a/output/heron/063.svg
+++ b/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>
diff --git a/output/heron/064.svg b/output/heron/064.svg
index 848bd1b..5e9d487 100644
--- a/output/heron/064.svg
+++ b/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)}">
diff --git a/output/heron/065.svg b/output/heron/065.svg
index 7a80399..50eb65b 100644
--- a/output/heron/065.svg
+++ b/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)}">
diff --git a/output/heron/066.svg b/output/heron/066.svg
index 409a4f1..339de64 100644
--- a/output/heron/066.svg
+++ b/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)}">
diff --git a/output/heron/067.svg b/output/heron/067.svg
index ef51f8b..4cd51e9 100644
--- a/output/heron/067.svg
+++ b/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>
diff --git a/output/heron/068.svg b/output/heron/068.svg
index 7c15369..ca6cdea 100644
--- a/output/heron/068.svg
+++ b/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>
diff --git a/output/heron/069.svg b/output/heron/069.svg
index edb9055..00e380e 100644
--- a/output/heron/069.svg
+++ b/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>
diff --git a/output/heron/070.svg b/output/heron/070.svg
index 2871107..8b636ee 100644
--- a/output/heron/070.svg
+++ b/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)}">
diff --git a/output/heron/071.svg b/output/heron/071.svg
index 859c7fe..ca2a8cb 100644
--- a/output/heron/071.svg
+++ b/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)}">
diff --git a/output/heron/072.svg b/output/heron/072.svg
index 8ce2f7f..057f6c5 100644
--- a/output/heron/072.svg
+++ b/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>
diff --git a/output/heron/073.svg b/output/heron/073.svg
index f890b92..c203b7f 100644
--- a/output/heron/073.svg
+++ b/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>
diff --git a/output/heron/074.svg b/output/heron/074.svg
index f16d1bc..3336bd5 100644
--- a/output/heron/074.svg
+++ b/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>
diff --git a/output/heron/078.svg b/output/heron/078.svg
index 6b0988f..9ff1ece 100644
--- a/output/heron/078.svg
+++ b/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)}">
diff --git a/output/heron/079.svg b/output/heron/079.svg
index 8af30ce..b42d3ff 100644
--- a/output/heron/079.svg
+++ b/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>
diff --git a/output/heron/080.svg b/output/heron/080.svg
index 5c40a51..c082dcf 100644
--- a/output/heron/080.svg
+++ b/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)}">
diff --git a/output/heron/081.svg b/output/heron/081.svg
index a3fbc06..e81c6cf 100644
--- a/output/heron/081.svg
+++ b/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>
diff --git a/output/heron/082.svg b/output/heron/082.svg
index 4786cc6..1ff80d6 100644
--- a/output/heron/082.svg
+++ b/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)}">
diff --git a/output/heron/086.svg b/output/heron/086.svg
index bcd5889..8b5dba8 100644
--- a/output/heron/086.svg
+++ b/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>
diff --git a/output/heron/091.svg b/output/heron/091.svg
index 20f5feb..55acb45 100644
--- a/output/heron/091.svg
+++ b/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)}">
diff --git a/output/heron/092.svg b/output/heron/092.svg
index e940481..4bb687b 100644
--- a/output/heron/092.svg
+++ b/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>
diff --git a/output/heron/094.svg b/output/heron/094.svg
index 996a4ff..91e4876 100644
--- a/output/heron/094.svg
+++ b/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)}">
diff --git a/output/heron/095.svg b/output/heron/095.svg
index 1e1d727..18e6ea7 100644
--- a/output/heron/095.svg
+++ b/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>
diff --git a/output/heron/099.svg b/output/heron/099.svg
index f51a5a9..df8367b 100644
--- a/output/heron/099.svg
+++ b/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>
diff --git a/output/heron/101.svg b/output/heron/101.svg
index 487ca66..b21c29b 100644
--- a/output/heron/101.svg
+++ b/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>
diff --git a/output/heron/102.svg b/output/heron/102.svg
index c57b608..270b4db 100644
--- a/output/heron/102.svg
+++ b/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)}">
diff --git a/src/data/heron_skin.json b/src/data/heron_skin.json
index b6f3a59..489837f 100644
--- a/src/data/heron_skin.json
+++ b/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"
         }
     }
     
diff --git a/src/draw_functions.py b/src/draw_functions.py
index bacf7c2..8855278 100644
--- a/src/draw_functions.py
+++ b/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")),
                 },
             )
         )