/*

Title: "Path to Success"

Stay Positive and Optimistic: Use bright and happy colors to depict a positive mindset.

Seek Support and Mentorship: Draw a friendly figure offering guidance and support.

Celebrate Small Wins: Illustrate confetti and balloons to commemorate each achievement.

Visualize Success: Paint a vivid picture of success in the background.

Stay Persistent in the Face of Adversity: Show a determined character overcoming obstacles.

Learn from Others: Depict a group of diverse individuals sharing knowledge and ideas.

Take Care of Yourself: Draw a self-care scene with relaxing elements like a hammock.

Stay Flexible: Show a flexible figure bending and adapting to changes.

Keep Learning: Illustrate books or symbols representing continuous learning.

*/



// Let's begin drawing our "Path to Success" on the canvas!





// Set canvas size



// Background

ctx.fillStyle = '#FEECEC'; // A soothing pink color

ctx.fillRect(0, 0, 512, 512);



// Plan a colorful roadmap

ctx.beginPath();

ctx.moveTo(100, 100);

ctx.lineTo(400, 100);

ctx.lineWidth = 10;

ctx.strokeStyle = '#FFD700'; // Golden yellow

ctx.stroke();



// Stay Positive and Optimistic

ctx.font = '40px Arial';

ctx.fillStyle = '#00FF00'; // Bright green

ctx.fillText('Stay Positive', 140, 150);

ctx.fillText('and Optimistic', 120, 200);



// Seek Support and Mentorship

ctx.fillStyle = '#0000FF'; // Blue

ctx.fillRect(50, 250, 50, 200); // Draw a figure

ctx.beginPath();

ctx.arc(75, 230, 30, 0, Math.PI * 2, true); // Draw a head

ctx.fillStyle = '#FFD700'; // Golden yellow

ctx.fill();



// Celebrate Small Wins

ctx.fillStyle = '#FF69B4'; // Hot pink

ctx.beginPath();

ctx.arc(200, 350, 50, 0, Math.PI * 2, true); // Draw a balloon

ctx.fill();

ctx.fillRect(190, 400, 20, 100); // Draw strings



// Visualize Success

ctx.fillStyle = '#FFFF00'; // Yellow

ctx.font = 'italic 50px Arial';

ctx.fillText('Success', 260, 350);



// Stay Persistent in the Face of Adversity

ctx.fillStyle = '#FF4500'; // Orange-red

ctx.beginPath();

ctx.arc(400, 400, 50, 0, Math.PI * 2, true); // Draw a determined character

ctx.fill();

ctx.strokeStyle = '#000000'; // Black

ctx.lineWidth = 3;

ctx.beginPath();

ctx.moveTo(370, 370);

ctx.lineTo(430, 430);

ctx.stroke();

ctx.beginPath();

ctx.moveTo(370, 430);

ctx.lineTo(430, 370);

ctx.stroke();



// Learn from Others

ctx.fillStyle = '#8A2BE2'; // Blue-violet

ctx.beginPath();

ctx.arc(250, 150, 50, 0, Math.PI * 2, true); // Draw a group

ctx.fill();

ctx.beginPath();

ctx.arc(300, 150, 50, 0, Math.PI * 2, true);

ctx.fill();

ctx.beginPath();

ctx.arc(275, 200, 50, 0, Math.PI * 2, true);

ctx.fill();

ctx.fillStyle = '#FFFFFF'; // White

ctx.font = 'bold 30px Arial';

ctx.fillText('?', 265, 165);



// Take Care of Yourself

ctx.fillStyle = '#00FFFF'; // Cyan

ctx.fillRect(350, 100, 100, 200); // Draw a hammock

ctx.beginPath();

ctx.moveTo(350, 100);

ctx.lineTo(400, 50);

ctx.lineTo(450, 100);

ctx.closePath();

ctx.fillStyle = '#FFD700'; // Golden yellow

ctx.fill();



// Stay Flexible

ctx.fillStyle = '#32CD32'; // Lime green

ctx.beginPath();

ctx.moveTo(100, 350);

ctx.lineTo(150, 400);

ctx.lineTo(200, 350);

ctx.closePath(); // Draw a flexible figure

ctx.fill();



// Keep Learning

ctx.fillStyle = '#800080'; // Purple

ctx.font = 'italic bold 30px Arial';

ctx.fillText('?', 185, 410); // Draw a book or symbol



// Mission accomplished! Our canvas is complete!



// Remember, success is just a colorful stroke away! 😉