add data saved message

src/pages/cross/cross_phonics_v1.astro

@@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -180,7 +180,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/cross/cross_phonics_v2.astro

@@ -86,7 +86,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -213,7 +213,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/cross/v1.astro

@@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -179,7 +179,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/cross/v2.astro

@@ -86,7 +86,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -214,7 +214,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/cross/v3.astro

@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -165,7 +165,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/drag/dragdrop_phonics.astro

@@ -430,7 +430,7 @@ import Layout from '../../layouts/Layout.astro';
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
 
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',

src/pages/drag/index.astro

@@ -403,7 +403,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
 
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',

src/pages/drag/match_phonics.astro

@@ -409,7 +409,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
 
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',

src/pages/drag/v2.astro

@@ -409,7 +409,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',

src/pages/drag/v3.astro

@@ -439,7 +439,7 @@ import Layout from '../../layouts/Layout.astro';
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
 
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',

src/pages/drawing/drawing_phonics.astro

@@ -184,7 +184,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',

src/pages/drawing/drawing_writo.astro

@@ -184,7 +184,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
 
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',

src/pages/drawing/index.astro

@@ -189,7 +189,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',

src/pages/drawing/v2.astro

@@ -236,7 +236,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', ()=>{
                 window.location.reload();
             })
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',

src/pages/drawing/v3.astro

@@ -214,7 +214,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             })
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(1).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',

src/pages/guided-tracing/0.astro

@@ -127,11 +127,9 @@ import Layout from "../../layouts/Layout.astro";
     this.load.image('canvasStand', '/assets/stand2.png');
   }
   function create() {
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
+
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -149,7 +147,6 @@ import Layout from "../../layouts/Layout.astro";
       submitButton.setVisible(false);
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
-        submitNotic.setVisible(false);
         submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');

src/pages/guided-tracing/1.astro

@@ -40,7 +40,7 @@ import Layout from "../../layouts/Layout.astro";
   let firstLayer, secondLayer, thirdLayer;
   let graphics;
   let animatedLetter;
-let scoreTotal = 0;  let isDrawing = false;
+  let scoreTotal = 0;  let isDrawing = false;
   let formattedDateTime;
   let gameStartTime = "stat timr here";
 
@@ -119,11 +119,9 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+            submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
+
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -141,7 +139,6 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setVisible(false);
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
-        submitNotic.setVisible(false);
         submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');

src/pages/guided-tracing/2.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,7 +140,6 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
 submitUserData(this);
       })

src/pages/guided-tracing/3.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,7 +140,6 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
 submitUserData(this);
       })

src/pages/guided-tracing/4.astro

@@ -126,11 +126,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -148,7 +145,6 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
 submitUserData(this);
       })

src/pages/guided-tracing/5.astro

@@ -127,11 +127,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -149,7 +146,6 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
 submitUserData(this);
       })

src/pages/guided-tracing/6.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Number : 6", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/7.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Number : 7", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/8.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,9 +140,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Number : 8", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/9.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Number : 9", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/A.astro

@@ -124,11 +124,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -146,9 +143,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/B.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -142,9 +139,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : B", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/C.astro

@@ -117,11 +117,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -139,9 +136,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : C", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/D.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,7 +140,7 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setVisible(false);
         submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : D", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/E.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -140,9 +137,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : E", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/F.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : F", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/G.astro

@@ -113,11 +113,8 @@ let scoreTotal = 0;  let isDrawing = false;
   }
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -135,9 +132,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : G", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/H.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : H", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/I.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
 
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : I", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/J.astro

@@ -117,11 +117,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -139,9 +136,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : J", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/K.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/L.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -140,7 +137,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/M.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/N.astro

@@ -123,11 +123,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -145,7 +142,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/O.astro

@@ -117,11 +117,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -139,7 +136,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/P.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/Q.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
        
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/R.astro

@@ -125,11 +125,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -147,7 +144,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/S.astro

@@ -117,11 +117,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -139,7 +136,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/T.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/U.astro

@@ -117,11 +117,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -139,7 +136,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/V.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',

src/pages/guided-tracing/W.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -140,7 +137,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/X.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/Y.astro

@@ -123,11 +123,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -145,7 +142,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/Z.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/a.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,9 +140,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : a", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/b.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -142,9 +139,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : b", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/c.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -142,9 +139,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : c", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/d.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : d", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/e.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : e", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/f.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -142,9 +139,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : f", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/g.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : g", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/h.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,9 +140,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : h", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/i.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -144,9 +141,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : i", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/j.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -143,9 +140,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : j", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/k.astro

@@ -124,11 +124,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-      const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-      submitNotic.setVisible(false);
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
         fill: '#05b3a4',
@@ -146,9 +143,8 @@ let scoreTotal = 0;  let isDrawing = false;
       submitButton.setInteractive().on('pointerdown', () => {
         // console.log('Clicked');
         submitButton.setVisible(false);
-        submitNotic.setVisible(false);
         // windowLoad();
-submitUserData(this);
+        submitUserData(this);
       })
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : k", { font: '700 40px quicksand', fill: '#05b3a4', });

src/pages/guided-tracing/l.astro

@@ -119,11 +119,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -141,7 +138,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/m.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/n.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -143,7 +140,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/o.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -140,7 +137,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/p.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -140,7 +137,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/q.astro

@@ -120,11 +120,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -142,7 +139,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/r.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/s.astro

@@ -118,11 +118,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -140,7 +137,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/t.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/u.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',

src/pages/guided-tracing/v.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',

src/pages/guided-tracing/w.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -143,7 +140,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/x.astro

@@ -122,11 +122,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -144,7 +141,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/y.astro

@@ -121,11 +121,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -143,7 +140,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/guided-tracing/z.astro

@@ -126,11 +126,8 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-        const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', {
+                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
-          font: '600 20px Quicksand',
+
-          fill: '#05b3a4'
-      }).setDepth(1);
-        submitNotic.setVisible(false);
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
           fill: '#05b3a4',
@@ -148,7 +145,6 @@ let scoreTotal = 0;  let isDrawing = false;
         submitButton.setInteractive().on('pointerdown', () => {
           // console.log('Clicked');
           submitButton.setVisible(false);
-          submitNotic.setVisible(false);
           // windowLoad();
           submitUserData(this);
         })

src/pages/tick/tick_phonics_v1.astro

@@ -80,7 +80,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -191,7 +191,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/tick/tick_phonics_v2.astro

@@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -232,7 +232,10 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    // console.log("Response", response.status);
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/tick/tick_phonics_v3.astro

@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -154,7 +154,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/tick/v1.astro

@@ -77,7 +77,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                         </div>
                     </form>
                 </div>
@@ -186,7 +186,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/tick/v2.astro

@@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -230,7 +230,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }

src/pages/tick/v3.astro

@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p id="savedMessage"></p>
+                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -167,7 +167,9 @@ import Layout from "../../layouts/Layout.astro";
         })
             .then(response => {
                 if (response.ok) {
+                    if(response.status == 200){
                         document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                    }
                 } else {
                     // console.log('Something Wrong', response);
                 }