🪡 Draw Page

[recursivezero]

What would you like to be added?

Fix UI issues in Draw Page

Why is this needed?

• Add instructions propely
• Make letter bigger to fill the screen

[recursivezero]

[1046prt]

🛠️ Task to Work On:

• Increased the font size to cover the entire board and fixed the position of the "Press any key to continue" message, as some parts were previously overlapping with the board.

• Changed the title back to its original from "DrawPage" to "Draw", and updated the instruction message accordingly when you click on '?' icon.

• Modify the website's UI by enhancing the color scheme and fixing minor bugs.

[1046prt]

✅ Completed Tasks:

• Increased the font size to properly cover the entire board and fixed the position of the "Press any key to continue" message to prevent overlap.
• Reverted the title from "DrawPage" back to "Draw" and updated the instruction message shown when clicking the '?' icon.
• Enhanced the website’s UI by improving the color scheme and resolving minor bugs.

[1046prt]

Reference: Taking inspiration from abcdkbd.com's drawing page section

Requirements:

• Image Change Button: Add a button to cycle through different images on the drawing page.

• Font Adjustment: When an image is displayed, reduce the font size of accompanying text for better layout.

[1046prt]

• Added an icon for changing the image.

• Modified image handling to support display from local host.

• On image icon click, font size reduces; on background icon click, font returns to original size.

• Also restructured the code for better organization.

[recursivezero]

implement this stacked card effect when press any letter

https://freefrontend.com/css-stacked-cards/

[1046prt]

@xkeshav : Please update the images for the moon and night themes. If possible, make adjustments for the banana image as well.

• Fix the image icon functionality.
• Align the image icon next to the "Continue" message.
• Currently working on the card effects page.