<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Sitemap</title>
    <script src="assets/js/blog.js"></script>
    <script src="assets/js/sitemap.js"></script>
    <script>
        // Wait for blog posts to load, then generate sitemap
        document.addEventListener('DOMContentLoaded', async function() {
            if (window.blogSystem) {
                await window.blogSystem.loadBlogPosts();
            }
            
            // Generate and display sitemap
            const sitemapContent = window.generateSitemap();
            document.body.innerHTML = '<pre>' + sitemapContent.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</pre>';
        });
    </script>
</head>
<body>
    <p>Generating sitemap...</p>
</body>
</html>