// Slavorum Apostoli - A tribute to the Saints Cyril and Methodius who brought the Cyrillic alphabet to the Slavic people



ctx.fillStyle = "#F5DEB3"; // Set canvas background color to wheat

ctx.fillRect(0, 0, 512, 512); // Draw a rectangle covering the entire canvas



// Draw a large cross

ctx.fillStyle = "#8B4513"; // Set fill color to saddlebrown

ctx.fillRect(200, 0, 112, 512); // Draw vertical part of cross

ctx.fillRect(0, 200, 512, 112); // Draw horizontal part of cross



// Draw two smaller crosses on either side of the large cross

ctx.fillStyle = "#A0522D"; // Set fill color to sienna

ctx.fillRect(0, 80, 80, 352); // Draw left cross

ctx.fillRect(432, 80, 80, 352); // Draw right cross



// Draw circles representing the sun and the moon

ctx.fillStyle = "#FFE4B5"; // Set fill color to moccasin

ctx.beginPath(); // Begin drawing a path

ctx.arc(256, 256, 150, 0, 2 * Math.PI); // Draw the sun

ctx.fill(); // Fill the sun circle

ctx.fillStyle = "#D3D3D3"; // Set fill color to lightgray

ctx.beginPath(); // Begin drawing a path

ctx.arc(256, 256, 100, 0, 2 * Math.PI); // Draw the moon

ctx.fill(); // Fill the moon circle



// Draw the Cyrillic letter "С" (S) in the center of the sun

ctx.fillStyle = "#FF8C00"; // Set fill color to darkorange

ctx.font = "bold 200px Arial"; // Set font to bold Arial 200px

ctx.textAlign = "center"; // Center the text horizontally

ctx.textBaseline = "middle"; // Center the text vertically

ctx.fillText("С", 256, 256); // Draw the letter "С" in the center of the sun



// Draw the Cyrillic letter "М" (M) in the center of the moon

ctx.fillStyle = "#696969"; // Set fill color to dimgray

ctx.font = "bold 150px Arial"; // Set font to bold Arial 150px

ctx.fillText("М", 256, 256); // Draw the letter "М" in the center of the moon



// Draw two birds flying towards the sun and the moon

ctx.strokeStyle = "#000000"; // Set stroke color to black

ctx.lineWidth = 3; // Set stroke width to 3px

ctx.beginPath(); // Begin drawing a path

ctx.moveTo(80, 120); // Move to the start point of the first bird

ctx.lineTo(160, 80); // Draw the first bird's body

ctx.lineTo(200, 40); // Draw the first bird's head

ctx.moveTo(220, 120); // Move to the start point of the second bird

ctx.lineTo(300, 80); // Draw the second bird's body

ctx.lineTo(340, 40); // Draw the second bird's head

ctx.stroke(); // Stroke the paths to draw the birds



// Draw a book symbolizing the Slavic translations of the Bible by Saints Cyril and Methodius

ctx.fillStyle = "#FFFFFF"; // Set fill color to white

ctx.fillRect(176, 400, 160, 80); // Draw the book cover

ctx.fillStyle = "#000000"; // Set fill color to black

ctx.font = "bold 30px Arial"; // Set font to bold Arial 30px

ctx.textAlign = "center"; // Center the text horizontally

ctx.textBaseline = "middle"; // Center the text vertically

ctx.fillText("БИБЛИЯ", 256, 440); // Draw the text "БИБЛИЯ" (Bible) on the book cover



// Draw a quill and ink symbolizing the writing of the Slavic alphabet by Saints Cyril and Methodius

ctx.strokeStyle = "#000000"; // Set stroke color to black

ctx.lineWidth = 5; // Set stroke width to 5px

ctx.beginPath(); // Begin drawing a path

ctx.moveTo(336, 432); // Move to the start point of the quill

ctx.lineTo(400, 496); // Draw the quill

ctx.stroke(); // Stroke the path to draw the quill

ctx.beginPath(); // Begin drawing another path

ctx.arc(432, 432, 40, 0, 2 * Math.PI); // Draw the inkwell

ctx.stroke(); // Stroke the path to draw the inkwell



// Draw a heart symbolizing the love and devotion of Saints Cyril and Methodius to their mission

ctx.fillStyle = "#FF0000"; // Set fill color to red

ctx.beginPath(); // Begin drawing a path

ctx.moveTo(80, 432); // Move to the start point of the heart

ctx.bezierCurveTo(80, 472, 176, 472, 176, 432); // Draw the left half of the heart

ctx.bezierCurveTo(176, 392, 80, 392, 80, 432); // Draw the right half of the heart

ctx.fill(); // Fill the path to draw the heart



// Draw a smiley face to add some fun to the drawing

ctx.fillStyle = "#FFD700"; // Set fill color to gold

ctx.beginPath(); // Begin drawing a path

ctx.arc(256, 100, 50, 0, Math.PI); // Draw the mouth

ctx.arc(200, 60, 20, 0, 2 * Math.PI); // Draw the left eye

ctx.arc(312, 60, 20, 0, 2 * Math.PI); // Draw the right eye

ctx.fill(); // Fill the path to draw the smiley face



// "I hope this drawing brightens up your day! :)"