diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro
index 14429ce..20fe464 100644
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/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');
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 839cccf..4253999 100644
--- a/src/pages/drag/index.astro
+++ b/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');
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index 0075011..6fc33df 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/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');
diff --git a/src/pages/drag/testv3.astro b/src/pages/drag/testv3.astro
index 6401c5e..2a9281d 100644
--- a/src/pages/drag/testv3.astro
+++ b/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');
diff --git a/src/pages/drag/tmp.astro b/src/pages/drag/tmp.astro
index 0bdbbce..d0760a1 100644
--- a/src/pages/drag/tmp.astro
+++ b/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');
diff --git a/src/pages/drag/tmp2.astro b/src/pages/drag/tmp2.astro
index 891a094..b52c92e 100644
--- a/src/pages/drag/tmp2.astro
+++ b/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');
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index 46ed310..42a41a3 100644
--- a/src/pages/drag/v2.astro
+++ b/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');
diff --git a/src/pages/drag/v20.astro b/src/pages/drag/v20.astro
index 4984cc0..ec9db46 100644
--- a/src/pages/drag/v20.astro
+++ b/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);
diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro
index 22c7e6c..78b81fd 100644
--- a/src/pages/drag/v3.astro
+++ b/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');
diff --git a/src/pages/drag/v30.astro b/src/pages/drag/v30.astro
index 7896f4f..f07b0e9 100644
--- a/src/pages/drag/v30.astro
+++ b/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');
diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro
index 00f2ea2..083a1d3 100644
--- a/src/pages/drag/v4.astro
+++ b/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');
diff --git a/src/pages/drag/v40.astro b/src/pages/drag/v40.astro
index 4d8f68e..32ad733 100644
--- a/src/pages/drag/v40.astro
+++ b/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');
diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro
index 088decd..899a16f 100644
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/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');
diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro
index 29ac8c5..1955b5c 100644
--- a/src/pages/drawing/drawing_writo.astro
+++ b/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');
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 08004d8..bfea7ed 100644
--- a/src/pages/drawing/index.astro
+++ b/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');
diff --git a/src/pages/drawing/test.astro b/src/pages/drawing/test.astro
index 35bbc31..bab131b 100644
--- a/src/pages/drawing/test.astro
+++ b/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');
diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro
index 15c967a..a53a687 100644
--- a/src/pages/drawing/v2.astro
+++ b/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');
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 60661b4..a96db31 100644
--- a/src/pages/drawing/v3.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/0.astro b/src/pages/guided-tracing/0.astro
index 39c109c..dba59f5 100644
--- a/src/pages/guided-tracing/0.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/1.astro b/src/pages/guided-tracing/1.astro
index f2fdfb1..1344a0c 100644
--- a/src/pages/guided-tracing/1.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/2.astro b/src/pages/guided-tracing/2.astro
index 6d470cd..b363c00 100644
--- a/src/pages/guided-tracing/2.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/3.astro b/src/pages/guided-tracing/3.astro
index c1336b2..d2fc72d 100644
--- a/src/pages/guided-tracing/3.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/4.astro b/src/pages/guided-tracing/4.astro
index d5d33a2..38e9f7e 100644
--- a/src/pages/guided-tracing/4.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/5.astro b/src/pages/guided-tracing/5.astro
index 6b268aa..63bf4e2 100644
--- a/src/pages/guided-tracing/5.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/6.astro b/src/pages/guided-tracing/6.astro
index 1eea3f9..6720ca9 100644
--- a/src/pages/guided-tracing/6.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/7.astro b/src/pages/guided-tracing/7.astro
index d04d500..3135099 100644
--- a/src/pages/guided-tracing/7.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/8.astro b/src/pages/guided-tracing/8.astro
index 5854117..8ac5685 100644
--- a/src/pages/guided-tracing/8.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/9.astro b/src/pages/guided-tracing/9.astro
index 5cc4520..2d63879 100644
--- a/src/pages/guided-tracing/9.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/A.astro b/src/pages/guided-tracing/A.astro
index 219b7e9..079e0c7 100644
--- a/src/pages/guided-tracing/A.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/B.astro b/src/pages/guided-tracing/B.astro
index a1492d1..852f2b0 100644
--- a/src/pages/guided-tracing/B.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/C.astro b/src/pages/guided-tracing/C.astro
index 77400e3..6fca3e8 100644
--- a/src/pages/guided-tracing/C.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/D.astro b/src/pages/guided-tracing/D.astro
index bfdc6c4..abf253c 100644
--- a/src/pages/guided-tracing/D.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/E.astro b/src/pages/guided-tracing/E.astro
index 2ea3f39..8c37969 100644
--- a/src/pages/guided-tracing/E.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/F.astro b/src/pages/guided-tracing/F.astro
index 93f5e47..31da6d9 100644
--- a/src/pages/guided-tracing/F.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/G.astro b/src/pages/guided-tracing/G.astro
index 1efec96..1631fa6 100644
--- a/src/pages/guided-tracing/G.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/H.astro b/src/pages/guided-tracing/H.astro
index 206d247..e65da05 100644
--- a/src/pages/guided-tracing/H.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/I.astro b/src/pages/guided-tracing/I.astro
index 8de8f44..a8f024c 100644
--- a/src/pages/guided-tracing/I.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/J.astro b/src/pages/guided-tracing/J.astro
index 72d9f5c..fa5ca8c 100644
--- a/src/pages/guided-tracing/J.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/K.astro b/src/pages/guided-tracing/K.astro
index 11880a1..4492882 100644
--- a/src/pages/guided-tracing/K.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/L.astro b/src/pages/guided-tracing/L.astro
index 14d8899..21b5c01 100644
--- a/src/pages/guided-tracing/L.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/M.astro b/src/pages/guided-tracing/M.astro
index f7c3174..99dbcf7 100644
--- a/src/pages/guided-tracing/M.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/N.astro b/src/pages/guided-tracing/N.astro
index fad1e07..c31b600 100644
--- a/src/pages/guided-tracing/N.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/O.astro b/src/pages/guided-tracing/O.astro
index 9d56c25..c5cccbd 100644
--- a/src/pages/guided-tracing/O.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/P.astro b/src/pages/guided-tracing/P.astro
index 741aacc..db21bb2 100644
--- a/src/pages/guided-tracing/P.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/Q.astro b/src/pages/guided-tracing/Q.astro
index e90308e..0354bea 100644
--- a/src/pages/guided-tracing/Q.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/R.astro b/src/pages/guided-tracing/R.astro
index f93d79d..183c946 100644
--- a/src/pages/guided-tracing/R.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/S.astro b/src/pages/guided-tracing/S.astro
index 0a4bb4c..ae7bd55 100644
--- a/src/pages/guided-tracing/S.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/T.astro b/src/pages/guided-tracing/T.astro
index cd57740..af9c054 100644
--- a/src/pages/guided-tracing/T.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/U.astro b/src/pages/guided-tracing/U.astro
index 0c10ce6..c044f0c 100644
--- a/src/pages/guided-tracing/U.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/V.astro b/src/pages/guided-tracing/V.astro
index 42b5134..3cb4e9c 100644
--- a/src/pages/guided-tracing/V.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/W.astro b/src/pages/guided-tracing/W.astro
index ead9f16..c425d16 100644
--- a/src/pages/guided-tracing/W.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/X.astro b/src/pages/guided-tracing/X.astro
index 96bcb7f..afdaf32 100644
--- a/src/pages/guided-tracing/X.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/Y.astro b/src/pages/guided-tracing/Y.astro
index 673a603..49754ca 100644
--- a/src/pages/guided-tracing/Y.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/Z.astro b/src/pages/guided-tracing/Z.astro
index d9937f9..ca071f0 100644
--- a/src/pages/guided-tracing/Z.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/a.astro b/src/pages/guided-tracing/a.astro
index edd63cd..b74fddb 100644
--- a/src/pages/guided-tracing/a.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro
index dd67ffb..23c2c88 100644
--- a/src/pages/guided-tracing/b.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/c.astro b/src/pages/guided-tracing/c.astro
index ee98f38..647147a 100644
--- a/src/pages/guided-tracing/c.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro
index 4199136..fcacc70 100644
--- a/src/pages/guided-tracing/d.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/e.astro b/src/pages/guided-tracing/e.astro
index 04b1a1c..b4c3eb0 100644
--- a/src/pages/guided-tracing/e.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/f.astro b/src/pages/guided-tracing/f.astro
index 77e296b..a572811 100644
--- a/src/pages/guided-tracing/f.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/g.astro b/src/pages/guided-tracing/g.astro
index 7dca388..17beacd 100644
--- a/src/pages/guided-tracing/g.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/h.astro b/src/pages/guided-tracing/h.astro
index c4ecc05..574b945 100644
--- a/src/pages/guided-tracing/h.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/i.astro b/src/pages/guided-tracing/i.astro
index 79568da..fe48e47 100644
--- a/src/pages/guided-tracing/i.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/j.astro b/src/pages/guided-tracing/j.astro
index f229650..be4f258 100644
--- a/src/pages/guided-tracing/j.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/k.astro b/src/pages/guided-tracing/k.astro
index d607342..d0a3aed 100644
--- a/src/pages/guided-tracing/k.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/l.astro b/src/pages/guided-tracing/l.astro
index b3a3c28..0b20285 100644
--- a/src/pages/guided-tracing/l.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/m.astro b/src/pages/guided-tracing/m.astro
index 196e393..f5b9b62 100644
--- a/src/pages/guided-tracing/m.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/n.astro b/src/pages/guided-tracing/n.astro
index dadbae2..9a88d92 100644
--- a/src/pages/guided-tracing/n.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/o.astro b/src/pages/guided-tracing/o.astro
index 549bf75..518fea4 100644
--- a/src/pages/guided-tracing/o.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/p.astro b/src/pages/guided-tracing/p.astro
index d9fe5ab..22b99e8 100644
--- a/src/pages/guided-tracing/p.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/q.astro b/src/pages/guided-tracing/q.astro
index eb95f9d..5678643 100644
--- a/src/pages/guided-tracing/q.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/r.astro b/src/pages/guided-tracing/r.astro
index 42a287b..2a1fdaf 100644
--- a/src/pages/guided-tracing/r.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/s.astro b/src/pages/guided-tracing/s.astro
index 2f6053b..0401418 100644
--- a/src/pages/guided-tracing/s.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/t.astro b/src/pages/guided-tracing/t.astro
index ab04903..f37cd00 100644
--- a/src/pages/guided-tracing/t.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/u.astro b/src/pages/guided-tracing/u.astro
index a8c7d9a..5435c08 100644
--- a/src/pages/guided-tracing/u.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/v.astro b/src/pages/guided-tracing/v.astro
index 710029c..5ba94ee 100644
--- a/src/pages/guided-tracing/v.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/w.astro b/src/pages/guided-tracing/w.astro
index a1fa1db..eb0894c 100644
--- a/src/pages/guided-tracing/w.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/x.astro b/src/pages/guided-tracing/x.astro
index 9653da8..145477b 100644
--- a/src/pages/guided-tracing/x.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/y.astro b/src/pages/guided-tracing/y.astro
index 4398073..c36d731 100644
--- a/src/pages/guided-tracing/y.astro
+++ b/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');
diff --git a/src/pages/guided-tracing/z.astro b/src/pages/guided-tracing/z.astro
index 6c33024..c1fa45c 100644
--- a/src/pages/guided-tracing/z.astro
+++ b/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');
diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro
index fc1c3a7..8e035fb 100644
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro
index aa9b5d4..b7edc62 100644
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro
index eca0e9d..5314aeb 100644
--- a/src/pages/tick/tick_phonics_v3.astro
+++ b/src/pages/tick/tick_phonics_v3.astro
@@ -9,7 +9,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro
index 89e9fc8..5dd1925 100644
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro
index 1a0ecca..84fbd89 100644
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -8,7 +8,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro
index 2f73bb3..74a8f6a 100644
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -9,7 +9,7 @@ import Layout from "../../layouts/Layout.astro";
-

+
@@ -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;
diff --git a/src/pages/tracing/index.astro b/src/pages/tracing/index.astro
index c09ff7a..1a49baf 100644
--- a/src/pages/tracing/index.astro
+++ b/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() {