From 8674fd506d1c756e9ff3f3f4dc74ff3c0056a741 Mon Sep 17 00:00:00 2001
From: afornerot <afornerot@cadoles.com>
Date: Sat, 24 Feb 2024 12:15:58 +0100
Subject: [PATCH] svg

---
 src/routes/game/+page.svelte | 58 +++++++++++++++---------------------
 1 file changed, 24 insertions(+), 34 deletions(-)

diff --git a/src/routes/game/+page.svelte b/src/routes/game/+page.svelte
index d7b3685..15d3635 100644
--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@@ -375,78 +375,68 @@
             
         {/if}
     </div>
-    
+
     <div style="width:600px; max-width:100%; display:flex; flex-direction: column; margin:auto;">
-        <Tile {...data.tiles[0]} />
+        <Tile {...data.tiles[13]} />
         <div style="display:flex">
             <Tile {...data.tiles[12]} />
             <div class="tilenone"></div>
             <Tile {...data.tiles[14]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[11].img});"></div>
+            <Tile {...data.tiles[11]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[15].img});"></div>
+            <Tile {...data.tiles[15]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[10].img});"></div>
+            <Tile {...data.tiles[10]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[16].img});"></div>
+            <Tile {...data.tiles[16]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[10].img});"></div>
+            <Tile {...data.tiles[9]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[17].img});"></div>
+            <Tile {...data.tiles[17]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[10].img});"></div>
+            <Tile {...data.tiles[8]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[18].img});"></div>
+            <Tile {...data.tiles[18]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[9].img});"></div>
+            <Tile {...data.tiles[7]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[19].img});"></div>
+            <Tile {...data.tiles[19]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[8].img});"></div>
+            <Tile {...data.tiles[6]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[20].img});"></div>
+            <Tile {...data.tiles[20]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[7].img});"></div>
+            <Tile {...data.tiles[5]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[21].img});"></div>
+            <Tile {...data.tiles[21]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[6].img});"></div>
+            <Tile {...data.tiles[4]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[22].img});"></div>
+            <Tile {...data.tiles[22]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[5].img});"></div>
+            <Tile {...data.tiles[3]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[23].img});"></div>
+            <Tile {...data.tiles[23]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[4].img});"></div>
+            <Tile {...data.tiles[2]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[24].img});"></div>
+            <Tile {...data.tiles[24]}  />
         </div>
         <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[3].img});"></div>
+            <Tile {...data.tiles[1]} />
             <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[25].img});"></div>
-        </div>
-        <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[2].img});"></div>
-            <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[26].img});"></div>
-        </div>
-        <div style="display:flex">
-            <div class="tile"  style="background-image: url({data.tiles[1].img});"></div>
-            <div class="tilenone"></div>
-            <div class="tile"  style="background-image: url({data.tiles[27].img});"></div>
+            <Tile {...data.tiles[25]}  />
         </div>
         <div class="bigtile" style="background-image: url({data.tiles[0].img});"></div>        
     </div>