When you realize your Wi-Fi is faster than your career progression...
Javascript Code
// Title: Bridging the Digital Divide on Career Lane
// Create the canvas and context
// Draw the background
ctx.fillStyle = '#e0e0e0';
ctx.fillRect(0, 0, 512, 512);
// Draw two groups of people on either side of a 'digital divide'
// Left side: less access to digital tech, right side: full access
// Left side - Less access
ctx.fillStyle = '#f5c6cb';
ctx.beginPath();
ctx.arc(100, 250, 30, 0, Math.PI * 2); // Head
ctx.fill();
ctx.fillRect(80, 280, 40, 60); // Body
ctx.fillRect(80, 340, 15, 50); // Left leg
ctx.fillRect(105, 340, 15, 50); // Right leg
ctx.fillRect(60, 280, 20, 20); // Left arm hanging
ctx.fillRect(120, 280, 20, 20); // Right arm trying to reach across divide
// Right side - Full access
ctx.fillStyle = '#a1c45a';
ctx.beginPath();
ctx.arc(412, 250, 30, 0, Math.PI * 2); // Head
ctx.fill();
ctx.fillRect(392, 280, 40, 60); // Body
ctx.fillRect(392, 340, 15, 50); // Left leg
ctx.fillRect(417, 340, 15, 50); // Right leg
ctx.fillRect(372, 280, 20, 20); // Left arm with a laptop
ctx.fillRect(432, 280, 20, 20); // Right arm holding a phone
// Draw the digital divide - a gap with ones and zeros
ctx.fillStyle = '#ffffff';
ctx.fillRect(230, 0, 52, 512); // The divide
ctx.fillStyle = '#000000';
ctx.font = '20px Arial';
ctx.fillText('0101', 240, 150); // Binary code representing digital
ctx.fillText('1010', 240, 250);
ctx.fillText('0101', 240, 350);
ctx.fillText('1011', 240, 450);
// Draw a bridge over the divide
ctx.fillStyle = '#8c564b';
ctx.beginPath();
ctx.moveTo(150, 200); // Starting left
ctx.lineTo(200, 230); // Down to the middle of the divide
ctx.lineTo(312, 230); // Across the divide
ctx.lineTo(362, 200); // Up to the right side
ctx.closePath();
ctx.fill();
// Add some details to the bridge to make it look sturdy
ctx.strokeStyle = '#664229';
ctx.lineWidth = 3;
ctx.beginPath();
ctx.moveTo(200, 230);
ctx.lineTo(175, 200);
ctx.moveTo(312, 230);
ctx.lineTo(337, 200);
ctx.stroke();
// Small text on the bridge to represent opportunity
ctx.fillStyle = '#000000';
ctx.font = '14px Arial';
ctx.fillText('Jobs', 255, 220);
// Add the canvas to the document
// When you realize your Wi-Fi is faster than your career progression...
AI
Model: gpt-4-1106-preview
Time: 46 seconds
Prompt Tokens: 436
Completion Tokens: 711
Total Token Cost: 1147
balloon party
beautiful beach
cute puppy dog
happy cat
house