s

src/pages/cross/cross_phonics_v1.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/cross/cross_phonics_v2.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/cross/v1.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/cross/v2.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/cross/v3.astro

@@ -9,7 +9,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/drag/dragdrop_phonics.astro

@@ -240,7 +240,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drag/index.astro

@@ -265,7 +265,7 @@ const numberOfTimes = starNumberOfTime;
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drag/match_phonics.astro

@@ -244,10 +244,10 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drag/testv3.astro

@@ -305,7 +305,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("retryIcon", "/assets/svg/retry.svg")
         // this.load.image("bg", '/assets/bgwhite.jpg');

src/pages/drag/tmp.astro

@@ -228,7 +228,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("retryIcon", "/assets/svg/retry.svg")
         this.load.image("border", '/assets/squar.png');

src/pages/drag/tmp2.astro

@@ -237,7 +237,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("retryIcon", "/assets/svg/retry.svg")
         this.load.image("border", '/assets/squar.png');

src/pages/drag/v2.astro

@@ -244,10 +244,10 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drag/v20.astro

@@ -232,7 +232,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         // this.load.image("bg", '/assets/bgwhite.jpg');
         // this.load.image("target1", assetsList.right_image1);

src/pages/drag/v3.astro

@@ -275,7 +275,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');

src/pages/drag/v30.astro

@@ -259,7 +259,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("retryIcon", "/assets/svg/retry.svg")
         this.load.image("border", '/assets/squar.png');

src/pages/drag/v4.astro

@@ -239,7 +239,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         // this.load.image("tick", '/assets/tick.png');
 
         this.load.image("tickIcon", '/assets/svg/tick2.svg');

src/pages/drag/v40.astro

@@ -228,7 +228,7 @@ import Layout from '../../layouts/Layout.astro';
             this.load.image('logo'+i, '/assets/background.jpg');
         }
         this.load.image("topMatch", "/assets/top_match.jpg");
-        this.load.image("topLogo", "/assets/top_logo.jpg");
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tick", '/assets/tick.png');
         this.load.image("retryIcon", "/assets/svg/retry.svg")
         this.load.image("border", '/assets/squar.png');

src/pages/drawing/drawing_phonics.astro

@@ -134,7 +134,7 @@ import Layout from '../../layouts/Layout.astro';
 
     function preload() {
         this.load.image('outline', assetsList.image);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drawing/drawing_writo.astro

@@ -135,7 +135,7 @@ import Layout from '../../layouts/Layout.astro';
 
     function preload() {
         this.load.image('outline', assetsList.image);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drawing/index.astro

@@ -249,7 +249,7 @@ import Layout from '../../layouts/Layout.astro';
 
     function preload() {
         this.load.image('outline', assetsList.image);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drawing/test.astro

@@ -139,7 +139,7 @@ import Layout from '../../layouts/Layout.astro';
 
     function preload() {
         this.load.image('outline', assetsList.image);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drawing/v2.astro

@@ -179,7 +179,7 @@ import Layout from '../../layouts/Layout.astro';
     function preload() {
         this.load.image('image1', assetsList.image1);
         this.load.image('image2', assetsList.image2);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/drawing/v3.astro

@@ -136,7 +136,7 @@ import Layout from '../../layouts/Layout.astro';
 
     function preload() {
         this.load.image('outline', assetsList.image);
-        this.load.image('topLogo', '/assets/top_logo.png');
+        this.load.image('topLogo', '/assets/top_logo.svg');
         this.load.image("tickIcon", '/assets/svg/tick2.svg');
         this.load.image("muteIcon", '/assets/svg/mute.svg');
         this.load.image("cancelIcon", '/assets/svg/cancel.svg');

src/pages/guided-tracing/0.astro

@@ -115,7 +115,7 @@ import Layout from "../../layouts/Layout.astro";
     this.load.svg('number0', '/assets/numeric/n0.svg');
     this.load.svg('layer1', '/assets/numeric/n0.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around-close.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/1.astro

@@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
     this.load.svg('number1', '/assets/numeric/n1.svg');
     this.load.svg('layer1', '/assets/numeric/n1.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/2.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/numeric/n2.svg');
     this.load.audio('audioOne', '/assets/audio/roll-slant.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/3.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer1', '/assets/numeric/n3.svg');
     this.load.svg('layer2', '/assets/numeric/n3.svg');
     this.load.audio('audioOne', '/assets/audio/roll-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/4.astro

@@ -110,7 +110,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/numeric/n4_l3.svg');
     this.load.audio('audioOne', '/assets/audio/down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/5.astro

@@ -111,7 +111,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-around.mp3');
     this.load.audio('audioThree', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/6.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/numeric/n6_l2.svg');
     this.load.audio('audioOne', '/assets/audio/curve-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/loop.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/7.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/numeric/n7_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slide.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/8.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/numeric/n8_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-snake.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-up.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/9.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/numeric/n9_l2.svg');
     this.load.audio('audioOne', '/assets/audio/curve-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/tall-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/A.astro

@@ -110,7 +110,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/slant-left.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant-right.mp3');
     this.load.audio('audioThree', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/B.astro

@@ -106,7 +106,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/b_l3.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/C.astro

@@ -102,7 +102,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterC', '/assets/capital-letter/c.svg');
     this.load.svg('layer1', '/assets/capital-letter/c.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/D.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/d_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/E.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
     this.load.audio('audioThree', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/F.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/f_l3.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/G.astro

@@ -100,7 +100,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/g_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/H.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/h_l3.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/I.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/i_l3.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/J.astro

@@ -103,7 +103,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterJ', '/assets/capital-letter/j.svg');
     this.load.svg('layer1', '/assets/capital-letter/j.svg');
     this.load.audio('audioOne', '/assets/audio/tall-hook.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/K.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/k_l3.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/L.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/l_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/M.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer4', '/assets/capital-letter/m_l4.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/N.astro

@@ -109,7 +109,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
     this.load.audio('audioThree', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/O.astro

@@ -103,7 +103,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterO', '/assets/capital-letter/o.svg');
     this.load.svg('layer1', '/assets/capital-letter/o.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around-close.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/P.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/p_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/Q.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/q_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/R.astro

@@ -111,7 +111,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide-around.mp3');
     this.load.audio('audioThree', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/S.astro

@@ -103,7 +103,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterS', '/assets/capital-letter/s.svg');
     this.load.svg('layer1', '/assets/capital-letter/s.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around-snake.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/T.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/t_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/U.astro

@@ -103,7 +103,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterU', '/assets/capital-letter/u.svg');
     this.load.svg('layer1', '/assets/capital-letter/u.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down-curve-up.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/V.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer1', '/assets/capital-letter/v_l1.svg');
     this.load.svg('layer2', '/assets/capital-letter/v_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/W.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/w_l3.svg');
     this.load.svg('layer4', '/assets/capital-letter/w_l4.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/X.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/capital-letter/x_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
     this.load.audio('audioTwo', '/assets/audio/cross.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/Y.astro

@@ -109,7 +109,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/slant-right.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant-left.mp3');
     this.load.audio('audioThree', '/assets/audio/down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/Z.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/capital-letter/z_l3.svg');
     this.load.audio('audioOne', '/assets/audio/slide.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/a.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/as_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/small-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/b.astro

@@ -106,7 +106,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/bs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/c.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterC', '/assets/small-letter/cs.svg');
     this.load.svg('layer1', '/assets/small-letter/cs.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/d.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/ds_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/e.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/es_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/slide.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/f.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/fs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/cross.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/g.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/gs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/down-tail.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/h.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/hs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/i.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/is_l2.svg');
     this.load.audio('audioOne', '/assets/audio/small-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/dot.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/j.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/js_l2.svg');
     this.load.audio('audioOne', '/assets/audio/down-tail.mp3');
     this.load.audio('audioTwo', '/assets/audio/dot.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/k.astro

@@ -110,7 +110,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant-in.mp3');
     this.load.audio('audioThree', '/assets/audio/slant-out.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/l.astro

@@ -105,7 +105,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterL', '/assets/small-letter/ls.svg');
     this.load.svg('layer1', '/assets/small-letter/ls.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/m.astro

@@ -108,7 +108,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/small-letter/ms_l3.svg');
     this.load.audio('audioOne', '/assets/audio/small-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/n.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/ns_l2.svg');
     this.load.audio('audioOne', '/assets/audio/small-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/o.astro

@@ -103,7 +103,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterO', '/assets/small-letter/os.svg');
     this.load.svg('layer1', '/assets/small-letter/os.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around-close.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/p.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/ps_l2.svg');
     this.load.audio('audioOne', '/assets/audio/down-tail.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll-around.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/q.astro

@@ -106,7 +106,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/qs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around.mp3');
     this.load.audio('audioTwo', '/assets/audio/down-hook.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/r.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/rs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/small-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/roll.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/s.astro

@@ -104,7 +104,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('letterS', '/assets/small-letter/ss.svg');
     this.load.svg('layer1', '/assets/small-letter/ss.svg');
     this.load.audio('audioOne', '/assets/audio/hook-around-snake.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/t.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/ts_l2.svg');
     this.load.audio('audioOne', '/assets/audio/tall-down.mp3');
     this.load.audio('audioTwo', '/assets/audio/cross.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/u.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/us_l2.svg');
     this.load.audio('audioOne', '/assets/audio/small-down-curve-up.mp3');
     this.load.audio('audioTwo', '/assets/audio/small-down.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/v.astro

@@ -106,7 +106,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer1', '/assets/small-letter/vs_l1.svg');
     this.load.svg('layer2', '/assets/small-letter/vs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/w.astro

@@ -106,7 +106,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/small-letter/ws_l3.svg');
     this.load.svg('layer4', '/assets/small-letter/ws_l4.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/x.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/xs_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slant.mp3');
     this.load.audio('audioTwo', '/assets/audio/cross.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/y.astro

@@ -107,7 +107,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer2', '/assets/small-letter/ys_l2.svg');
     this.load.audio('audioOne', '/assets/audio/slant-right.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant-tail.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/guided-tracing/z.astro

@@ -110,7 +110,7 @@ let scoreTotal = 0;  let isDrawing = false;
     this.load.svg('layer3', '/assets/small-letter/zs_l3.svg');
     this.load.audio('audioOne', '/assets/audio/slide.mp3');
     this.load.audio('audioTwo', '/assets/audio/slant.mp3');
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
     this.load.svg('hintImage', '/assets/svg/hint.svg');
     this.load.svg('handPointer', '/assets/svg/hand.svg');

src/pages/tick/tick_phonics_v1.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/tick/tick_phonics_v2.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/tick/tick_phonics_v3.astro

@@ -9,7 +9,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/tick/v1.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/tick/v2.astro

@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>

src/pages/tick/v3.astro

@@ -9,7 +9,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="shadow-md">
                     <div class="container mx-auto px-4 flex flex-row place-content-between pt-6">
                         <div>
-                            <img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
+                            <img src="/assets/top_logo.svg" alt="" draggable="false" class="select-none">
                         </div>
                         <div class="flex flex-row space-x-1 pb-2">
                             <button><img src="/assets/svg/mute.svg" alt=""></button>
@@ -111,6 +111,12 @@ import Layout from "../../layouts/Layout.astro";
     let progress = 0;
     const progressBar = document.createElement('div');
 
+    function showClipArt() {
+        const clipArtContainer = document.querySelector('.clip-art-container');
+        clipArtContainer.classList.remove('hidden');
+        clipArtContainer.classList.add('slide-in');
+    }
+
     fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
         .then(res => res.json())
         .then(data => {
@@ -144,12 +150,6 @@ import Layout from "../../layouts/Layout.astro";
                 }
             }
         });
-        function showClipArt() {
-        const clipArtContainer = document.querySelector('.clip-art-container');
-
-        clipArtContainer.classList.remove('hidden');
-        clipArtContainer.classList.add('slide-in');
-    }
 
     function addStarScalingStyles() {
         const style = document.createElement('style');
@@ -199,6 +199,7 @@ import Layout from "../../layouts/Layout.astro";
     }
 
     function saveUserData() {
+        document.getElementById('allParentDiv').style.display = 'block';
         const endTime = Date.now();
         const timeDifference = endTime - startTime;
         const timeDifferenceInSeconds = timeDifference / 1000;

src/pages/tracing/index.astro

@@ -60,7 +60,7 @@ var customHeight = window.innerHeight;
 function preload() {
     this.load.image('letter_img', assetsList.letter_img);
     this.load.image('icon_img', assetsList.icon_img);
-    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.image('topLogo', '/assets/top_logo.svg');
 }
 
 function create() {