Entry example

H2 Subtitle

H3 title

Here is a canvas element:

Additional Content

This is a test of how Markdown renders in Astro. You can mix HTML elements like the canvas above with regular Markdown content.

Features being tested:

• Canvas element - HTML5 canvas for graphics
• Markdown syntax - Headers, lists, emphasis
• Mixed content - HTML and Markdown together

Some example text content:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a quam nec nibh iaculis elementum. Sed mollis ornare faucibus. Integer pellentesque tristique augue ut placerat. Proin commodo, massa at volutpat dapibus, nisi lacus imperdiet mauris, eu feugiat nibh sem a urna. Quisque ac lectus varius, tincidunt nisi at, pellentesque sem. Phasellus a ante ac est dapibus cursus. Morbi eget quam tempor, maximus mauris a, vulputate mauris.

Nullam a iaculis arcu. Curabitur finibus velit ac ipsum varius gravida. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse orci augue, suscipit id luctus euismod, scelerisque sed odio. Sed vehicula, massa sed sagittis tempus, quam arcu pharetra tortor, nec finibus ipsum tortor eget mauris. Pellentesque at tellus at libero sollicitudin egestas. Sed auctor pulvinar iaculis. Quisque quis vulputate felis, quis elementum magna. Nam finibus diam quis placerat dapibus. Morbi tempor ipsum ac nisl eleifend tincidunt. Donec nunc enim, hendrerit nec pulvinar quis, ullamcorper non ex.

Integer efficitur blandit elementum. Cras facilisis quam urna, a mollis turpis efficitur a. Mauris hendrerit ex sit amet mi laoreet mollis. Cras in volutpat lacus, eu vulputate orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a enim sed justo interdum tristique. Ut dignissim felis sit amet ante condimentum, sed efficitur tortor sollicitudin. Nam aliquam nunc id tempor aliquet. Sed scelerisque porttitor sapien eu faucibus. Nulla eget metus sed odio euismod facilisis sed ullamcorper dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis ut sagittis purus, et auctor elit. Nam iaculis nisi eget justo fermentum pretium.

Aenean luctus in diam ac suscipit. Fusce erat orci, tincidunt sed dui nec, bibendum venenatis erat. Pellentesque finibus odio a molestie vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean molestie dolor leo, vel aliquet justo porta ac. Pellentesque viverra nunc sem, id tristique massa dictum a. Ut fringilla mollis ex, vel pellentesque urna dapibus sed. Vestibulum efficitur lorem sed magna rutrum porttitor. In hac habitasse platea dictumst. Nunc tincidunt nulla et magna mollis aliquet. Nulla tincidunt, velit quis pulvinar ultricies, nulla risus sagittis tortor, nec cursus nulla sapien sit amet metus. Duis interdum rutrum lectus, vitae fringilla velit finibus at.

Curabitur in fringilla lacus. Nam eget dignissim dolor. Etiam quis accumsan augue. Suspendisse accumsan faucibus orci, ac vestibulum velit ornare sed. Nam accumsan nulla at libero porta dapibus. In feugiat turpis eu sapien dignissim interdum. Curabitur imperdiet nisl quis elit aliquam blandit. Nulla accumsan lobortis nisi convallis hendrerit.

Code example:

// You can also add code blocks
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);

Note: In Astro, you can seamlessly mix HTML elements with Markdown content, making it perfect for technical documentation and interactive content.