// Title: Plant Infusion





// Draw a beaker filled with water

ctx.fillStyle = 'blue'; // water color

ctx.fillRect(100, 100, 312, 312); // beaker shape



// Draw steam rising from the beaker

ctx.fillStyle = 'white'; // steam color

ctx.beginPath();

ctx.moveTo(256, 100); // starting point of steam

ctx.lineTo(200, 50); // first curve of steam

ctx.quadraticCurveTo(256, 0, 312, 50); // second curve of steam

ctx.lineTo(256, 100); // ending point of steam

ctx.closePath();

ctx.fill();



// Draw plant leaves

ctx.fillStyle = 'green'; // leaf color

ctx.beginPath();

ctx.moveTo(256, 300); // starting point of leaves

ctx.lineTo(200, 250); // first curve of leaves

ctx.quadraticCurveTo(256, 200, 312, 250); // second curve of leaves

ctx.lineTo(256, 300); // ending point of leaves

ctx.closePath();

ctx.fill();



// Draw a thermometer in the beaker

ctx.fillStyle = 'red'; // thermometer color

ctx.fillRect(350, 100, 10, 200); // thermometer shape



// Display the temperature

ctx.font = 'bold 20px Arial';

ctx.fillStyle = 'black';

ctx.fillText('70°C', 320, 320);



// Draw a clock to represent the time

ctx.strokeStyle = 'black'; // clock color

ctx.lineWidth = 2;

ctx.beginPath();

ctx.arc(256, 256, 100, 0, Math.PI * 2); // clock shape

ctx.closePath();

ctx.stroke();



// Display the time

ctx.font = 'bold 20px Arial';

ctx.fillStyle = 'black';

ctx.fillText('60 min', 240, 270);



// Draw a refrigerator to represent preservation at 4°C

ctx.fillStyle = 'gray'; // refrigerator color

ctx.fillRect(100, 350, 312, 62); // refrigerator shape



// Draw a snowflake inside the refrigerator

ctx.fillStyle = 'white'; // snowflake color

ctx.beginPath();

ctx.moveTo(256, 400); // starting point of snowflake

ctx.lineTo(230, 380); // first line of snowflake

ctx.lineTo(240, 360); // second line of snowflake

ctx.lineTo(220, 360); // third line of snowflake

ctx.lineTo(210, 380); // fourth line of snowflake

ctx.lineTo(190, 380); // fifth line of snowflake

ctx.lineTo(200, 360); // sixth line of snowflake

ctx.lineTo(180, 340); // seventh line of snowflake

ctx.lineTo(200, 320); // eighth line of snowflake

ctx.lineTo(200, 300); // ninth line of snowflake

ctx.lineTo(220, 320); // tenth line of snowflake

ctx.lineTo(240, 320); // eleventh line of snowflake

ctx.lineTo(220, 300); // twelfth line of snowflake

ctx.lineTo(230, 280); // thirteenth line of snowflake

ctx.lineTo(256, 300); // fourteenth line of snowflake

ctx.lineTo(282, 280); // fifteenth line of snowflake

ctx.lineTo(290, 300); // sixteenth line of snowflake

ctx.lineTo(310, 320); // seventeenth line of snowflake

ctx.lineTo(330, 320); // eighteenth line of snowflake

ctx.lineTo(310, 300); // nineteenth line of snowflake

ctx.lineTo(320, 320); // twentieth line of snowflake

ctx.lineTo(340, 340); // twenty-first line of snowflake

ctx.lineTo(320, 360); // twenty-second line of snowflake

ctx.lineTo(310, 380); // twenty-third line of snowflake

ctx.lineTo(332, 380); // twenty-fourth line of snowflake

ctx.lineTo(330, 400); // twenty-fifth line of snowflake

ctx.lineTo(256, 376); // twenty-sixth line of snowflake

ctx.closePath();

ctx.fill();



// Make sure the solution is filtered

ctx.strokeStyle = 'black'; // filter color

ctx.lineWidth = 2;

ctx.beginPath();

ctx.moveTo(100, 240); // starting point of filter

ctx.lineTo(412, 240); // ending point of filter

ctx.closePath();

ctx.stroke();



// Add some text to the drawing

ctx.font = 'bold 16px Arial';

ctx.fillStyle = 'black';

ctx.fillText('Plant Infusion', 200, 30);



// Hilarious comment: "Who knew plants could have a spa day too? 🌿💧💆‍♀️"