// Title: Map of Kenya and East Africa with Mission Stations



// Create canvas element



// Get 2d context



// Background color

ctx.fillStyle = '#E0FFFF'; // Light Blue

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



// Draw Map of Kenya and East Africa

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

ctx.lineWidth = 2;

ctx.strokeRect(50, 50, 412, 412); // Border of the map



// Draw Mission Stations

ctx.fillStyle = '#FF0000'; // Red



// Mission Station 1 - Nairobi (founded in 1899)

ctx.beginPath();

ctx.arc(256, 256, 5, 0, Math.PI * 2);

ctx.fill();

ctx.fillText('Nairobi (1899)', 266, 261);



// Mission Station 2 - Mombasa (founded in 1844)

ctx.beginPath();

ctx.arc(100, 300, 5, 0, Math.PI * 2);

ctx.fill();

ctx.fillText('Mombasa (1844)', 110, 305);



// Mission Station 3 - Kisumu (founded in 1901)

ctx.beginPath();

ctx.arc(180, 100, 5, 0, Math.PI * 2);

ctx.fill();

ctx.fillText('Kisumu (1901)', 190, 105);



// Mission Station 4 - Dar es Salaam (founded in 1868)

ctx.beginPath();

ctx.arc(400, 400, 5, 0, Math.PI * 2);

ctx.fill();

ctx.fillText('Dar es Salaam (1868)', 410, 405);



// Mission Station 5 - Kampala (founded in 1890)

ctx.beginPath();

ctx.arc(300, 100, 5, 0, Math.PI * 2);

ctx.fill();

ctx.fillText('Kampala (1890)', 310, 105);



// Draw Christian Mission Groups

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



// Mission Group 1

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(150, 150);

ctx.stroke();

ctx.fillText('Mission Group 1', 150, 140);



// Mission Group 2

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(350, 350);

ctx.stroke();

ctx.fillText('Mission Group 2', 350, 340);



// Mission Group 3

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(100, 400);

ctx.stroke();

ctx.fillText('Mission Group 3', 100, 395);



// Mission Group 4

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(400, 100);

ctx.stroke();

ctx.fillText('Mission Group 4', 400, 90);



// Mission Group 5

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(450, 200);

ctx.stroke();

ctx.fillText('Mission Group 5', 450, 190);



// Mission Group 6

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(50, 200);

ctx.stroke();

ctx.fillText('Mission Group 6', 50, 190);



// Mission Group 7

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(200, 450);

ctx.stroke();

ctx.fillText('Mission Group 7', 200, 440);



// Mission Group 8

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(450, 450);

ctx.stroke();

ctx.fillText('Mission Group 8', 450, 440);



// Mission Group 9

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(150, 450);

ctx.stroke();

ctx.fillText('Mission Group 9', 150, 440);



// Mission Group 10

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(50, 100);

ctx.stroke();

ctx.fillText('Mission Group 10', 50, 90);



// Mission Group 11

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(400, 50);

ctx.stroke();

ctx.fillText('Mission Group 11', 400, 40);



// Mission Group 12

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(350, 150);

ctx.stroke();

ctx.fillText('Mission Group 12', 350, 140);



// Mission Group 13

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(100, 50);

ctx.stroke();

ctx.fillText('Mission Group 13', 100, 40);



// Mission Group 14

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(50, 350);

ctx.stroke();

ctx.fillText('Mission Group 14', 50, 340);



// Mission Group 15

ctx.beginPath();

ctx.moveTo(256, 256);

ctx.lineTo(450, 350);

ctx.stroke();

ctx.fillText('Mission Group 15', 450, 340);



// Funny comment: "Exploring the land of lions, zebras, and mission stations! 🦁🦓✝️"