kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: kar:fetch2
Branches Tags
kar:master
kar:newb2
kar:newb
kar:b4
kar:fetch2
kar:b3
kar:b2
..
compare: kar:b3
Branches Tags
kar:master
kar:newb2
kar:newb
kar:b4
kar:fetch2
kar:b3
kar:b2

No commits in common. "fetch2" and "b3" have entirely different histories.
fetch2 ... b3

85 changed files with 551 additions and 293 deletions
Show Stats Expand all files Collapse all files

29
public/saveGameData.js
View File

@ -1,10 +1,8 @@
const queryString = window.location.search; const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString); const urlParams = new URLSearchParams(queryString);
const userId = urlParams.get('userId'); const userId = urlParams.get('userid');
let gameId; let gameId;
let submitNotic;
console.log(userId);
let startTime = Date.now(); let startTime = Date.now();
@ -52,10 +50,10 @@ function submitUserData(drawingZone) {
image.style.paddingLeft = '2px'; image.style.paddingLeft = '2px';
document.body.appendChild(image); document.body.appendChild(image);
// Download the snapshot as an image // Download the snapshot as an image
// const link = document.createElement('a'); const link = document.createElement('a');
// link.href = image.src; link.href = image.src;
// link.download = 'my_drawing.png'; link.download = 'my_drawing.png';
// link.click(); link.click();
document.body.removeChild(image); document.body.removeChild(image);
imageCode = image.src; imageCode = image.src;
}else if( gameType[0] == "guided-tracing"){ }else if( gameType[0] == "guided-tracing"){
@ -67,10 +65,10 @@ function submitUserData(drawingZone) {
image.style.paddingLeft = '2px'; image.style.paddingLeft = '2px';
document.body.appendChild(image); document.body.appendChild(image);
// Download the snapshot as an image // Download the snapshot as an image
// const link = document.createElement('a'); const link = document.createElement('a');
// link.href = image.src; link.href = image.src;
// link.download = `guided-tracing-${gameId}.png`; link.download = `guided-tracing-${gameId}.png`;
// link.click(); link.click();
document.body.removeChild(image); document.body.removeChild(image);
imageCode = image.src; imageCode = image.src;
} }
@ -87,7 +85,7 @@ function submitUserData(drawingZone) {
// 'starts': formattedDateTime, // 'starts': formattedDateTime,
// 'game_start' : gameStartTime, // 'game_start' : gameStartTime,
}; };
console.log(userData); // console.log(userData);
fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, { fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
method: 'POST', method: 'POST',
@ -98,12 +96,9 @@ function submitUserData(drawingZone) {
}) })
.then(response => { .then(response => {
if(response.ok){ if(response.ok){
console.log('Data Saved', response.status) // console.log('Data Saved', response)
if(response.status == 200){
submitNotic.setVisible(true);
}
} else{ } else{
// console.log('Something Wrong', response) // console.log('Something Wrong', response)
} }
}) })
.catch(error => { .catch(error => {

6
src/pages/cross/cross_phonics_v1.astro
View File

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

26
src/pages/cross/cross_phonics_v2.astro
View File

@ -24,69 +24,69 @@ import Layout from "../../layouts/Layout.astro";
<p id="LearningArea"></p> <p id="LearningArea"></p>
<p id="LearningSubArea_copy"></p> <p id="LearningSubArea_copy"></p>
</div> --> </div> -->
<p class="sm:text-2xl md:text-3xl lg:text-3xl text-center font-[600] text-[#60C6CB] my-2 select-none" id="gameDescription"></p> <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
<form id="contactForm"> <form id="contactForm">
<div id="" class="flex flex-row place-content-between gap-4"> <div id="" class="flex flex-row place-content-between gap-4">
<div class="flex flex-col gap-x-6 gap-y-2 place-items-center"> <div class="flex flex-col gap-x-6 gap-y-2 place-items-center">
<label for="a1" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a1" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image1" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image1" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label1" class="h-[50px] overflow-y-auto"></p> <p id="label1" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox largerCheckbox" value="a1"/> <input onclick="checkResult2('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox largerCheckbox" value="a1"/>
<label for="a2" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a2" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image2" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image2" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label2" class="h-[50px] overflow-y-auto"></p> <p id="label2" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox largerCheckbox" value="a2"/> <input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox largerCheckbox" value="a2"/>
<label for="a3" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a3" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image3" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image3" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label3" class="h-[50px] overflow-y-auto"></p> <p id="label3" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox largerCheckbox" value="a3"/> <input onclick="checkResult2('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox largerCheckbox" value="a3"/>
</div> </div>
<div class="flex flex-col gap-x-6 gap-y-2 place-items-center"> <div class="flex flex-col gap-x-6 gap-y-2 place-items-center">
<label for="a4" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a4" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image4" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image4" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label4" class="h-[50px] overflow-y-auto"></p> <p id="label4" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox largerCheckbox" value="a4"/> <input onclick="checkResult2('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox largerCheckbox" value="a4"/>
<label for="a5" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a5" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image5" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image5" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label5" class="h-[50px] overflow-y-auto"></p> <p id="label5" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox largerCheckbox" value="a5"/> <input onclick="checkResult2('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox largerCheckbox" value="a5"/>
<label for="a6" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a6" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image6" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image6" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label6" class="h-[50px] overflow-y-auto"></p> <p id="label6" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox largerCheckbox" value="a6"/> <input onclick="checkResult2('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox largerCheckbox" value="a6"/>
</div> </div>
<div class="flex flex-col gap-x-6 gap-y-2 place-items-center"> <div class="flex flex-col gap-x-6 gap-y-2 place-items-center">
<label for="a7" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a7" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image7" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image7" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label7" class="h-[50px] overflow-y-auto"></p> <p id="label7" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image7');" type="checkbox" id="a7" class="round-checkbox-input myCheckbox largerCheckbox" value="a7"/> <input onclick="checkResult2('image7');" type="checkbox" id="a7" class="round-checkbox-input myCheckbox largerCheckbox" value="a7"/>
<label for="a8" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a8" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image8" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image8" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label8" class="h-[50px] overflow-y-auto"></p> <p id="label8" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image8');" type="checkbox" id="a8" class="round-checkbox-input myCheckbox largerCheckbox" value="a8"/> <input onclick="checkResult2('image8');" type="checkbox" id="a8" class="round-checkbox-input myCheckbox largerCheckbox" value="a8"/>
<label for="a9" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a9" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image9" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" /> <img id="image9" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
<p id="label9" class="h-[50px] overflow-y-auto"></p> <p id="label9" class="h-[50px] overflow-y-auto"></p>
</label> </label>
<input onclick="checkResult2('image9');" type="checkbox" id="a9" class="round-checkbox-input myCheckbox largerCheckbox" value="a9"/> <input onclick="checkResult2('image9');" type="checkbox" id="a9" class="round-checkbox-input myCheckbox largerCheckbox" value="a9"/>
</div> </div>
</div> </div>
<div class="flex flex-col justify-center place-items-center pt-8"> <div class="flex flex-col justify-center place-items-center pt-8">
<p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p> <p 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"> --> <!-- <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> </div>
</form> </form>
@ -213,9 +213,7 @@ import Layout from "../../layouts/Layout.astro";
}) })
.then(response => { .then(response => {
if (response.ok) { if (response.ok) {
if(response.status == 200){ document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
}
} else { } else {
// console.log('Something Wrong', response); // console.log('Something Wrong', response);
} }

6
src/pages/cross/v1.astro
View File

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

10
src/pages/cross/v2.astro
View File

@ -24,9 +24,9 @@ import Layout from "../../layouts/Layout.astro";
<p id="LearningArea"></p> <p id="LearningArea"></p>
<p id="LearningSubArea_copy"></p> <p id="LearningSubArea_copy"></p>
</div> --> </div> -->
<p class="sm:text-2xl md:text-3xl lg:text-3xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p> <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
<form id="contactForm"> <form id="contactForm">
<div id="" class="flex flex-row place-content-between "> <div id="" class="flex flex-row place-content-between gap-4">
<div class="flex flex-col gap-x-6 gap-y-2 place-items-center"> <div class="flex flex-col gap-x-6 gap-y-2 place-items-center">
<label for="a1" class="round-checkbox-label text-[14px] md:text-2xl"> <label for="a1" class="round-checkbox-label text-[14px] md:text-2xl">
<img id="image1" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" /> <img id="image1" src="" alt="" draggable="false" class="select-none sm:w-[100px] h-[120px]" />
@ -86,7 +86,7 @@ import Layout from "../../layouts/Layout.astro";
</div> </div>
</div> </div>
<div class="flex flex-col justify-center place-items-center pt-8"> <div class="flex flex-col justify-center place-items-center pt-8">
<p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p> <p 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"> --> <!-- <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> </div>
</form> </form>
@ -214,9 +214,7 @@ import Layout from "../../layouts/Layout.astro";
}) })
.then(response => { .then(response => {
if (response.ok) { if (response.ok) {
if(response.status == 200){ document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
}
} else { } else {
// console.log('Something Wrong', response); // console.log('Something Wrong', response);
} }

6
src/pages/cross/v3.astro
View File

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

7
src/pages/drag/dragdrop_phonics.astro
View File

@ -430,7 +430,11 @@ import Layout from '../../layouts/Layout.astro';
submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").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(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -441,6 +445,7 @@ import Layout from '../../layouts/Layout.astro';
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);

42
src/pages/drag/index.astro
View File

@ -403,8 +403,11 @@ import Layout from '../../layouts/Layout.astro';
graphics.moveTo(x, y); graphics.moveTo(x, y);
graphics.lineTo(x + lineWidth, y); graphics.lineTo(x + lineWidth, y);
graphics.strokePath(); graphics.strokePath();
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -455,6 +458,7 @@ import Layout from '../../layouts/Layout.astro';
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);
@ -563,23 +567,23 @@ import Layout from '../../layouts/Layout.astro';
resultView.setVisible(true); resultView.setVisible(true);
} }
}; };
// const footerBorder = this.add.graphics(); const footerBorder = this.add.graphics();
// const footerX = 0; const footerY = window.innerHeight / 1.07; const footerX = 0; const footerY = window.innerHeight / 1.07;
// const footerLineWidth = window.innerWidth; const footerLineWidth = window.innerWidth;
// footerBorder.lineStyle(1, 0x0348A8); footerBorder.lineStyle(1, 0x0348A8);
// footerBorder.setAlpha(0.2); footerBorder.setAlpha(0.2);
// footerBorder.beginPath(); footerBorder.beginPath();
// footerBorder.moveTo(footerX, footerY); footerBorder.moveTo(footerX, footerY);
// footerBorder.lineTo(footerX + footerLineWidth, footerY); footerBorder.lineTo(footerX + footerLineWidth, footerY);
// footerBorder.strokePath(); footerBorder.strokePath();
// let textSize; let textSize;
// if(isMobile){ if(isMobile){
// textSize = 10; textSize = 10;
// }else{ }else{
// textSize = 20; textSize = 20;
// } }
// this.add.text(displayW / 20, window.innerHeight / 1.05, 'All rights reserved. Copyright@akademy.interakto2024', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); this.add.text(displayW / 20, window.innerHeight / 1.05, 'All rights reserved. Copyright@akademy.interakto2024', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',});
// this.add.text(displayW / 1.36, window.innerHeight / 1.05, 'Privacy • Terms of use', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); this.add.text(displayW / 1.36, window.innerHeight / 1.05, 'Privacy • Terms of use', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',});
} }
} }
// let hideButton = this.add.text(helpButtonWidth, helpButtonHeight, "Let`s Do", { // let hideButton = this.add.text(helpButtonWidth, helpButtonHeight, "Let`s Do", {

8
src/pages/drag/match_phonics.astro
View File

@ -409,8 +409,11 @@ import Layout from '../../layouts/Layout.astro';
graphics.moveTo(x, y); graphics.moveTo(x, y);
graphics.lineTo(x + lineWidth, y); graphics.lineTo(x + lineWidth, y);
graphics.strokePath(); graphics.strokePath();
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -421,6 +424,7 @@ import Layout from '../../layouts/Layout.astro';
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);

7
src/pages/drag/v2.astro
View File

@ -409,7 +409,11 @@ import Layout from '../../layouts/Layout.astro';
graphics.moveTo(x, y); graphics.moveTo(x, y);
graphics.lineTo(x + lineWidth, y); graphics.lineTo(x + lineWidth, y);
graphics.strokePath(); graphics.strokePath();
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -420,6 +424,7 @@ import Layout from '../../layouts/Layout.astro';
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);

7
src/pages/drag/v3.astro
View File

@ -439,7 +439,11 @@ import Layout from '../../layouts/Layout.astro';
submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").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(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -448,6 +452,7 @@ import Layout from '../../layouts/Layout.astro';
// }).setDepth(1); // }).setDepth(1);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);

7
src/pages/drag/v4.astro
View File

@ -424,6 +424,12 @@ import Layout from '../../layouts/Layout.astro';
const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale(); const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale(); this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -432,6 +438,7 @@ import Layout from '../../layouts/Layout.astro';
// }).setDepth(1); // }).setDepth(1);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
submitNotic.setVisible(true);
// window.location.reload(); // window.location.reload();
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);

16
src/pages/drawing/drawing_phonics.astro
View File

@ -184,7 +184,11 @@ import Layout from '../../layouts/Layout.astro';
retryButton.setInteractive().on('pointerdown', () => { retryButton.setInteractive().on('pointerdown', () => {
window.location.reload(); window.location.reload();
}); });
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -193,6 +197,8 @@ import Layout from '../../layouts/Layout.astro';
// }); // });
submitButton.setVisible(true); submitButton.setVisible(true);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
submitNotic.setVisible(true);
submitNotic.setVisible(false);
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);
}); });
@ -274,7 +280,7 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker); colorContainer.appendChild(colorPicker);
// const colors = data.colors; // const colors = data.colors;
// var colors = colorList; // var colors = colorList;
var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
// var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
const buttonSize = 60; const buttonSize = 60;
@ -578,9 +584,9 @@ import Layout from '../../layouts/Layout.astro';
slider.min = '2'; slider.min = '2';
slider.max = '80'; slider.max = '80';
slider.value = brushSize.toString(); slider.value = brushSize.toString();
slider.style.transform = 'rotate(0deg)'; slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '20px'; slider.style.marginTop = '80px';
slider.style.marginLeft = '0px'; slider.style.marginLeft = '-40px';
if(isMobile){ if(isMobile){
} }

17
src/pages/drawing/drawing_writo.astro
View File

@ -184,8 +184,11 @@ import Layout from '../../layouts/Layout.astro';
retryButton.setInteractive().on('pointerdown', () => { retryButton.setInteractive().on('pointerdown', () => {
window.location.reload(); window.location.reload();
}); });
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -194,6 +197,8 @@ import Layout from '../../layouts/Layout.astro';
// }); // });
submitButton.setVisible(true); submitButton.setVisible(true);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
submitNotic.setVisible(true);
submitNotic.setVisible(false);
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);
}); });
@ -283,7 +288,7 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker); colorContainer.appendChild(colorPicker);
// const colors = data.colors; // const colors = data.colors;
// var colors = colorList; // var colors = colorList;
var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
// var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
const buttonSize = 60; const buttonSize = 60;
@ -587,9 +592,9 @@ import Layout from '../../layouts/Layout.astro';
slider.min = '2'; slider.min = '2';
slider.max = '80'; slider.max = '80';
slider.value = brushSize.toString(); slider.value = brushSize.toString();
slider.style.transform = 'rotate(0deg)'; slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '20px'; slider.style.marginTop = '80px';
slider.style.marginLeft = '0px'; slider.style.marginLeft = '-40px';
if(isMobile){ if(isMobile){
} }

34
src/pages/drawing/index.astro
View File

@ -33,8 +33,6 @@ import Layout from '../../layouts/Layout.astro';
let scoreTotal = 0; let scoreTotal = 0;
let noticeWidth; let noticeWidth;
let noticeHeight; let noticeHeight;
let muteIcon;
let retryButton;
if(isMobile){ if(isMobile){
topLogoWidth = 4.5; topLogoWidth = 4.5;
muteIconWidth = 1.8; muteIconWidth = 1.8;
@ -121,7 +119,6 @@ import Layout from '../../layouts/Layout.astro';
}; };
const game = new Phaser.Game(config); const game = new Phaser.Game(config);
}) })
.catch(error => { .catch(error => {
console.error('Error fetching initial data:', error); console.error('Error fetching initial data:', error);
}); });
@ -181,15 +178,19 @@ import Layout from '../../layouts/Layout.astro';
borderBottom.strokePath(); borderBottom.strokePath();
this.add.image(customWidth / topLogoWidth, 30, "topLogo"); this.add.image(customWidth / topLogoWidth, 30, "topLogo");
muteIcon = this.add.image(customWidth / muteIconWidth, 30, "muteIcon"); this.add.image(customWidth / muteIconWidth, 30, "muteIcon");
retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon"); const retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon");
submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon"); submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon");
retryButton.setInteractive().on('pointerdown', () => { retryButton.setInteractive().on('pointerdown', () => {
window.location.reload(); window.location.reload();
}); });
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -198,6 +199,8 @@ import Layout from '../../layouts/Layout.astro';
// }); // });
submitButton.setVisible(true); submitButton.setVisible(true);
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
submitNotic.setVisible(true);
submitNotic.setVisible(false);
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);
}); });
@ -210,9 +213,9 @@ import Layout from '../../layouts/Layout.astro';
// this.add.text(customWidth / 30, 0, "Drawing", textStyle); // this.add.text(customWidth / 30, 0, "Drawing", textStyle);
// this.add.image(customWidth / 2 * 1.6 - 0.5, 25, 'topLogo'); // this.add.image(customWidth / 2 * 1.6 - 0.5, 25, 'topLogo');
} }
const outlineImage = this.add.image(customWidth / 2, customHeight / 2.2, 'outline'); const outlineImage = this.add.image(customWidth / 2, customHeight / 3, 'outline');
if(isMobile){ if(isMobile){
outlineImage.setDepth(1).setScale(0.30); outlineImage.setDepth(1).setScale(0.33);
}else if(isTab){ }else if(isTab){
outlineImage.setDepth(1).setScale(0.40); outlineImage.setDepth(1).setScale(0.40);
} else{ } else{
@ -276,7 +279,7 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker); colorContainer.appendChild(colorPicker);
// const colors = data.colors; // const colors = data.colors;
// var colors = colorList; // var colors = colorList;
var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
// var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
const buttonSize = 60; const buttonSize = 60;
@ -580,9 +583,9 @@ import Layout from '../../layouts/Layout.astro';
slider.min = '2'; slider.min = '2';
slider.max = '80'; slider.max = '80';
slider.value = brushSize.toString(); slider.value = brushSize.toString();
slider.style.transform = 'rotate(0deg)'; slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '20px'; slider.style.marginTop = '80px';
slider.style.marginLeft = '0px'; slider.style.marginLeft = '-40px';
if(isMobile){ if(isMobile){
} }
@ -657,17 +660,10 @@ import Layout from '../../layouts/Layout.astro';
submitButton.setVisible(false); submitButton.setVisible(false);
snapshotButton.setVisible(false); snapshotButton.setVisible(false);
customCursor.setVisible(false); customCursor.setVisible(false);
muteIcon.setVisible(false);
retryButton.setVisible(false);
drawingZone.renderer.snapshot((image) => { drawingZone.renderer.snapshot((image) => {
submitButton.setVisible(true); submitButton.setVisible(true);
snapshotButton.setVisible(true); snapshotButton.setVisible(true);
customCursor.setVisible(true); customCursor.setVisible(true);
muteIcon.setVisible(true);
retryButton.setVisible(true);
image.style.width = '160px'; image.style.width = '160px';
image.style.height = '120px'; image.style.height = '120px';
image.style.paddingLeft = '2px'; image.style.paddingLeft = '2px';

13
src/pages/drawing/v2.astro
View File

@ -236,7 +236,11 @@ import Layout from '../../layouts/Layout.astro';
retryButton.setInteractive().on('pointerdown', ()=>{ retryButton.setInteractive().on('pointerdown', ()=>{
window.location.reload(); window.location.reload();
}) })
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
font: '600 20px Quicksand',
fill: 'blue'
}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -245,6 +249,7 @@ import Layout from '../../layouts/Layout.astro';
// }); // });
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
submitNotic.setVisible(true);
// windowLoad(); // windowLoad();
// submitUserData(); // submitUserData();
submitUserData(this); submitUserData(this);
@ -585,9 +590,9 @@ import Layout from '../../layouts/Layout.astro';
slider.max = '80'; slider.max = '80';
slider.value = brushSize.toString(); slider.value = brushSize.toString();
slider.className = 'slider'; slider.className = 'slider';
slider.style.transform = 'rotate(0deg)'; slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '30px'; slider.style.marginTop = '80px';
slider.style.marginLeft = '0px'; slider.style.marginLeft = '-40px';
// slider.style.width = `${window.innerWidth / 2}px`; // slider.style.width = `${window.innerWidth / 2}px`;
slider.addEventListener('input', (event) => { slider.addEventListener('input', (event) => {
brushSize = parseInt(event.target.value); brushSize = parseInt(event.target.value);

12
src/pages/drawing/v3.astro
View File

@ -214,7 +214,8 @@ import Layout from '../../layouts/Layout.astro';
retryButton.setInteractive().on('pointerdown', () => { retryButton.setInteractive().on('pointerdown', () => {
window.location.reload(); window.location.reload();
}) })
submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: 'blue'}).setDepth(1);
submitNotic.setVisible(false);
// submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
// font: '600 30px Quicksand', // font: '600 30px Quicksand',
// fill: '#fff', // fill: '#fff',
@ -225,6 +226,7 @@ import Layout from '../../layouts/Layout.astro';
submitButton.setInteractive().on('pointerdown', () => { submitButton.setInteractive().on('pointerdown', () => {
// console.log('Clicked'); // console.log('Clicked');
// submitButton.setVisible(false); // submitButton.setVisible(false);
submitNotic.setVisible(true);
// windowLoad(); // windowLoad();
submitUserData(this); submitUserData(this);
}) })
@ -304,7 +306,7 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker); colorContainer.appendChild(colorPicker);
// const colors = data.colors; // const colors = data.colors;
// var colors = colorList; // var colors = colorList;
let colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; let colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
// const colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; // const colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000']; // const colors = ['#ff0000'];
const buttonSize = 60; const buttonSize = 60;
@ -615,9 +617,9 @@ import Layout from '../../layouts/Layout.astro';
slider.max = '80'; slider.max = '80';
slider.value = brushSize.toString(); slider.value = brushSize.toString();
slider.className = 'slider'; slider.className = 'slider';
slider.style.transform = 'rotate(0deg)'; slider.style.transform = 'rotate(-90deg)';
slider.style.marginTop = '0px'; slider.style.marginTop = '70px';
slider.style.marginLeft = '0px'; slider.style.marginLeft = '-30px';
// slider.style.width = `${window.innerWidth / 2}px`; // slider.style.width = `${window.innerWidth / 2}px`;
slider.addEventListener('input', (event) => { slider.addEventListener('input', (event) => {
brushSize = parseInt(event.target.value); brushSize = parseInt(event.target.value);

9
src/pages/guided-tracing/0.astro
View File

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

13
src/pages/guided-tracing/1.astro
View File

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

8
src/pages/guided-tracing/2.astro
View File

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

8
src/pages/guided-tracing/3.astro
View File

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

8
src/pages/guided-tracing/4.astro
View File

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

8
src/pages/guided-tracing/5.astro
View File

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

10
src/pages/guided-tracing/6.astro
View File

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

10
src/pages/guided-tracing/7.astro
View File

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

10
src/pages/guided-tracing/8.astro
View File

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

10
src/pages/guided-tracing/9.astro
View File

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

10
src/pages/guided-tracing/A.astro
View File

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

10
src/pages/guided-tracing/B.astro
View File

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

10
src/pages/guided-tracing/C.astro
View File

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

9
src/pages/guided-tracing/D.astro
View File

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

10
src/pages/guided-tracing/E.astro
View File

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

10
src/pages/guided-tracing/F.astro
View File

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

10
src/pages/guided-tracing/G.astro
View File

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

10
src/pages/guided-tracing/H.astro
View File

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

12
src/pages/guided-tracing/I.astro
View File

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

10
src/pages/guided-tracing/J.astro
View File

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

8
src/pages/guided-tracing/K.astro
View File

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

8
src/pages/guided-tracing/L.astro
View File

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

8
src/pages/guided-tracing/M.astro
View File

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

8
src/pages/guided-tracing/N.astro
View File

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

8
src/pages/guided-tracing/O.astro
View File

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

8
src/pages/guided-tracing/P.astro
View File

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

8
src/pages/guided-tracing/Q.astro
View File

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

8
src/pages/guided-tracing/R.astro
View File

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

8
src/pages/guided-tracing/S.astro
View File

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

8
src/pages/guided-tracing/T.astro
View File

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

8
src/pages/guided-tracing/U.astro
View File

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

7
src/pages/guided-tracing/V.astro
View File

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

8
src/pages/guided-tracing/W.astro
View File

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

8
src/pages/guided-tracing/X.astro
View File

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

8
src/pages/guided-tracing/Y.astro
View File

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

8
src/pages/guided-tracing/Z.astro
View File

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

10
src/pages/guided-tracing/a.astro
View File

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

10
src/pages/guided-tracing/b.astro
View File

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

10
src/pages/guided-tracing/c.astro
View File

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

10
src/pages/guided-tracing/d.astro
View File

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

10
src/pages/guided-tracing/e.astro
View File

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

10
src/pages/guided-tracing/f.astro
View File

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

10
src/pages/guided-tracing/g.astro
View File

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

10
src/pages/guided-tracing/h.astro
View File

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

10
src/pages/guided-tracing/i.astro
View File

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

10
src/pages/guided-tracing/j.astro
View File

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

10
src/pages/guided-tracing/k.astro
View File

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

8
src/pages/guided-tracing/l.astro
View File

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

10
src/pages/guided-tracing/m.astro
View File

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

8
src/pages/guided-tracing/n.astro
View File

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

8
src/pages/guided-tracing/o.astro
View File

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

10
src/pages/guided-tracing/p.astro
View File

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

8
src/pages/guided-tracing/q.astro
View File

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

8
src/pages/guided-tracing/r.astro
View File

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

8
src/pages/guided-tracing/s.astro
View File

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

8
src/pages/guided-tracing/t.astro
View File

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

7
src/pages/guided-tracing/u.astro
View File

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

7
src/pages/guided-tracing/v.astro
View File

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

8
src/pages/guided-tracing/w.astro
View File

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

8
src/pages/guided-tracing/x.astro
View File

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

8
src/pages/guided-tracing/y.astro
View File

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

8
src/pages/guided-tracing/z.astro
View File

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

6
src/pages/tick/tick_phonics_v1.astro
View File

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

7
src/pages/tick/tick_phonics_v2.astro
View File

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

6
src/pages/tick/tick_phonics_v3.astro
View File

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

6
src/pages/tick/v1.astro
View File

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

6
src/pages/tick/v2.astro
View File

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

6
src/pages/tick/v3.astro
View File

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