add new drawing game
This commit is contained in:
499
src/pages/drawing/drawing_phonics.astro
Normal file
499
src/pages/drawing/drawing_phonics.astro
Normal file
File diff suppressed because one or more lines are too long
499
src/pages/drawing/drawing_writo.astro
Normal file
499
src/pages/drawing/drawing_writo.astro
Normal file
File diff suppressed because one or more lines are too long
@@ -194,9 +194,9 @@ import Layout from '../../layouts/Layout.astro';
|
|||||||
colorContainer.style.top = '13%';
|
colorContainer.style.top = '13%';
|
||||||
colorContainer.style.left = '10px';
|
colorContainer.style.left = '10px';
|
||||||
colorContainer.style.display = 'flex';
|
colorContainer.style.display = 'flex';
|
||||||
colorContainer.style.marginBottom = '15px';
|
colorContainer.style.marginBottom = '0';
|
||||||
if(!isMobile){
|
if(!isMobile){
|
||||||
colorContainer.style.top = '25%';
|
colorContainer.style.top = '10%';
|
||||||
colorContainer.style.flexDirection = 'column';
|
colorContainer.style.flexDirection = 'column';
|
||||||
}
|
}
|
||||||
// Create the color picker
|
// Create the color picker
|
||||||
@@ -229,7 +229,8 @@ 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;
|
||||||
const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
|
var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
|
||||||
|
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
|
||||||
const buttonSize = 60;
|
const buttonSize = 60;
|
||||||
const buttonSpacing = 5;
|
const buttonSpacing = 5;
|
||||||
// Create a container div for the color buttons
|
// Create a container div for the color buttons
|
||||||
@@ -320,7 +321,7 @@ import Layout from '../../layouts/Layout.astro';
|
|||||||
buttonsContainer.style.marginTop = '30px';
|
buttonsContainer.style.marginTop = '30px';
|
||||||
if(!isMobile){
|
if(!isMobile){
|
||||||
// buttonsContainer.style.position = 'fixed';
|
// buttonsContainer.style.position = 'fixed';
|
||||||
buttonsContainer.style.top = '25%';
|
buttonsContainer.style.top = '10%';
|
||||||
buttonsContainer.style.flexDirection = 'column';
|
buttonsContainer.style.flexDirection = 'column';
|
||||||
buttonsContainer.style.marginLeft = '60px';
|
buttonsContainer.style.marginLeft = '60px';
|
||||||
buttonsContainer.style.marginTop = '0%';
|
buttonsContainer.style.marginTop = '0%';
|
||||||
|
|||||||
Reference in New Issue
Block a user